@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);
/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #E5E7EB;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    /* 3 */
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9CA3AF;
    /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
    display: none;
}

[data-popper-arrow],
[data-popper-arrow]:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

[data-popper-arrow] {
    visibility: hidden;
}

[data-popper-arrow]:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
}

[data-popper-arrow]:after {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit;
}

[role="tooltip"]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: #e5e7eb;
}

[role="tooltip"]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: #e5e7eb;
}

[data-popover][role="tooltip"][data-popper-placement^='top']>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top']>[data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right']>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right']>[data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom']>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom']>[data-popper-arrow]:after {
    border-top-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left']>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left']>[data-popper-arrow]:after {
    border-top-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top']>[data-popper-arrow] {
    bottom: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom']>[data-popper-arrow] {
    top: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='left']>[data-popper-arrow] {
    right: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='right']>[data-popper-arrow] {
    left: -5px;
}

[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6B7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

[type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='number']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='week']:focus,
[multiple]:focus,
textarea:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1C64F2;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #1C64F2;
}

input::placeholder,
textarea::placeholder {
    color: #6B7280;
    opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}

select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 10 6%27%3e %3cpath stroke=%27%236B7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m1 1 4 4 4-4%27/%3e %3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75em 0.75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

:is([dir=rtl]) select:not([size]) {
    background-position: left 0.75rem center;
    padding-right: 0.75rem;
    padding-left: 0;
}

[multiple] {
    background-image: none;
    background-image: initial;
    background-position: 0 0;
    background-position: initial;
    background-repeat: repeat;
    background-repeat: initial;
    background-size: auto auto;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: inherit;
    print-color-adjust: inherit;
}

[type='checkbox'],
[type='radio'] {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1C64F2;
    background-color: #fff;
    border-color: #6B7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
    border-radius: 0px;
}

[type='radio'] {
    border-radius: 100%;
}

[type='checkbox']:focus,
[type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1C64F2;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,
[type='radio']:checked,
.dark [type='checkbox']:checked,
.dark [type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 0.55em 0.55em;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 12%27%3e %3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M1 5.917 5.724 10.5 15 1.5%27/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 0.55em 0.55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

[type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
    background-size: 1em 1em;
}

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 12%27%3e %3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M0.5 6h14%27/%3e %3c/svg%3e");
    background-color: currentColor;
    border-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.55em 0.55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

[type='checkbox']:indeterminate:hover,
[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='file'] {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}

[type='file']:focus {
    outline: 1px auto inherit;
}

input[type=file]::-webkit-file-upload-button {
    color: white;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}

input[type=file]::file-selector-button {
    color: white;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}

input[type=file]::-webkit-file-upload-button:hover {
    background: #374151;
}

input[type=file]::file-selector-button:hover {
    background: #374151;
}

:is([dir=rtl]) input[type=file]::-webkit-file-upload-button {
    padding-right: 2rem;
    padding-left: 1rem;
}

:is([dir=rtl]) input[type=file]::file-selector-button {
    padding-right: 2rem;
    padding-left: 1rem;
}

input[type="range"]::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

input[type="range"]:disabled::-webkit-slider-thumb {
    background: #9CA3AF;
}

input[type="range"]:focus::-webkit-slider-thumb {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1px;
    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

input[type="range"]::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

input[type="range"]:disabled::-moz-range-thumb {
    background: #9CA3AF;
}

input[type="range"]::-moz-range-progress {
    background: #3F83F8;
}

input[type="range"]::-ms-fill-lower {
    background: #3F83F8;
}

*,
::before,
::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(63 131 248 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(63 131 248 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.visible {
    visibility: visible;
}

.collapse {
    visibility: collapse;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.-inset-0 {
    inset: -0px;
}

.-inset-0\.5 {
    inset: -0.125rem;
}

.-inset-1 {
    inset: -0.25rem;
}

.-inset-1\.5 {
    inset: -0.375rem;
}

.inset-y-0 {
    top: 0px;
    bottom: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.left-0 {
    left: 0px;
}

.right-0 {
    right: 0px;
}

.top-0 {
    top: 0px;
}

.z-10 {
    z-index: 10;
}

.z-40 {
    z-index: 40;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.m-0 {
    margin: 0px;
}

.m-3 {
    margin: 0.75rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-32 {
    margin-bottom: 8rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.ml-10 {
    margin-left: 2.5rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-\[-320px\] {
    margin-left: -320px;
}

.ml-auto {
    margin-left: auto;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-36 {
    margin-right: 9rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mr-40 {
    margin-right: 10rem;
}

.-mt-60 {
    margin-top: -15rem;
}

.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-16 {
    margin-top: 4rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-28 {
    margin-top: 7rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-40 {
    margin-top: 10rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-60 {
    margin-top: 15rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-9 {
    margin-top: 2.25rem;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.h-16 {
    height: 4rem;
}

.h-4 {
    height: 1rem;
}

.h-40 {
    height: 10rem;
}

.h-48 {
    height: 12rem;
}

.h-5 {
    height: 1.25rem;
}

.h-6 {
    height: 1.5rem;
}

.h-64 {
    height: 16rem;
}

.h-72 {
    height: 18rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}

.h-\[100px\] {
    height: 100px;
}

.h-\[437px\] {
    height: 437px;
}

.h-\[450px\] {
    height: 450px;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.max-h-0 {
    max-height: 0px;
}

.max-h-\[300px\] {
    max-height: 300px;
}

.min-h-\[100vh\] {
    min-height: 100vh;
}

.min-h-screen {
    min-height: 100vh;
}

.w-1\/2 {
    width: 50%;
}

.w-12 {
    width: 3rem;
}

.w-16 {
    width: 4rem;
}

.w-20 {
    width: 5rem;
}

.w-4 {
    width: 1rem;
}

.w-48 {
    width: 12rem;
}

.w-5 {
    width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
}

.w-64 {
    width: 16rem;
}

.w-7 {
    width: 1.75rem;
}

.w-8 {
    width: 2rem;
}

.w-\[100px\] {
    width: 100px;
}

.w-\[200px\] {
    width: 200px;
}

.w-\[305px\] {
    width: 305px;
}

.w-auto {
    width: auto;
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.w-full {
    width: 100%;
}

.min-w-full {
    min-width: 100%;
}

.max-w-4xl {
    max-width: 56rem;
}

.max-w-6xl {
    max-width: 72rem;
}

.max-w-7xl {
    max-width: 80rem;
}

.max-w-full {
    max-width: 100%;
}

.max-w-lg {
    max-width: 32rem;
}

.max-w-md {
    max-width: 28rem;
}

.max-w-screen-sm {
    max-width: 640px;
}

.max-w-sm {
    max-width: 24rem;
}

.flex-1 {
    flex: 1 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.grow {
    flex-grow: 1;
}

.table-auto {
    table-layout: auto;
}

.origin-top-right {
    transform-origin: top right;
}

.-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
    cursor: pointer;
}

.resize {
    resize: both;
}

.list-none {
    list-style-type: none;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-12 {
    gap: 3rem;
}

.gap-14 {
    gap: 3.5rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.space-x-2> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-4> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-\[50\%\] {
    border-radius: 50%;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rounded-e-lg {
    border-start-end-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
}

.rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.rounded-s-lg {
    border-start-start-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0px;
}

.border-2 {
    border-width: 2px;
}

.border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px;
}

.border-dashed {
    border-style: dashed;
}

.border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 66 159 / var(--tw-border-opacity));
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
}

.bg-slate-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.bg-transparent {
    background-color: transparent;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-blue-500 {
    --tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600 {
    --tw-gradient-from: #1C64F2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-400 {
    --tw-gradient-from: #31C48D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-neutral-300 {
    --tw-gradient-from: #d4d4d4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-500 {
    --tw-gradient-from: #E74694 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-purple-500 {
    --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #9061F9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-blue-400 {
    --tw-gradient-to: #76A9FA var(--tw-gradient-to-position);
}

.to-blue-500 {
    --tw-gradient-to: #3F83F8 var(--tw-gradient-to-position);
}

.to-pink-500 {
    --tw-gradient-to: #E74694 var(--tw-gradient-to-position);
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

.object-cover {
    object-fit: cover;
}

.object-scale-down {
    object-fit: scale-down;
}

.p-0 {
    padding: 0px;
}

.p-10 {
    padding: 2.5rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-32 {
    padding-bottom: 8rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pb-\[56\.25\%\] {
    padding-bottom: 56.25%;
}

.pl-0 {
    padding-left: 0px;
}

.pl-5 {
    padding-left: 1.25rem;
}

.pr-0 {
    padding-right: 0px;
}

.pr-12 {
    padding-right: 3rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-5 {
    padding-right: 1.25rem;
}

.ps-0 {
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
}

.ps-5 {
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem;
}

.pt-0 {
    padding-top: 0px;
}

.pt-1 {
    padding-top: 0.25rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pt-32 {
    padding-top: 8rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-start {
    text-align: start;
}

.align-middle {
    vertical-align: middle;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1;
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.leading-5 {
    line-height: 1.25rem;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-9 {
    line-height: 2.25rem;
}

.leading-tight {
    line-height: 1.25;
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 66 159 / var(--tw-text-opacity));
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94 / var(--tw-text-opacity));
}

.text-transparent {
    color: transparent;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-rose-400 {
    outline-color: #fb7185;
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.ring-opacity-5 {
    --tw-ring-opacity: 0.05;
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

html,
html,
body {
    scroll-behavior: auto !important;
    overflow-y: auto !important;
    height: auto !important;
}

.chat-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.messages-container {
    flex: 1 1;
    overflow-y: auto;
}

.user-message {
    align-self: flex-end;
    background-color: #dcf8c6;
    padding: 8px 12px;
    margin: 4px 0;
    border-radius: 8px;
    max-width: 70%;
}

.bot-message {
    align-self: flex-start;
    background-color: #e5e7eb;
    padding: 8px 12px;
    margin: 4px 0;
    border-radius: 8px;
    max-width: 70%;
}

.input-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.input-field {
    flex: 1 1;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin-right: 8px;
}

.send-button {
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    background-color: #4caf50;
    color: white;
    cursor: pointer;
}

.errorpage-button button {
    width: 170px;
    height: 8vh;
    border: 1px solid transparent;
    color: white;
    background-color: purple;
    border-radius: 18px;
}

.errorpage-main-container {
    display: flex;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 13vh;
}

.errorpage-main-container h2 {
    text-align: center;
}

@media (max-width: 992px) {
    .errorpage-main-container {
        display: flex;
        height: 90vh;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 13vh;
    }
}

.admin_option {
    color: white;
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

.hover\:animate-bounce:hover {
    animation: bounce 1s infinite;
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

.hover\:bg-rose-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 29 72 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10 / var(--tw-bg-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset;
}

.focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-gray-800:focus {
    --tw-ring-offset-color: #1F2937;
}

@media (min-width: 640px) {
    .sm\:static {
        position: static;
    }
    .sm\:inset-auto {
        inset: auto;
    }
    .sm\:ml-6 {
        margin-left: 1.5rem;
    }
    .sm\:mt-4 {
        margin-top: 1rem;
    }
    .sm\:mt-5 {
        margin-top: 1.25rem;
    }
    .sm\:block {
        display: block;
    }
    .sm\:hidden {
        display: none;
    }
    .sm\:h-64 {
        height: 16rem;
    }
    .sm\:h-\[20rem\] {
        height: 20rem;
    }
    .sm\:h-\[437px\] {
        height: 437px;
    }
    .sm\:h-\[450px\] {
        height: 450px;
    }
    .sm\:w-6 {
        width: 1.5rem;
    }
    .sm\:w-\[100px\] {
        width: 100px;
    }
    .sm\:w-\[15rem\] {
        width: 15rem;
    }
    .sm\:max-w-\[300px\] {
        max-width: 300px;
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:items-stretch {
        align-items: stretch;
    }
    .sm\:justify-start {
        justify-content: flex-start;
    }
    .sm\:rounded-2xl {
        border-radius: 1rem;
    }
    .sm\:rounded-full {
        border-radius: 9999px;
    }
    .sm\:rounded-b-2xl {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sm\:pr-0 {
        padding-right: 0px;
    }
    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 768px) {
    .md\:block {
        display: block;
    }
    .md\:h-72 {
        height: 18rem;
    }
    .md\:h-\[25rem\] {
        height: 25rem;
    }
    .md\:h-\[437px\] {
        height: 437px;
    }
    .md\:h-\[450px\] {
        height: 450px;
    }
    .md\:w-1\/3 {
        width: 33.333333%;
    }
    .md\:w-2\/3 {
        width: 66.666667%;
    }
    .md\:w-\[25rem\] {
        width: 25rem;
    }
    .md\:w-\[502px\] {
        width: 502px;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:items-start {
        align-items: flex-start;
    }
    .md\:rounded-r-2xl {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}

@media (min-width: 1024px) {
    .lg\:ml-8 {
        margin-left: 2rem;
    }
    .lg\:mt-6 {
        margin-top: 1.5rem;
    }
    .lg\:block {
        display: block;
    }
    .lg\:h-\[30rem\] {
        height: 30rem;
    }
    .lg\:h-\[437px\] {
        height: 437px;
    }
    .lg\:h-\[450px\] {
        height: 450px;
    }
    .lg\:w-\[30rem\] {
        width: 30rem;
    }
    .lg\:max-w-\[35\%\] {
        max-width: 35%;
    }
    .lg\:max-w-\[60\%\] {
        max-width: 60%;
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:gap-12 {
        gap: 3rem;
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:text-left {
        text-align: left;
    }
    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .lg\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {
    .xl\:ml-12 {
        margin-left: 3rem;
    }
    .xl\:h-\[437px\] {
        height: 437px;
    }
    .xl\:h-\[450px\] {
        height: 450px;
    }
    .xl\:w-1\/2 {
        width: 50%;
    }
}

.App {
    text-align: center;
}

.App-logo {
    height: 40vmin;
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .App-logo {
        animation: App-logo-spin infinite 20s linear;
    }
}

.App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: white;
}

.App-link {
    color: #61dafb;
}

@keyframes App-logo-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.enq-side-btn-icone {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    /* animation-name: bounce; */
    animation-timing-function: linear;
    background: #343534 none repeat scroll 0 0;
    border-radius: 4px;
    bottom: 10px;
    font-size: 22px;
    right: 11px;
    padding: 8px 14px;
    position: fixed;
    transform-origin: center bottom 0;
    z-index: 1111;
    border-radius: 10%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    cursor: pointer;
}

@media (max-width:600px) {
    .mobile-develop-haeding {
        text-align: center;
    }
}

@media (max-width: 1400px) {
    .bnrVideoTop {
        margin-top: 50px;
    }
}

.Main-section #homebanner .banner_btn_sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Main-section #homebanner .BnrCnt .title {
    margin-bottom: 20px;
    color: #ffffffb8;
    line-height: 1.2;
}

.Main-section #homebanner .BnrCnt .cus_title {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.Main-section #homebanner .vdoCntLst {
    margin-top: 10px;
}

.Main-section .BnnerCntSec .cus_title {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.Main-section .BnnerCntSec .cus_title_we {
    font-weight: 200;
}

@media (max-width: 767px) {
    .Main-section #homebanner .BnrCnt .title {
        line-height: 1.4;
    }
    .Main-section #homebanner .BnrCnt .cus_title {
        font-size: 38px;
    }
    .Main-section #homebanner .banner_btn_sec {
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .Main-section .BnnerCntSec .cus_title {
        font-size: 25px;
    }
    .Main-section .BnnerCntSec .BnrCnt h1 {
        line-height: 1.5;
        font-size: 25px;
    }
    .Main-section .why_MetaBlock_blockchain_sec {
        padding-top: 0px !important;
        text-align: center;
    }
    .Main-section .why_MetaBlock_blockchain_sec .HddrBtns {
        display: flex;
        justify-content: center;
    }
    .Main-section .blockchain_solution_sec .blck_sol_box,
    .Main-section .blockchain_solution_sec .blck_sol_box1 {
        min-height: 0px !important;
    }
    .Main-section .blockchain_solution_sec .sub_title {
        margin-top: 20px !important;
    }
    .Main-section .blockchain_solution_sec .BnrCnt h2 {
        text-align: center;
    }
    .Main-section .blockchain_solution_sec .img_sec {
        margin-top: -10% !important;
    }
    .Main-section .blockchain_dev_sec .blockchain_dev_btnsec .BtnPrimry {
        margin: 0 auto;
    }
    .Main-section .blockchain_dev_sec .mnyExpoScImg img {
        margin-top: 30px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .Main-section .why_MetaBlock_blockchain_sec .why_MetaBlock_blockchain_card {
        background-repeat: no-repeat;
        padding: 50px;
        min-height: 562px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec .contents {
    font-size: 16px !important;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

@media (min-width: 991px) {
    .Main-section .blockchain_solution_sec {
        padding: 50px 0px;
        background-repeat: no-repeat;
        min-height: 1289px;
    }
}

.Main-section .blockchain_solution_sec .blck_sol_box {
    border-radius: 10px;
    background: linear-gradient( 180deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 60px;
    min-height: 350px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .blck_sol_box1 {
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 80px;
    min-height: 354px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .sub_title {
    color: #e64dff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: 15px;
}

.Main-section .blockchain_solution_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.Main-section .blockchain_solution_sec .img_sec {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20%;
}

.Main-section .blockchain_solution_sec .img_sec:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(125deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 42%;
    left: 50%;
    z-index: -1;
    position: absolute;
    content: "";
    animation: rotatebg 2s infinite alternate-reverse;
}

.Main-section .blockchain_solution_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_dev_sec {
    overflow: visible;
    overflow: initial;
    padding-top: 0px;
}

.Main-section .blockchain_dev_sec p {
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}

@keyframes rotatebg {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0);
    }
}

.OurBlgBg .OurSrvcHdd .blog_title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MtaverseSec .title,
.Main-section .metaSlnSc .title,
.Main-section .OurPrjctBg .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MetaBlock_testimonial_sec {
    padding: 50px 0px;
}

.Main-section .MetaBlock_testimonial_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .MetaBlock_testimonial_sec .title .cus_title {
    color: #828282;
}

.Main-section .MetaBlock_testimonial_sec .testimonials {
    margin-top: 30px;
}

.Main-section .MetaBlock_testimonial_sec .item {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.Main-section .MetaBlock_testimonial_sec .item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("") center/52px no-repeat;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoLst {
    margin-left: 15px;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.Main-section .MetaBlock_testimonial_sec .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.Main-section .MetaBlock_testimonial_sec .sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev {
    left: 0%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev:before {
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next {
    right: 1%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

@media (max-width: 991px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 25px;
        text-align: center;
    }
}

@media (max-width: 467px) {
    .Main-section .MetaBlock_testimonial_sec .item {
        display: inline;
        display: initial;
        padding: 30px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoLst {
        margin-left: 0px;
        margin-top: 10px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
        display: inline;
        display: initial;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg .head_sec {
        margin-bottom: 10px;
    }
}

@media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item {
        position: relative;
    }
    .Main-section .scroll-reveal-section .item:after {
        content: "";
        display: block;
        height: 120vh;
        margin-bottom: -120vh;
    }
    .Main-section .scroll-reveal-section .item:last-of-type {
        margin-bottom: 0;
        background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.05), transparent 50px), linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
    .Main-section .scroll-reveal-section .item:last-of-type:after {
        display: none;
    }
    .Main-section .scroll-reveal-section .item .image-holder {
        position: -webkit-sticky;
        position: sticky;
        top: 5%;
    }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
}

/*Scroll Service Style End*/

/*Mobile Service Style Start*/

.Main-section .service_mbl_sec {
    padding: 50px 0px;
}

.Main-section .service_mbl_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .service_mbl_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .service_mbl_sec .service_tabcont .tab-pane {
    border: 1px solid #ffffff42;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd .h3_title {
    font-size: 25px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt {
    padding-left: 20px;
    margin-bottom: 20px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt:after {
    left: 0px;
    top: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtaverseSec {
    padding: 0px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd {
    margin-top: 0 !important;
}

.Main-section .service_mbl_sec ul.nav-tabs {
    border-bottom: none;
    margin-top: 20px;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link {
    color: #fff;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link.active {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
}

.Main-section .blockchain_process_sec {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

.Main-section .blockchain_process_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.3;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .blockchain_process_sec .cusclr_title {
    color: #828282;
}

.Main-section .blockchain_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

.Main-section .blockchain_process_sec .pros_head_Sec {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
}

.Main-section .blockchain_process_sec .process_list {
    padding: 10px;
}

.Main-section .blockchain_process_sec .sub_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 10px;
}

.Main-section .blockchain_process_sec .sub_contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    padding-top: 10px;
}

.Main-section .blockchain_process_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_process_sec .process_list .img_sec {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .Main-section .blockchain_process_sec .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .Main-section .blockchain_process_sec .process_list {
        padding: 10px 0px;
    }
    .Main-section .blockchain_process_sec {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 500px;
        margin: 0px 10px;
        background: #101010;
        border: 1px solid #ffffff17;
        border-radius: 5px;
    }
    .Main-section .blockchain_process_sec .pros_head_Sec {
        top: 0%;
    }
    .Main-section .blockchain_process_sec {
        scrollbar-width: thin;
        scrollbar-color: #00f0ff transparent;
        overflow-y: auto;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        border-radius: 3px;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
        border-radius: 3px;
        background: transparent;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
        height: 4px;
    }
    @-moz-document url-prefix() {
        .Main-section .blockchain_process_sec {
            scrollbar-width: thin;
            scrollbar-color: #00f0ff transparent;
            overflow-y: auto;
        }
        .Main-section .blockchain_process_sec::scrollbar {
            width: 5px;
            height: 4px;
            border-radius: 3px;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
            border-radius: 3px;
            background: transparent;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
            height: 4px;
        }
    }
}

*/ .custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple;
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px;
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 0.2em rgb(165 115 201 / 10%);
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%);
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%);
    }
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10px 15px;
    line-height: 26px;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url('');
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient( 93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient( 93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media (min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media (max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media (max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10px 15px;
        line-height: 23px;
        text-decoration: none;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url('')
    }
}

@media (max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media (max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.5rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

section {
    overflow: hidden;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.BtnPrimry {
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 113.4%;
    color: #FFFFFF;
    min-width: 124px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Urbanist", sans-serif;
    z-index: 1;
    min-height: 44px;
    border: none;
    line-height: 42px;
    perspective: 230px;
}

.BtnPrimry.BtnTrnsp {
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.BtnPrimry.Btn175-44 {
    min-width: 175px;
}

.BtnPrimry span {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
}

.BtnPrimry span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry:hover span:nth-child(1) {
    color: #FFFFFF;
    transform: rotateX(0deg);
}

.BtnPrimry:hover span:nth-child(2) {
    color: transparent;
    transform: rotateX(-90deg);
}

.TlkBtn {
    width: 192px;
}

.TlkBtn img {
    width: 20px;
    height: 20px;
}

.BtnTrnsp span {
    background: transparent;
}

.BtnTrnsp span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 100% 100% -25px;
}

@media (min-width: 1200px) {
    .container-1170 {
        max-width: 1170px;
    }
}

.pgLoad {
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
}

.HddrBg {
    background: #090909;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999999;
}

.HddrBg .navbar {
    padding: 0.25rem 1rem;
}

.HddrBg .navbar .socialIcns .icons_li {
    width: 35px;
    height: 35px;
    display: grid !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    text-decoration: none;
}

.HddrBg .navbar .socialIcns .icons_li:hover {
    -webkit-text-fill-color: unset;
}

.HddrBg .navbar .socialIcns .icons_li::before,
.HddrBg .navbar .socialIcns .icons_li::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
}

.HddrBg .navbar .socialIcns .icons_li i {
    font-size: 20px !important;
    font-weight: 500;
    color: #fff;
    margin-left: 0;
}

.HddrBg .navbar .socialIcns .icons_li.whatsapp {
    background: #34af23 !important;
}

.HddrBg .navbar .socialIcns .icons_li.telegram {
    background: #08c !important;
}

.HddrBg .navbar .socialIcns .icons_li.skype {
    background: #4ea9f4;
}

.MnuPaddTop {
    padding-top: 62px;
}

.line {
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
    transition: 500ms ease-out;
}

.line_1 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 500ms ease-out;
}

.ui .active .line_1 {
    stroke-dashoffset: 26;
}

.line_2 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 800ms ease-out;
}

.ui .active .line_2 {
    stroke-dashoffset: 25;
}

.line_3 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 1100ms ease-out;
}

.ui .active .line_3 {
    stroke-dashoffset: 26;
}

.ui {
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    display: none;
}

@media (max-width: 991px) {
    .ui {
        display: block;
    }
}

.HddrLnks li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.HddrLnks li a:hover {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media (min-width: 992px) and (max-width: 1300px) {
    .HddrLnks li a {
        margin-right: 5px;
        font-size: 13px;
    }
}

.HddrLnks li a::before,
.HddrLnks li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 10px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.HddrLnks li a::before {
    left: 0;
}

.HddrLnks li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.BnrCnt h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0;
}

@media (max-width: 1300px) {
    .BnrCnt h1 {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .MnuPaddTop #homebanner,
    .MnuPaddTop .BnnerCntSec,
    .MnuPaddTop .mnyExpoSc,
    .MnuPaddTop .metaSlnSc,
    .MnuPaddTop .MtaverseSec h2,
    .MnuPaddTop .MtaverseSec h4 {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec {
        padding: 20px 0px;
        background-position: 65%;
        position: relative;
        z-index: 1;
    }
    .MnuPaddTop .MtaverseSec .metaverse_img {
        display: block;
    }
    .MnuPaddTop .MtaverseSec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060600;
    }
    .MnuPaddTop #homebanner .BnrCnt p {
        text-align: center;
    }
    .MnuPaddTop #homebanner .BtnPrimry {
        display: inline-table;
    }
    .mnyExpoSc .mnySub:after {
        display: none;
    }
    .MnuPaddTop .BnrCnt {
        margin-top: 50px;
    }
    .MnuPaddTop .BnnerCntSec .BtnPrimry.Btn175-44,
    .MnuPaddTop .BnnerCntSec .TlkBtn {
        min-width: 140px !important;
        width: 140px !important;
    }
    .MnuPaddTop .TlkBtn {
        width: 165px !important;
    }
    .MnuPaddTop .BnnerCntSec .GetBtnSec {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .BtnPrimry {
        font-size: 14px;
    }
    .MnuPaddTop .metaSlnSc .metaSlnScRelat ul {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd,
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurservHdd h2,
    .MnuPaddTop .MtaverseSec .OurSrvcHdd h6,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .BnrCnt p {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .nav,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .nav {
        display: -webkit-inline-box !important;
    }
    .MnuPaddTop .MtavCntHdd h4 {
        font-size: 25px !important;
    }
}

@media (max-width: 1199px) {
    .MtaverseSec.DapsMainBg.OurPrjctBg .nav {
        display: -webkit-inline-box !important;
    }
}

.MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd {
    text-align: right;
}

.BnrCnt h2 .Fw-200 {
    font-weight: 200;
}

@media (max-width: 1300px) {
    .BnrCnt h2 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media (max-width: 991px) {
    .BnrCnt h2 {
        font-size: 40px;
        line-height: 46px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .BnrCnt h2.text {
        height: 40px;
    }
}

.BnrCnt p {
    font-size: 16px;
    line-height: 1.9;
}

span.TxtGrdnt {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-size: 200% auto;
    position: relative;
}

span.TxtGrdnt::after {
    content: attr(data-shine) " ";
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200%;
    animation: shine 10s infinite;
}

@keyframes shine {
    0% {
        background-position: -100%;
    }
    100% {
        background-position: 100%;
    }
}

.BnrCountSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.BnrCount h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    min-width: 110px;
}

@media (max-width: 767px) {
    .BnrCount h4 {
        font-size: 28px;
        line-height: 34px;
    }
}

.BnrCount p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #BABABA;
}

.BnrTxtFlwr {
    position: relative;
}

.BnrTxtFlwr::after {
    content: "";
    position: absolute;
    top: -40px;
    right: 20px;
    /* background: url(../images/bnr-flwr.svg) no-repeat right; */
    width: 50px;
    height: 50px;
}

.BnnerCntSec {
    padding: 38px 0 25px;
}

.VideoWrper {
    position: relative;
}

.VideoWrper.VidoFltr::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #DF48FF 0%, #2D4FFF 100%);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
}

.VideoWrper video {
    width: 100%;
    height: calc(100vh - 91px);
    object-fit: cover;
}

/*@media (max-width: 991px) {
  .VideoWrper video {
    height: 390px;
  }
}*/

@media(max-width: 767px) {
    .desktop {
        display: none !important;
    }
    .VidoCntMn {
        margin-top: 50px !important
    }
    .vdoCntLstCount {
        font-size: 30px !important;
    }
}

.VidoCnt {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 2;
    width: 100%;
    padding: 0 30px 0 0;
}

@media (max-width: 767px) {
    .VidoCnt {
        left: 10px;
    }
}

.GrdentBg {
    background: linear-gradient(129deg, #060606 0%, rgba(103, 58, 183, 0) 89%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.GetBtnSec {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.OurSrvcHdd h6 {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.OurservHdd .Txt8282 {
    color: #828282;
}

.MtavCnt {
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}

.MtavCnt:after {
    content: "";
    position: absolute;
    top: 7px;
    left: -25px;
    /* background: url('../images/content-star-icon.svg'); */
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .MtavCnt {
        margin-bottom: 0;
    }
}

.MtavCnt li {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 20px;
}

.MtavCnt:hover li span img {
    animation: pulsate-fwd 0.5s ease-in-out infinite alternate-reverse both;
}

@keyframes pulsate-fwd {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

.MtavCntHdd h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.MtavCntHdd .h3_title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.OurBlgBg .BlgHdd .cat_title {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}

.Main-section .h5_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.MtaverseSec {
    /* background: url(../images/metaverse-bg-new.webp?v1) no-repeat top; */
    background-size: 100% 100%;
    position: relative;
    min-height: 800px;
    padding: 40px 0;
}

.Main-section .OurPrjctBg .port_sub_title {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .MtaverseSec {
        padding: 0;
    }
}

.MtaverseSec:hover .MtrvrRtImg img {
    animation: blink-2 0.8s linear infinite both;
}

html {
    scroll-behavior: smooth;
}

.MxBlndLight {
    mix-blend-mode: lighten;
}

.MtrvrRtImg {
    position: absolute;
    right: -5%;
    top: 11.5rem;
}

.MtrvrRtImg_cus_img {
    position: absolute;
    right: -12%;
    top: 0%;
}

.CmmnSdHdd .text-line {
    stroke-dasharray: 290;
    stroke-dashoffset: 290;
    animation: dash 4s linear infinite both alternate-reverse;
    color: transparent;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0.3em;
    opacity: 0.5;
    font-family: "Urbanist", sans-serif;
    fill: transparent;
    stroke: #E442FF;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@media(min-width: 991px) {
    .Main-section .blockchain_service_sec {
        /* background: url(../images/blockchain-bg.webp) no-repeat bottom right; */
        min-height: 700px;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: -5%;
    }
    .Main-section .blockchain_service_sec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060682;
    }
    .Main-section .blockchain_service_sec .blockchain_imgsec {
        position: absolute;
        top: 18%;
        left: 0%;
    }
}

.NftMainSec {
    /* background: url(../images/nft-main-bg-new.webp?v1) no-repeat bottom right; */
    min-height: 800px;
    position: relative;
}

@media(min-width: 991px) {
    .NftMainSec:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #0506077d;
    }
}

.NftRtImg {
    left: 0%;
    top: 0;
}

.dapp_bg .NftRtImg {
    left: -5%;
    top: 0;
}

.DefiMainBg {
    /* background: url(../images/defi-main-bg-new.webp) no-repeat bottom right; */
    min-height: 750px;
    position: relative;
}

@media(min-width: 991px) {
    .DefiMainBg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #050607c9;
    }
}

.DefiMainBg .CmmnSdHdd .text-line {
    letter-spacing: normal;
}

.DefiMainBg .MtrvrRtImg {
    top: 0;
}

.LtrSpcNorml.CmmnSdHdd .text-line {
    letter-spacing: normal;
}

@media(min-width: 992px) {
    .DapsMainBg {
        background: transparent;
        min-height: 570px;
    }
    .dapp_bg {
        /* background-image: url('../images/dapp-bg.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }
    .dapp_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606d1;
    }
    .crypto_bg {
        /* background-image: url('../images/crypto-bg-new.webp') !important; */
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top left !important;
        position: relative;
    }
    .crypto_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606cf;
    }
    .exchg_bg {
        /* background-image: url('../images/exchange-bg-new.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }
    .exchg_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606b3;
    }
    .ExchngeSec .CmmnSdCnt {
        margin-left: 20%;
    }
}

@media(min-width: 991px) {
    .CryptoMainBg {
        background: transparent;
        min-height: 721px;
    }
}

.CryptoMainBg .CmmnSdHdd .text-line {
    letter-spacing: 0.2rem;
}

.CryptoMainBg .MtrvrRtImg {
    position: static;
    position: initial;
}

.TechStkIconBox {
    background: #101010;
    display: inline-block;
    min-height: 106px;
    min-width: 106px;
    padding: 18px 0 10px;
}

.TechStkIconBox .TechStkIcnCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}

.TechStkIconSec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.TechStkIcon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.TchStkCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.TchStkCnt h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    font-family: "Urbanist", sans-serif;
}

.VrtclTbb.nav-pills .nav-link {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #828282;
    text-align: end;
    padding-right: 0;
    position: relative;
    transition: 0.9s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover {
    padding-right: 25px;
    transition: 0.5s all ease-in-out;
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.VrtclTbb.nav-pills .nav-link::after {
    content: "";
    width: 0;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link.active {
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-right: 25px;
}

.VrtclTbb.nav-pills .nav-link.active::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.TechStkIconBox {
    position: relative;
    overflow: hidden;
}

.TechStkIconBox::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
}

.TechStkIconSec .col:nth-child(odd) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
}

.TechStkIconSec .col:nth-child(even) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
    animation-delay: 4s;
}

@keyframes shine1 {
    0% {
        left: -50%;
        opacity: 0;
    }
    50% {
        left: 25%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

.OurClintSldr .slide-content {
    margin-bottom: 15px;
}

.ClintSldr2 {
    margin-top: -60px;
}

.SldrBoxSadw {
    position: relative;
    padding-top: 61px;
}

.SldrBoxSadw::after {
    content: "";
    background: linear-gradient(179.95deg, #060606 -5.25%, rgba(6, 6, 6, 0.3) 17.46%, rgba(6, 6, 6, 0) 39.77%, rgba(6, 6, 6, 0.46) 77.57%, #060606 99.96%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ViwallLnk {
    display: inline-flex;
    justify-content: end;
    flex-flow: column;
    overflow: hidden;
    position: relative;
    top: -20px;
}

.VwAllLnkHov {
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.VwAllLnkHov1 {
    transform: translateX(-85px) translateY(29px);
    display: inline-block;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.VwAllLnkHov2 {
    transform: translateX(0%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov1 {
    transform: translateX(0px) translateY(29px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov2 {
    transform: translateX(100%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:after {
    content: "";
    width: 0;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    height: 1px;
    bottom: 0;
    left: 0;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ViwallLnk:hover:after {
    content: "";
    width: 100%;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ColWdth {
    flex: 0 0 15%;
    max-width: 15%;
    transition: 2s cubic-bezier(0.3, 0, 0, 1.3);
    margin: 0 10px;
}

.ColWdth .BlgCntImg {
    border-radius: 6px;
}

.ColWdth .BlgCntImg img {
    width: 100%;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active {
    flex: 0 0 31%;
    max-width: 31%;
    transition: 1s all ease-in-out;
}

.ColWdth.active .BlgCntImg img {
    width: 100%;
    border-radius: 6px;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active .BlgCntSec {
    display: inline-block;
    transform: translateX(0%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2s;
}

.ColWdth.active .BlgHdd {
    display: none;
}

@media (max-width: 1200px) {
    .ColWdth {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.BlgCntSec h4,
.BlgHdd h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.BlgHdd {
    position: absolute;
    bottom: 40px;
    left: 20px;
}

.BlgCntSec {
    display: none;
    transform: translateX(-100%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.BlgCntSec p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.BlgCntBg {
    position: relative;
    overflow: hidden;
}

.BlgCntSec {
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
    min-width: 365px;
    z-index: 1;
}

.NftSvgTxt .text-line {
    font-size: 41px;
}

@media (max-width: 767px) {
    .DefiMainBg,
    .MtaverseSec,
    .footer_details_form_new .footer_form_main {
        background: none !important;
    }
    .CmmnSdHdd .text-line {
        font-size: 25px;
    }
}

@media (max-width: 580px) {
    .CmmnSdHdd .text-line {
        font-size: 18px;
        height: 30px;
    }
}

.ColWdth.active .BlgCntBg::after {
    content: "";
    background: rgb(0 0 0 / 76%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.BlgCntBg:after {
    content: "";
    background: rgb(0 0 0 / 66%);
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 0;
}

.BlgHdd h4 {
    z-index: 1;
    position: relative;
}

.PrjctDtlsItm {
    background: linear-gradient(167.3deg, #EC1146 9.19%, #6E3CFF 141.84%);
    border-radius: 50px;
    padding: 20px 45px 15px;
    margin-bottom: 15px;
}

.RltdPrjHddSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.PrjctDtlCnt h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    font-family: "Urbanist", sans-serif;
}

.PrjctDtlCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.PrjctBtn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
}

.game_PrjctBtn .PrjctBtn_new {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PrjctBtn:hover {
    background: #FFFFFF;
    border: 1px solid #FFF;
    transition: 0.3s all ease-in-out;
    color: #101010;
}

.Btn211-42 {
    min-width: 211px;
    min-height: 42px;
}

.PrjctsBtnSec {
    display: flex;
    flex-wrap: wrap;
}

.OurPrjcts .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-prev {
    left: auto;
    top: -55px;
    right: 6rem;
}

.OurPrjcts .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 18px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-next {
    top: -55px;
    right: 2rem;
}

.OurPrjcts .slick-slide img {
    display: inline-block;
}

.PrjctExmpls {
    padding: 0 15px 0 15px;
}

.PrjctExmpls .slick-prev {
    left: -15px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999;
}

.PrjctExmpls .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.PrjctExmpls .slick-next {
    top: 40%;
    transform: translateY(-50%);
    right: 6px;
}

.PrjctExmpls .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.VlublClintsBg {
    min-height: 420px;
    padding-bottom: 55px;
}

.TechStk {
    padding-bottom: 85px;
}

.PrjctExmplsImg {
    margin: 0 7px;
    text-align: center;
}

.OurBlgBg {
    padding-bottom: 90px;
}

.OurPrjctBg {
    padding-bottom: 100px;
}

@media (max-width: 1200px) {
    .ColWdth .BlgCntImg img {
        height: 175px;
        margin-bottom: 30px;
    }
    .ColWdth.active {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .FtrPhnIcon {
        margin-bottom: 30px;
    }
    .BlgCntSec {
        min-width: 100%;
    }
    .ColWdth {
        margin: 0;
        padding: 0 15px;
    }
    .PrjctDtlsItm {
        padding: 20px 20px;
    }
}

.OurPrjctHddSec {
    padding-bottom: 55px;
}

@media (max-width: 991px) {
    .OurPrjctHddSec {
        padding-bottom: 0px;
    }
}

.FtrTopSec {
    background: #181818;
    padding: 35px 0 20px;
}

.LogoSpprtSec {
    display: flex;
}

.LogoSpprtSec li {
    margin-right: 30px;
}

.FtrTopCntHdd h4 {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.FtrTopCnt li {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.FtrPhnIcon a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.FttrLnkHdd {
    margin-bottom: 20px;
}

.FttrLnkHdd .ft_menutitle {
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

.FtrLnkCnt li {
    margin-bottom: 10px;
}

.FtrLnkCnt li a {
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.FtrLnkCnt li a:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine2 3s infinite both;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a i {
    color: #fff;
    font-size: 16px;
    line-height: inherit;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 15px;
    word-break: break-all;
}

.FtrMltplLnks .FtrLnkSec .FttrLnkHdd .title_hrline {
    border: 1px solid #d34eff !important;
    width: 30%;
    margin: 10px 0;
}

@keyframes shine2 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.FtrLnkCnt p {
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    color: #FFFFFF;
}

.SclIconSec {
    display: inline-flex;
}

.SclIconSec li {
    margin-right: 8px;
}

/*.FtrBrdBtm {
  border-bottom: 1px solid rgba(255, 255, 255, 0.27);
}*/

.CpyRtSec {
    padding: 20px 0;
}

.CpyRtSec p {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
}

.FtrMltplLnks {
    padding: 40px 0 1px;
}

.ExchngeSec {
    padding-bottom: 50px;
}

.SclIconSec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.SclIconSec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

.SclIconSec li {
    transition: 0.3s all ease-in-out;
}

.FtrTopCnt {
    min-height: 75px;
    margin-bottom: 10px;
}

.MailCnt {
    display: flex;
    flex-wrap: wrap;
}

.MailCnt li {
    margin-right: 25px;
}

.MailCnt li a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.MailCnt li a:hover {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

.MailCnt li a::before,
.MailCnt li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 1px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.MailCnt li a::before {
    left: 0;
}

.MailCnt li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.FttrMailBox {
    background: #0C0C0C;
    padding: 10px 22px 10px;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.MailIcon {
    padding: 0 12px 0 0;
    margin-right: 15px;
}

.MailBrdRt {
    border-right: 1px solid rgba(255, 255, 255, 0.37);
}

.FtrFrm #footer_subscripe .form-group {
    position: relative;
}

.FtrFrm .form-control {
    background: #262626;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    min-height: 44px;
    border: medium none currentColor;
    border: initial;
    box-shadow: none;
    box-shadow: initial;
    min-width: 271px;
}

.FtrFrm #footer_subscripe label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 4px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 13px;
    font-weight: 400;
    z-index: 1;
}

.FtrFrm #footer_subscripe label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 1119px) {
    .FtrFrm .form-control {
        min-width: 200px;
    }
}

.SendBtn {
    background: #1B1B1B;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    border: medium none currentColor;
    border: initial;
    min-height: 44px;
    min-width: 81px;
    transition: 0.5s all ease-in-out;
}

.SendBtn:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    transition: 0.5s all ease-in-out;
}

@media (max-width: 768px) {
    .MtavCnt li {
        line-height: 20px;
    }
    .MtaverseSec {
        background-size: cover;
    }
    .PrjctsBtnSec {
        justify-content: center !important;
    }
    .PrjctDtlsItm {
        text-align: center !important;
    }
}

@media (max-width: 1199px) {
    .MtrvrRtImg {
        display: none;
    }
    .DefiMainBg,
    .DapsMainBg,
    .CryptoMainBg,
    .MtaverseSec {
        min-height: auto;
    }
    .ExchngeSec,
    .OurBlgB,
    .OurPrjctBg,
    .TechStk,
    .OurBlgBg {
        padding-bottom: 20px;
    }
    .MtavCnt {
        margin-bottom: 30px;
    }
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .MtrvrRtImg img {
        transform: scale(0.7);
        margin-left: 24rem;
    }
    .NftRtImg {
        right: auto;
        margin-left: -31rem;
    }
    .CryptoMainBg .MtrvrRtImg img {
        margin-left: 0;
    }
}

#BnrHdAnim {
    position: absolute;
    margin: auto;
    width: 100vw;
    height: 115pt;
    top: 0;
    bottom: 0;
    filter: url(#threshold) blur(0.5px);
}

@media (max-width: 767px) {
    #BnrHdAnim {
        height: auto;
        top: 7rem;
    }
}

#text1,
#text2 {
    position: absolute;
    width: 100%;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
}

@media (max-width: 767px) {
    #text1,
    #text2 {
        font-size: 32px;
        line-height: 36px;
    }
}

.PrjctTb.nav-pills .nav-link {
    text-align: start;
    padding-right: 1rem;
    padding-left: 0px;
    outline: none;
}

.PrjctTb.nav-pills .nav-link:hover {
    padding-right: 1rem;
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link::after {
    right: auto;
    left: 0;
}

.PrjctTb.nav-pills .nav-link.active,
.PrjctTb.nav-pills .nav-link:hover {
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link.active::after,
.PrjctTb.nav-pills .nav-link:hover::after {
    right: auto;
    left: 0;
}

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

.BnrCnt {
    margin-top: 50px;
}

.text {
    height: 65px;
}

.typed-cursor,
.typed-cursor--blink {
    display: none;
}

.menu_foot_sec ul {
    gap: 20px;
    padding-left: 0px;
    display: flex;
}

.menu_foot_sec ul li a {
    color: #fff;
}

.menu_foot_sec ul li:hover a {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media(min-width: 992px) {
    .bnrVideoTop {
        margin-top: 100px;
    }
}

.mnyExpoSc {
    padding: 60px 0px;
}

.mnyExpoSc .mnySubTlt {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    leading-trim: both !important;
    text-edge: cap !important;
    color: #FFFFFF !important;
}

.mnyExpoSc .mnySub {
    position: relative;
    z-index: 1;
}

.mnyExpoSc .mnySub:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    width: 170px;
    height: 10px;
    z-index: -1;
}

@media(max-width: 767px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 15px !important;
    }
}

@media(max-width: 372px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 13px !important;
    }
}

.metaSlnSc {
    padding: 60px 0px;
}

.metaSlnTabCnt {
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
}

.metaSlnTabCnt .sml_tlt {
    font-size: 18px !important;
    color: #fff !important;
    margin-bottom: 0px;
}

.metaSlnTabCnt .Bg_tlt {
    font-size: 35px !important;
    color: #fff !important;
}

.metaSlnTabCnt .Cnt {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF
}

.metaSlnSc .nav-pills .nav-link.active,
.metaSlnSc .nav-pills .show>.nav-link {
    background: linear-gradient(81.04deg, #E442FF 5.15%, #3C5BFF 89.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 16px;
}

.metaSlnSc .nav-pills .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 0.8;
}

.metaSlnScRelat {
    margin-top: 100px;
    position: relative;
}

.gameLi {
    position: absolute;
    left: 0px;
    top: 44%;
    z-index: 10;
}

.mallLi {
    position: absolute;
    left: 10px;
    top: 19%;
    z-index: 10;
}

.theatreLi {
    position: absolute;
    left: 63px;
    top: 0%;
    z-index: 10;
}

.casinoLi {
    position: absolute;
    right: 90px;
    top: 19%;
    z-index: 10;
}

.storeLi {
    position: absolute;
    right: 120px;
    top: 0%;
    z-index: 10;
}

.eventLi {
    position: absolute;
    top: -50px;
    left: -95px;
    right: 0px;
    margin: 0 auto;
    display: grid;
}

.theatreLi .nav-link {
    color: #dcd9d9 !important;
}

.eventLi .nav-link {
    color: #999595 !important;
}

.storeLi .nav-link {
    color: #696868 !important;
}

.casinoLi .nav-link {
    color: #5f5f5f !important;
}

.metaSlnScTabBnImg {
    margin-top: -260px;
    text-align: end;
    margin-right: -38px;
    position: relative;
}

.tbSlnLst {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
}

.tbSlnLst .tbSlnLstTlt {
    font-weight: 300;
    font-size: 14px;
    leading-trim: both;
    text-edge: cap;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.tbSlnLstPosi {
    position: absolute;
    bottom: 48px;
    right: 127px;
}

.slnImgIndex {
    z-index: 1;
    position: relative;
}

.metaSlnBtn {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    leading-trim: both;
    text-edge: cap;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0px;
}

.metaSlnScRelati {
    position: relative;
}

@media(max-width: 1199px) {
    .metaSlnTabCnt .Cnt {
        z-index: 1;
        position: relative;
    }
    .gameLi {
        top: 33%;
    }
}

@media(max-width: 991px) {
    .gameLi,
    .mallLi,
    .theatreLi,
    .eventLi,
    .casinoLi,
    .storeLi {
        position: static;
        position: initial;
        margin: 0;
    }
    .metaSlnTabCnt {
        position: static;
        position: initial;
        width: 100%;
    }
    .metaSlnScTabBnImg {
        margin-top: 0px;
        margin-right: 0px;
    }
    .tbSlnLstPosi {
        position: static;
        position: initial;
    }
    .metaSlnBtn {
        margin: 30px auto;
        display: table;
    }
    .metaSlnScRelat {
        margin-top: 20px;
    }
    .slnImgIndex {
        display: none;
    }
}

@media(max-width: 767px) {
    .metaSlnTabCnt .Bg_tlt {
        font-size: 25px !important;
    }
}

@media(max-width: 394px) {
    .logo_header {
        width: 80%;
    }
}

.mnyExpoScImg {
    position: relative;
    z-index: 1;
}

.mnyExpoScImg:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    background: #3C5BFF;
    width: 94.46px;
    height: 230px;
    transform: rotate(-51.35deg);
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.mnyExpoScImg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 70px;
    background: #E442FF;
    width: 94.46px;
    height: 230px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.VidoCntMn {
    background: #00000069;
    margin: 20px;
    padding: 10px;
    border-radius: 20px;
    margin-top: 150px;
}

.vdoCntLst {
    border: 1px solid #1f1e1e;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #0000008a;
}

.vdoCntLstCount {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: 'Urbanist';
}

.vdoCntLstTlt {
    margin-bottom: 0px;
    font-size: 13px;
}

.game-1 {
    /* background-image: url('../images/game-bg.webp?v1'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

@media(max-width: 991px) {
    .game-1 {
        background-color: #a128f9;
        background-image: none !important;
        background-image: initial !important;
    }
    .nft-1 {
        background-color: #fe992e;
        background-image: none !important;
        background-image: initial !important;
    }
    .play-1 img,
    .move-1 img,
    .meta-1 img,
    .blkchain-1 img,
    .defi-1 img,
    .dapp-1 img {
        display: none;
    }
}

.play-1 {
    background: #AE58F1;
}

.move-1 {
    background: #29AEC2;
}

.meta-1 {
    background: #6E3CFF;
}

.blkchain-1 {
    background: #F2654E;
}

.defi-1 {
    background: #FC2A5C;
}

.dapp-1 {
    background: #AE58F1;
}

.nft-1 {
    /* background-image: url('../images/nft-tab-1.webp'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

/* Start Popup Form*/

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 840px;
    margin-top: 100px;
    width: auto;
}

#popup_form_modal.modal .modal-content {
    border-radius: 0;
}

#popup_form_modal.popup-form .modal-content {
    background: rgb(124, 13, 70);
    background: linear-gradient(135deg, rgba(124, 13, 70, 1) 0%, rgba(154, 13, 70, 1) 100%);
    /* background: url('../../modal-bg.png?v2'); */
    background-size: cover;
    background-repeat: no-repeat;
}

#popup_form_modal.popup-form .top_cls {
    color: #d53938 !important;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    position: relative;
    right: -16px;
    top: -11px;
    z-index: 1;
    background: #ffffff;
}

#popup_form_modal .error,
#popup_contact_form .error {
    color: #fff !important;
}

#popup_form_modal .popup-contact-form {
    padding-top: 0px;
    padding-bottom: 0em;
    color: #fff;
    margin-top: 0px;
    position: relative;
}

#popup_form_modal .popup-contact-form h2 {
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
}

#popup_form_modal .popup-contact-form p {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
}

#popup_form_modal .popup-contact-form .modal-disclaim {
    font-size: 14px;
}

.popup-contact-form .mt-3 {
    margin-top: 0rem !important;
}

#popup_form_modal .popup-form p {
    color: #fff;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 23px;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 0em !important;
}

#popup_form_modal .popup-contact-form input,
#popup_form_modal .popup-contact-form textarea {
    width: 100%;
    height: 45px;
    margin-bottom: 13px;
    padding-left: 15px;
    border-radius: 0px;
    border: none;
    /* box-shadow: 0px 1px 5px rgba(0,0,0,0.1); */
    color: #222;
    border-bottom: 1px solid #fff;
}

#popup_form_modal.popup-form input,
#popup_form_modal.popup-form select,
#popup_form_modal.popup-form textarea {
    margin-bottom: 5px;
    background: transparent !important;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    outline: 0;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div,
#request_quote_form .selecpicker_input_group_div,
#contactus_form .selecpicker_input_group_div,
#blog_right_side_form .selecpicker_input_group_div,
#blog_form_comment .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list,
#request_quote_form .selecpicker_input_group_div .select_icon_list,
#contactus_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home #popup_error_msg_home .alert-danger p {
    color: inherit;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list {
    width: 20%;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list {
    width: 30%;
}

@media (max-width: 767px) {
    #request_quote_form .selecpicker_input_group_div .select_icon_list {
        width: 30%;
    }
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list .btn,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn {
    border-radius: 50px;
    padding: 5px 10px;
    background: transparent;
    box-shadow: none;
    outline: none !important;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn {
    height: 45px;
    border: 1px solid #b0c9c9;
    background: #225a5d08;
    outline: none !important;
    box-shadow: none;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    padding: 5px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn i,
#request_quote_form .selecpicker_input_group_div .select_icon_list .btn i,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 25px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 20px;
    font-weight: 600;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #b52152;
    color: #fff;
}

#popup_contact_form .form_control_select {
    color: #fff;
}

#popup_contact_form select.form-control:not([size]):not([multiple]) {
    height: 45px;
}

.fitoutform .form-control {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e3e3;
    border-radius: 0;
    box-shadow: none;
}

.popup-contact-form .btn {
    background-color: #40a58d;
    color: #fff;
    font-size: 19px;
    width: 152px;
    border-radius: 50px;
    background: linear-gradient(180deg, rgba(0, 188, 201, 1) 0%, rgba(0, 131, 143, 1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 4px 19px -2px #033a3e;
}

#popup_contact_form_home ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#popup_contact_form_home :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#popup_contact_form_home ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_contact_form_home select option {
    background-color: rgb(124, 13, 70);
    color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home input:-webkit-autofill:hover,
#popup_contact_form_home input:-webkit-autofill:focus,
#popup_contact_form_home input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    -webkit-text-fill-color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home textarea:-webkit-autofill,
#popup_contact_form_home select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff;
}

#popup_form_modal {
    margin-top: 0px !important;
    top: 6px !important;
    z-index: 9999999999;
}

@media (max-width:767px) {
    #popup_form_modal .popup-contact-form h2 {
        font-size: 30px;
    }
    #popup_form_modal {
        margin-top: 0px !important;
        top: 25px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        max-width: 386px;
        margin-top: 5rem;
        width: auto;
        position: relative;
    }
    #msg {
        width: 100% !important;
    }
}

body {
    margin: 0px;
}

@media(min-width: 767px) {
    .mobile {
        display: none !important;
    }
}

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
}

#popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#popup_form_modal.popup-form {
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
}

@media (min-width: 991px) {
    .fixed_social_icons a.mobile {
        display: none !important;
    }
    #popup_form_modal.popup-form .modal-content .popup_form_left_sec {
        border-radius: 0 !important;
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 10px 20px;
        position: relative;
    }
}

#popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

#popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .title1 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents1 {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .btm_contents {
    font-size: 14px !important;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

#popup_form_modal.popup-form .head_sec {
    position: absolute;
    bottom: 28%;
    transform: rotate(-90deg);
    left: -15%;
}

#popup_form_modal.popup-form #popup_contact_form_home_new {
    margin-top: 30px !important;
}

#popup_form_modal.popup-form .popup-contact-form {
    padding: 20px 20px;
}

#popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: linear-gradient( 93.79deg, #14f4ff -13.43%, #0ba0a2 100.49%) !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.popup-contact-form .btn {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal.popup-form .home_popup_submit {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn {
    position: relative;
    display: flex;
    align-items: center;
    background: #00f7ff;
    padding: 10px 35px;
    line-height: 23px;
    text-decoration: none;
    color: #000;
    border-radius: 12px;
    border: 1px solid #14626b;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #23fff8, inset 0 80px 80px -40px #20f2ff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    margin: 0 auto;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
}

#popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select option {
    color: #000 !important;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
    background: rgba(217, 217, 217, 0.08) !important;
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

#popup_form_modal.popup-form #msg {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    padding-left: 20px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

#popup_form_modal.popup-form input::placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#popup_form_modal.popup-form input::-ms-input-placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#popup_form_modal.popup-form input:-webkit-autofill,
#popup_form_modal.popup-form select:-webkit-autofill,
#popup_form_modal.popup-form textarea:-webkit-autofill,
#popup_form_modal.popup-form input:-webkit-autofill:focus,
#popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

#popup_form_modal.popup-form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_line {
    padding: 10px 22px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec {
    margin-top: 18px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
    display: flex;
}

#popup_form_modal.popup-form .popup-contact-form .social_list {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sub_title {
    padding-left: 7px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sprite_icons {
    width: 32px;
    height: 32px;
    object-fit: none;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #popup_form_modal.popup-form .modal-content {
        background: linear-gradient( 186deg, #1e083d -13.43%, #000000 100.49%) !important;
        border: 1px solid #bf47ff61;
    }
    #popup_form_modal.popup-form .modal-dialog .modal-content .modal-body .popup_cus_row {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons a.desktop {
        display: none !important;
    }
    #popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #popup_form_modal.popup-form .popup-contact-form {
        padding: 20px 10px;
        text-align: center;
    }
    #popup_form_modal.popup-form .home_popup_submit {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        background: linear-gradient( 93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        border-radius: 4px;
        border: none;
        padding: 8px 30px;
        box-shadow: none;
        box-shadow: initial;
        margin-top: 10px;
        width: auto;
        width: initial;
        transition: 2s;
        animation: glowing 2s ease infinite alternate;
    }
    #popup_form_modal.popup-form .home_popup_submit:hover {
        animation: none 0s ease 0s 1 normal none running;
        animation: initial;
    }
    @keyframes glowing {
        0% {
            /*background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);*/
            transform: scale(1);
        }
        50% {
            /*background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);*/
            transform: scale(0.9);
        }
        100% {
            /*background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);*/
            transform: scale(1);
        }
    }
    #popup_form_modal.popup-form input,
    #popup_form_modal.popup-form .popup_country select,
    #popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
        height: 50px !important;
    }
    #popup_form_modal.popup-form #msg {
        height: 100px;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    #popup_form_modal.popup-form .christ_tit {
        font-size: 55px;
        position: relative;
    }
    #popup_form_modal.popup-form .christ_tit::before {
        position: absolute;
        content: "";
        left: -24%;
        top: -22.6%;
        width: 68px;
        transform: rotate(333deg);
        z-index: 1;
        height: 100px;
        background-repeat: no-repeat;
    }
    #popup_form_modal.popup-form .title1 {
        color: #00f7ff;
    }
}

@media (max-width: 767px) {
    #popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .popup-contact-form .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    #popup_form_modal.popup-form .title1 {
        font-size: 30px;
        /*background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        color: #00f7ff;
    }
    #popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
        justify-content: center;
    }
    #popup_form_modal.popup-form {
        top: 0px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-top: 3.5rem;
    }
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form {
    position: relative;
    z-index: 10;
    /* background: url(./asset/img/footer-form-bg-new.webp); */
    min-height: 530px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    display: flex;
    align-items: center;
    /*border: 10px solid;
border-image-slice: 1;
border-width: 3px;
border-image-source: linear-gradient(to left, rgba(255, 45, 172, 1), rgba(33, 0, 164, 1), rgba(53, 255, 134, 1), rgba(255, 73, 237, 1), rgba(128, 255, 0, 1), rgba(25, 125, 217, 1), rgba(228, 155, 13, 1), rgba(0, 255, 240, 1), rgba(255, 151, 68, 1));*/
}

.footer_new_form .footer_left_bg {
    text-align: center;
}

.footer_new_form .footer_right_main {
    position: relative;
    background: #ffffff1f;
    padding: 20px;
    border-radius: 15px;
    margin: 50px 0px;
}

.footer_new_form .footer_right_main .title-1 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    background: linear-gradient( 90deg, #cc46fb 0%, #4dfff4 38.02%, #ffb44a 70.31%, #ff00e5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}

.footer_new_form .footer_right_main .contents {
    text-align: center;
}

.footer_new_form #footer_new_form {
    margin-top: 30px !important;
}

.footer_new_form #footer_new_form #footer_submit {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
    border-radius: 4px;
    border: none;
    padding: 8px 30px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
    transition: 2s;
    animation: glowing 2s ease infinite alternate;
}

.footer_new_form #footer_new_form #footer_submit:hover {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

@keyframes glowing {
    0% {
        background: linear-gradient( 93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        transform: scale(1);
    }
    50% {
        background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);
        transform: scale(0.9);
    }
    100% {
        background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);
        transform: scale(1);
    }
}

.footer_new_form #footer_new_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select option {
    color: #000 !important;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div {
    display: flex;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.footer_new_form #footer_new_form #footer_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.footer_new_form #footer_new_form input::placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

.footer_new_form #footer_new_form input::-ms-input-placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

.footer_new_form #footer_new_form .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.footer_new_form #footer_new_form input:-webkit-autofill,
.footer_new_form #footer_new_form select:-webkit-autofill,
.footer_new_form #footer_new_form textarea:-webkit-autofill,
.footer_new_form #footer_new_form input:-webkit-autofill:focus,
.footer_new_form #footer_new_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #2a2a32 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.footer_new_form #footer_new_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.footer_new_form #footer_new_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.footer_new_form #footer_new_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.footer_new_form #footer_new_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.footer_new_form #footer_new_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    .footer_new_form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
    .footer_new_form {
        border: none;
    }
}

@media (max-width: 767px) {
    .footer_new_form .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .footer_new_form .footer_right_main {
        padding: 20px;
    }
    .footer_new_form .footer_right_main .title-1 {
        font-size: 25px;
    }
    .footer_new_form #footer_new_form #footer_submit {
        margin-top: 10px;
        font-size: 14px;
        padding: 8px 30px;
    }
    .footer_new_form .footer_right_main {
        margin: 0;
    }
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.calendly-inline-widget,
.calendly-inline-widget *,
.calendly-badge-widget,
.calendly-badge-widget *,
.calendly-overlay,
.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em
}

.calendly-inline-widget iframe,
.calendly-badge-widget iframe,
.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%
}

.calendly-popup-content {
    position: relative
}

.calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, .4)
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0;
        max-height: none
    }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%
}

.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
    /* background: url(/assets/external/close-icon.svg) no-repeat; */
    background-size: contain
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup-close {
        top: 15px;
        right: 15px
    }
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, .25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
    color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px
}

.calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1
}

.calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: calendly-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.calendly-spinner .calendly-bounce1 {
    animation-delay: -.32s
}

.calendly-spinner .calendly-bounce2 {
    animation-delay: -.16s
}

@keyframes calendly-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

/*!
* Bootstrap v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot"); */
    /* src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.select2-container {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

#popup_form_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 15px 0px;
    padding: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000 !important;
}

#exampleModal1home .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #fff;
}

.book_demo .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #031d5b;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

#enquiry_form_id_home .select2-container {
    width: 245px !important;
}

#quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 15px 0px;
    color: #999;
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    color: white;
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.background-image-inner {
    background-image: url(../../static/media/faq2.c7066341be94a85bbbe0.webp);
}

.PrjctImg {
    display: flex;
    justify-content: center;
}

.footer-contact-number:hover,
.footer-in-Pages:hover {
    background: linear-gradient(-90deg, blue, rgb(247, 29, 163));
    color: transparent;
    -webkit-background-clip: text;
    transition: all 150ms ease-in-out;
}

@media (max-width: 1400px) {
    .bnrVideoTop {
        margin-top: 50px;
    }
}

.FtrLogo {
    width: 225px;
}

.Main-section #homebanner .banner_btn_sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Main-section #homebanner .BnrCnt .title {
    margin-bottom: 20px;
    color: #ffffffb8;
    line-height: 1.2;
}

.Main-section #homebanner .BnrCnt .cus_title {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.Main-section #homebanner .vdoCntLst {
    margin-top: 10px;
}

.Main-section .BnnerCntSec .cus_title {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.Main-section .BnnerCntSec .cus_title_we {
    font-weight: 200;
}

@media (max-width: 767px) {
    .Main-section #homebanner .BnrCnt .title {
        line-height: 1.4;
    }
    .Main-section #homebanner .BnrCnt .cus_title {
        font-size: 38px;
    }
    .Main-section #homebanner .banner_btn_sec {
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .Main-section .BnnerCntSec .cus_title {
        font-size: 25px;
    }
    .Main-section .BnnerCntSec .BnrCnt h1 {
        line-height: 1.5;
        font-size: 25px;
    }
    .Main-section .why_MetaBlock_blockchain_sec {
        padding-top: 0px !important;
        text-align: center;
    }
    .Main-section .why_MetaBlock_blockchain_sec .HddrBtns {
        display: flex;
        justify-content: center;
    }
    .Main-section .blockchain_solution_sec .blck_sol_box,
    .Main-section .blockchain_solution_sec .blck_sol_box1 {
        min-height: 0px !important;
    }
    .Main-section .blockchain_solution_sec .sub_title {
        margin-top: 20px !important;
    }
    .Main-section .blockchain_solution_sec .BnrCnt h2 {
        text-align: center;
    }
    .Main-section .blockchain_solution_sec .img_sec {
        margin-top: -10% !important;
    }
    .Main-section .blockchain_dev_sec .blockchain_dev_btnsec .BtnPrimry {
        margin: 0 auto;
    }
    .Main-section .blockchain_dev_sec .mnyExpoScImg img {
        margin-top: 30px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .Main-section .why_MetaBlock_blockchain_sec .why_MetaBlock_blockchain_card {
        background-repeat: no-repeat;
        padding: 50px;
        min-height: 562px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec .contents {
    font-size: 16px !important;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

@media (min-width: 991px) {
    .Main-section .blockchain_solution_sec {
        padding: 50px 0px;
        background-repeat: no-repeat;
        min-height: 1289px;
    }
}

.Main-section .blockchain_solution_sec .blck_sol_box {
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 60px;
    min-height: 350px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .blck_sol_box1 {
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 80px;
    min-height: 354px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .sub_title {
    color: #e64dff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: 15px;
}

.Main-section .blockchain_solution_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.Main-section .blockchain_solution_sec .img_sec {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20%;
}

.Main-section .blockchain_solution_sec .img_sec:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(125deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 42%;
    left: 50%;
    z-index: -1;
    position: absolute;
    content: "";
    animation: rotatebg 2s infinite alternate-reverse;
}

.Main-section .blockchain_solution_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_dev_sec {
    overflow: visible;
    overflow: initial;
    padding-top: 0px;
}

.Main-section .blockchain_dev_sec p {
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}

@keyframes rotatebg {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0);
    }
}

.OurBlgBg .OurSrvcHdd .blog_title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MtaverseSec .title,
.Main-section .metaSlnSc .title,
.Main-section .OurPrjctBg .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MetaBlock_testimonial_sec {
    padding: 50px 0px;
}

.Main-section .MetaBlock_testimonial_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .MetaBlock_testimonial_sec .title .cus_title {
    color: #828282;
}

.Main-section .MetaBlock_testimonial_sec .testimonials {
    margin-top: 30px;
}

.Main-section .MetaBlock_testimonial_sec .item {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.Main-section .MetaBlock_testimonial_sec .item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("https://www.MetaBlocktechnologies.com/asset/home-page-new/images/blueQuotes.webp") center/52px no-repeat;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoLst {
    margin-left: 15px;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.Main-section .MetaBlock_testimonial_sec .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.Main-section .MetaBlock_testimonial_sec .sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev {
    left: 0%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev:before {
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next {
    right: 1%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

@media (max-width: 991px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 25px;
        text-align: center;
    }
}

@media (max-width: 467px) {
    .Main-section .MetaBlock_testimonial_sec .item {
        display: inline;
        display: initial;
        padding: 30px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoLst {
        margin-left: 0px;
        margin-top: 10px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
        display: inline;
        display: initial;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg .head_sec {
        margin-bottom: 10px;
    }
}

@media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item {
        position: relative;
    }
    .Main-section .scroll-reveal-section .item:after {
        content: "";
        display: block;
        height: 120vh;
        margin-bottom: -120vh;
    }
    .Main-section .scroll-reveal-section .item:last-of-type {
        margin-bottom: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent 50px), linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
    .Main-section .scroll-reveal-section .item:last-of-type:after {
        display: none;
    }
    .Main-section .scroll-reveal-section .item .image-holder {
        position: -webkit-sticky;
        position: sticky;
        top: 5%;
    }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
}

/*Scroll Service Style End*/

/*Mobile Service Style Start*/

.Main-section .service_mbl_sec {
    padding: 50px 0px;
}

.Main-section .service_mbl_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .service_mbl_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .service_mbl_sec .service_tabcont .tab-pane {
    border: 1px solid #ffffff42;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd .h3_title {
    font-size: 25px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt {
    padding-left: 20px;
    margin-bottom: 20px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt:after {
    left: 0px;
    top: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtaverseSec {
    padding: 0px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd {
    margin-top: 0 !important;
}

.Main-section .service_mbl_sec ul.nav-tabs {
    border-bottom: none;
    margin-top: 20px;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link {
    color: #fff;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link.active {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
}

.Main-section .blockchain_process_sec {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

.Main-section .blockchain_process_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.3;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .blockchain_process_sec .cusclr_title {
    color: #828282;
}

.Main-section .blockchain_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

.Main-section .blockchain_process_sec .pros_head_Sec {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
}

.Main-section .blockchain_process_sec .process_list {
    padding: 10px;
}

.Main-section .blockchain_process_sec .sub_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 10px;
}

.Main-section .blockchain_process_sec .sub_contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    padding-top: 10px;
}

.Main-section .blockchain_process_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_process_sec .process_list .img_sec {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .Main-section .blockchain_process_sec .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .Main-section .blockchain_process_sec .process_list {
        padding: 10px 0px;
    }
    .Main-section .blockchain_process_sec {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 500px;
        margin: 0px 10px;
        background: #101010;
        border: 1px solid #ffffff17;
        border-radius: 5px;
    }
    .Main-section .blockchain_process_sec .pros_head_Sec {
        top: 0%;
    }
    .Main-section .blockchain_process_sec {
        scrollbar-width: thin;
        scrollbar-color: #00f0ff transparent;
        overflow-y: auto;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        border-radius: 3px;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
        border-radius: 3px;
        background: transparent;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
        height: 4px;
    }
    @-moz-document url-prefix() {
        .Main-section .blockchain_process_sec {
            scrollbar-width: thin;
            scrollbar-color: #00f0ff transparent;
            overflow-y: auto;
        }
        .Main-section .blockchain_process_sec::scrollbar {
            width: 5px;
            height: 4px;
            border-radius: 3px;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
            border-radius: 3px;
            background: transparent;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
            height: 4px;
        }
    }
}

*/ .custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple;
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px;
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 0.2em rgb(165 115 201 / 10%);
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%);
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%);
    }
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10px 15px;
    line-height: 26px;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media (min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media (max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media (max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10px 15px;
        line-height: 23px;
        text-decoration: none;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media (max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media (max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.5rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

section {
    overflow: hidden;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.BtnPrimry {
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 113.4%;
    color: #FFFFFF;
    min-width: 124px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Urbanist", sans-serif;
    z-index: 1;
    min-height: 44px;
    border: none;
    line-height: 42px;
    perspective: 230px;
}

.BtnPrimry.BtnTrnsp {
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.BtnPrimry.Btn175-44 {
    min-width: 175px;
}

.BtnPrimry span {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
}

.BtnPrimry span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry:hover span:nth-child(1) {
    color: #FFFFFF;
    transform: rotateX(0deg);
}

.BtnPrimry:hover span:nth-child(2) {
    color: transparent;
    transform: rotateX(-90deg);
}

.TlkBtn {
    width: 192px;
}

.TlkBtn img {
    width: 20px;
    height: 20px;
}

.BtnTrnsp span {
    background: transparent;
}

.BtnTrnsp span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 100% 100% -25px;
}

@media (min-width: 1200px) {
    .container-1170 {
        max-width: 1170px;
    }
}

.pgLoad {
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
}

.HddrBg {
    background: #090909;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999999;
}

.HddrBg .navbar {
    padding: 0.25rem 1rem;
}

.HddrBg .navbar .socialIcns .icons_li {
    width: 35px;
    height: 35px;
    display: grid !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    text-decoration: none;
}

.HddrBg .navbar .socialIcns .icons_li:hover {
    -webkit-text-fill-color: unset;
}

.HddrBg .navbar .socialIcns .icons_li::before,
.HddrBg .navbar .socialIcns .icons_li::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
}

.HddrBg .navbar .socialIcns .icons_li i {
    font-size: 20px !important;
    font-weight: 500;
    color: #fff;
    margin-left: 0;
}

.HddrBg .navbar .socialIcns .icons_li.whatsapp {
    background: #34af23 !important;
}

.HddrBg .navbar .socialIcns .icons_li.telegram {
    background: #08c !important;
}

.HddrBg .navbar .socialIcns .icons_li.skype {
    background: #4ea9f4;
}

.MnuPaddTop {
    padding-top: 62px;
}

.line {
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
    transition: 500ms ease-out;
}

.line_1 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 500ms ease-out;
}

.ui .active .line_1 {
    stroke-dashoffset: 26;
}

.line_2 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 800ms ease-out;
}

.ui .active .line_2 {
    stroke-dashoffset: 25;
}

.line_3 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 1100ms ease-out;
}

.ui .active .line_3 {
    stroke-dashoffset: 26;
}

.ui {
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    display: none;
}

@media (max-width: 991px) {
    .ui {
        display: block;
    }
}

.HddrLnks li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.HddrLnks li a:hover {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media (min-width: 992px) and (max-width: 1300px) {
    .HddrLnks li a {
        margin-right: 5px;
        font-size: 13px;
    }
}

.HddrLnks li a::before,
.HddrLnks li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 10px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.HddrLnks li a::before {
    left: 0;
}

.HddrLnks li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.BnrCnt h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0;
}

@media (max-width: 1300px) {
    .BnrCnt h1 {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .MnuPaddTop #homebanner,
    .MnuPaddTop .BnnerCntSec,
    .MnuPaddTop .mnyExpoSc,
    .MnuPaddTop .metaSlnSc,
    .MnuPaddTop .MtaverseSec h2,
    .MnuPaddTop .MtaverseSec h4 {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec {
        padding: 20px 0px;
        background-position: 65%;
        position: relative;
        z-index: 1;
    }
    .MnuPaddTop .MtaverseSec .metaverse_img {
        display: block;
    }
    .MnuPaddTop .MtaverseSec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060600;
    }
    .MnuPaddTop #homebanner .BnrCnt p {
        text-align: center;
    }
    .MnuPaddTop #homebanner .BtnPrimry {
        display: inline-table;
    }
    .mnyExpoSc .mnySub:after {
        display: none;
    }
    .MnuPaddTop .BnrCnt {
        margin-top: 50px;
    }
    .MnuPaddTop .BnnerCntSec .BtnPrimry.Btn175-44,
    .MnuPaddTop .BnnerCntSec .TlkBtn {
        min-width: 140px !important;
        width: 140px !important;
    }
    .MnuPaddTop .TlkBtn {
        width: 165px !important;
    }
    .MnuPaddTop .BnnerCntSec .GetBtnSec {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .BtnPrimry {
        font-size: 14px;
    }
    .MnuPaddTop .metaSlnSc .metaSlnScRelat ul {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd,
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurservHdd h2,
    .MnuPaddTop .MtaverseSec .OurSrvcHdd h6,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .BnrCnt p {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .nav,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .nav {
        display: -webkit-inline-box !important;
    }
    .MnuPaddTop .MtavCntHdd h4 {
        font-size: 25px !important;
    }
}

.MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd {
    text-align: right;
}

.BnrCnt h2 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.BnrCnt h2 .Fw-200 {
    font-weight: 200;
}

@media (max-width: 1300px) {
    .BnrCnt h2 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media (max-width: 991px) {
    .BnrCnt h2 {
        font-size: 40px;
        line-height: 46px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .BnrCnt h2.text {
        height: 40px;
    }
}

.BnrCnt p {
    font-size: 16px;
    line-height: 1.9;
}

span.TxtGrdnt {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-size: 200% auto;
    position: relative;
}

span.TxtGrdnt::after {
    content: attr(data-shine) " ";
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200%;
    animation: shine 10s infinite;
}

@keyframes shine {
    0% {
        background-position: -100%;
    }
    100% {
        background-position: 100%;
    }
}

.BnrCountSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.BnrCount h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    min-width: 110px;
}

@media (max-width: 767px) {
    .BnrCount h4 {
        font-size: 28px;
        line-height: 34px;
    }
}

.BnrCount p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #BABABA;
}

.BnrTxtFlwr {
    position: relative;
}

.BnrTxtFlwr::after {
    content: "";
    position: absolute;
    top: -40px;
    right: 20px;
    /* background: url(../images/bnr-flwr.svg) no-repeat right; */
    width: 50px;
    height: 50px;
}

.BnnerCntSec {
    padding: 38px 0 25px;
}

.VideoWrper {
    position: relative;
}

.VideoWrper.VidoFltr::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #DF48FF 0%, #2D4FFF 100%);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
}

.VideoWrper video {
    width: 100%;
    height: calc(100vh - 91px);
    object-fit: cover;
}

/*@media (max-width: 991px) {
  .VideoWrper video {
    height: 390px;
  }
}*/

@media(max-width: 767px) {
    .desktop {
        display: none !important;
    }
    .VidoCntMn {
        margin-top: 50px !important
    }
    .vdoCntLstCount {
        font-size: 30px !important;
    }
}

.VidoCnt {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 2;
    width: 100%;
    padding: 0 30px 0 0;
}

@media (max-width: 767px) {
    .VidoCnt {
        left: 10px;
    }
}

.GrdentBg {
    background: linear-gradient(129deg, #060606 0%, rgba(103, 58, 183, 0) 89%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.GetBtnSec {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.OurSrvcHdd h6 {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.OurservHdd .Txt8282 {
    color: #828282;
}

.MtavCnt {
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}

.MtavCnt:after {
    content: "";
    position: absolute;
    top: 7px;
    left: -25px;
    /* background: url('../images/content-star-icon.svg'); */
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .MtavCnt {
        margin-bottom: 0;
    }
}

.MtavCnt li {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 20px;
}

.MtavCnt:hover li span img {
    animation: pulsate-fwd 0.5s ease-in-out infinite alternate-reverse both;
}

@keyframes pulsate-fwd {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

.MtavCntHdd h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.MtavCntHdd .h3_title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.OurBlgBg .BlgHdd .cat_title {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}

.Main-section .h5_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.MtaverseSec {
    background: url(../../static/media/metaverse-bg-new.2266a4dcd625f1063d36.webp) no-repeat top;
    background-size: 100% 100%;
    position: relative;
    min-height: 800px;
    padding: 40px 0;
}

.Main-section .OurPrjctBg .port_sub_title {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .MtaverseSec {
        padding: 0;
    }
}

.MtaverseSec:hover .MtrvrRtImg img {
    animation: blink-2 0.8s linear infinite both;
}

html {
    scroll-behavior: smooth;
}

.MxBlndLight {
    mix-blend-mode: lighten;
}

.MtrvrRtImg {
    position: absolute;
    right: -5%;
    top: 11.5rem;
}

.MtrvrRtImg_cus_img {
    position: absolute;
    right: -12%;
    top: 0%;
}

.CmmnSdHdd .text-line {
    stroke-dasharray: 290;
    stroke-dashoffset: 290;
    animation: dash 4s linear infinite both alternate-reverse;
    color: transparent;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0.3em;
    opacity: 0.5;
    font-family: "Urbanist", sans-serif;
    fill: transparent;
    stroke: #E442FF;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@media(min-width: 991px) {
    .Main-section .blockchain_service_sec {
        /* background: url(../images/blockchain-bg.webp) no-repeat bottom right; */
        min-height: 700px;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: -5%;
    }
    .Main-section .blockchain_service_sec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060682;
    }
    .Main-section .blockchain_service_sec .blockchain_imgsec {
        position: absolute;
        top: 18%;
        left: 0%;
    }
}

.NftMainSec {
    /* background: url(../images/nft-main-bg-new.webp?v1) no-repeat bottom right; */
    min-height: 800px;
    position: relative;
}

@media(min-width: 991px) {
    .NftMainSec:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #0506077d;
    }
}

.NftRtImg {
    left: 0%;
    top: 0;
}

.dapp_bg .NftRtImg {
    left: -5%;
    top: 0;
}

.DefiMainBg {
    /* background: url(../images/defi-main-bg-new.webp) no-repeat bottom right; */
    min-height: 750px;
    position: relative;
}

@media(min-width: 991px) {
    .DefiMainBg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #050607c9;
    }
}

.DefiMainBg .CmmnSdHdd .text-line {
    letter-spacing: normal;
}

.DefiMainBg .MtrvrRtImg {
    top: 0;
}

.LtrSpcNorml.CmmnSdHdd .text-line {
    letter-spacing: normal;
}

@media(min-width: 992px) {
    .DapsMainBg {
        background: transparent;
        min-height: 570px;
    }
    .dapp_bg {
        /* background-image: url('../images/dapp-bg.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }
    .dapp_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606d1;
    }
    .crypto_bg {
        /* background-image: url('../images/crypto-bg-new.webp') !important; */
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top left !important;
        position: relative;
    }
    .crypto_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606cf;
    }
    .exchg_bg {
        /* background-image: url('../images/exchange-bg-new.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }
    .exchg_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606b3;
    }
    .ExchngeSec .CmmnSdCnt {
        margin-left: 20%;
    }
}

@media(min-width: 991px) {
    .CryptoMainBg {
        background: transparent;
        min-height: 721px;
    }
}

.CryptoMainBg .CmmnSdHdd .text-line {
    letter-spacing: 0.2rem;
}

.CryptoMainBg .MtrvrRtImg {
    position: static;
    position: initial;
}

.TechStkIconBox {
    background: #101010;
    display: inline-block;
    min-height: 106px;
    min-width: 106px;
    padding: 18px 0 10px;
}

.TechStkIconBox .TechStkIcnCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}

.TechStkIconSec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.TechStkIcon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.TchStkCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.TchStkCnt h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    font-family: "Urbanist", sans-serif;
}

.VrtclTbb.nav-pills .nav-link {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #828282;
    text-align: end;
    padding-right: 0;
    position: relative;
    transition: 0.9s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover {
    padding-right: 25px;
    transition: 0.5s all ease-in-out;
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.VrtclTbb.nav-pills .nav-link::after {
    content: "";
    width: 0;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link.active {
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-right: 25px;
}

.VrtclTbb.nav-pills .nav-link.active::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.TechStkIconBox {
    position: relative;
    overflow: hidden;
}

.TechStkIconBox::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
}

.TechStkIconSec .col:nth-child(odd) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
}

.TechStkIconSec .col:nth-child(even) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
    animation-delay: 4s;
}

@keyframes shine1 {
    0% {
        left: -50%;
        opacity: 0;
    }
    50% {
        left: 25%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

.OurClintSldr .slide-content {
    margin-bottom: 15px;
}

.ClintSldr2 {
    margin-top: -60px;
}

.SldrBoxSadw {
    position: relative;
    padding-top: 61px;
}

.SldrBoxSadw::after {
    content: "";
    background: linear-gradient(179.95deg, #060606 -5.25%, rgba(6, 6, 6, 0.3) 17.46%, rgba(6, 6, 6, 0) 39.77%, rgba(6, 6, 6, 0.46) 77.57%, #060606 99.96%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ViwallLnk {
    display: inline-flex;
    justify-content: end;
    flex-flow: column;
    overflow: hidden;
    position: relative;
    top: -20px;
}

.VwAllLnkHov {
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.VwAllLnkHov1 {
    transform: translateX(-85px) translateY(29px);
    display: inline-block;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.VwAllLnkHov2 {
    transform: translateX(0%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov1 {
    transform: translateX(0px) translateY(29px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov2 {
    transform: translateX(100%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:after {
    content: "";
    width: 0;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    height: 1px;
    bottom: 0;
    left: 0;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ViwallLnk:hover:after {
    content: "";
    width: 100%;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ColWdth {
    flex: 0 0 15%;
    max-width: 15%;
    transition: 2s cubic-bezier(0.3, 0, 0, 1.3);
    margin: 0 10px;
}

.ColWdth .BlgCntImg {
    border-radius: 6px;
}

.ColWdth .BlgCntImg img {
    width: 100%;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active {
    flex: 0 0 31%;
    max-width: 31%;
    transition: 1s all ease-in-out;
}

.ColWdth.active .BlgCntImg img {
    width: 100%;
    border-radius: 6px;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active .BlgCntSec {
    display: inline-block;
    transform: translateX(0%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2s;
}

.ColWdth.active .BlgHdd {
    display: none;
}

@media (max-width: 1200px) {
    .ColWdth {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.BlgCntSec h4,
.BlgHdd h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.BlgHdd {
    position: absolute;
    bottom: 40px;
    left: 20px;
}

.BlgCntSec {
    display: none;
    transform: translateX(-100%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.BlgCntSec p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.BlgCntBg {
    position: relative;
    overflow: hidden;
}

.BlgCntSec {
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
    min-width: 365px;
    z-index: 1;
}

.NftSvgTxt .text-line {
    font-size: 41px;
}

@media (max-width: 767px) {
    .DefiMainBg,
    .MtaverseSec,
    .footer_details_form_new .footer_form_main {
        background: none !important;
    }
    .CmmnSdHdd .text-line {
        font-size: 25px;
    }
}

@media (max-width: 580px) {
    .CmmnSdHdd .text-line {
        font-size: 18px;
        height: 30px;
    }
}

.ColWdth.active .BlgCntBg::after {
    content: "";
    background: rgb(0 0 0 / 76%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.BlgCntBg:after {
    content: "";
    background: rgb(0 0 0 / 66%);
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 0;
}

.BlgHdd h4 {
    z-index: 1;
    position: relative;
}

.PrjctDtlsItm {
    background: linear-gradient(167.3deg, #EC1146 9.19%, #6E3CFF 141.84%);
    border-radius: 50px;
    padding: 20px 45px 15px;
    margin-bottom: 15px;
}

.RltdPrjHddSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.PrjctDtlCnt h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    font-family: "Urbanist", sans-serif;
}

.PrjctDtlCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.PrjctBtn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
}

.game_PrjctBtn .PrjctBtn_new {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PrjctBtn:hover {
    background: #FFFFFF;
    border: 1px solid #FFF;
    transition: 0.3s all ease-in-out;
    color: #101010;
}

.Btn211-42 {
    min-width: 211px;
    min-height: 42px;
}

.PrjctsBtnSec {
    display: flex;
    flex-wrap: wrap;
}

.OurPrjcts .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-prev {
    left: auto;
    top: -55px;
    right: 6rem;
}

.OurPrjcts .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 18px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-next {
    top: -55px;
    right: 2rem;
}

.OurPrjcts .slick-slide img {
    display: inline-block;
}

.PrjctExmpls {
    padding: 0 15px 0 15px;
}

.PrjctExmpls .slick-prev {
    left: -15px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999;
}

.PrjctExmpls .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.PrjctExmpls .slick-next {
    top: 40%;
    transform: translateY(-50%);
    right: 6px;
}

.PrjctExmpls .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.VlublClintsBg {
    min-height: 420px;
    padding-bottom: 55px;
}

.TechStk {
    padding-bottom: 85px;
}

.PrjctExmplsImg {
    margin: 0 7px;
    text-align: center;
}

.OurBlgBg {
    padding-bottom: 90px;
}

.OurPrjctBg {
    padding-bottom: 100px;
}

@media (max-width: 1200px) {
    .ColWdth .BlgCntImg img {
        height: 175px;
        margin-bottom: 30px;
    }
    .ColWdth.active {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .FtrPhnIcon {
        margin-bottom: 30px;
    }
    .BlgCntSec {
        min-width: 100%;
    }
    .ColWdth {
        margin: 0;
        padding: 0 15px;
    }
    .PrjctDtlsItm {
        padding: 20px 20px;
    }
}

.OurPrjctHddSec {
    padding-bottom: 55px;
}

@media (max-width: 991px) {
    .OurPrjctHddSec {
        padding-bottom: 0px;
    }
}

.FtrTopSec {
    background: #181818;
    padding: 35px 0 20px;
}

.LogoSpprtSec {
    display: flex;
}

.LogoSpprtSec li {
    margin-right: 30px;
}

.FtrTopCntHdd h4 {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.FtrTopCnt li {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.FtrPhnIcon a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.FttrLnkHdd {
    margin-bottom: 20px;
}

.FttrLnkHdd .ft_menutitle {
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

.FtrLnkCnt li {
    margin-bottom: 10px;
}

.FtrLnkCnt li a {
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.FtrLnkCnt li a:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine2 3s infinite both;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a i {
    color: #fff;
    font-size: 16px;
    line-height: inherit;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 15px;
    word-break: break-all;
}

.FtrMltplLnks .FtrLnkSec .FttrLnkHdd .title_hrline {
    border: 1px solid #d34eff !important;
    width: 30%;
    margin: 10px 0;
}

@keyframes shine2 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.FtrLnkCnt p {
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    color: #FFFFFF;
}

.SclIconSec {
    display: inline-flex;
}

.SclIconSec li {
    margin-right: 8px;
}

/*.FtrBrdBtm {
  border-bottom: 1px solid rgba(255, 255, 255, 0.27);
}*/

.CpyRtSec {
    padding: 20px 0;
}

.CpyRtSec p {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
}

.FtrMltplLnks {
    padding: 40px 0 1px;
}

.ExchngeSec {
    padding-bottom: 50px;
}

.SclIconSec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.SclIconSec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

.SclIconSec li {
    transition: 0.3s all ease-in-out;
}

.FtrTopCnt {
    min-height: 75px;
    margin-bottom: 10px;
}

.MailCnt {
    display: flex;
    flex-wrap: wrap;
}

.MailCnt li {
    margin-right: 25px;
}

.MailCnt li a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.MailCnt li a:hover {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

.MailCnt li a::before,
.MailCnt li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 1px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.MailCnt li a::before {
    left: 0;
}

.MailCnt li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.FttrMailBox {
    background: #0C0C0C;
    padding: 10px 22px 10px;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.MailIcon {
    padding: 0 12px 0 0;
    margin-right: 15px;
}

.MailBrdRt {
    border-right: 1px solid rgba(255, 255, 255, 0.37);
}

.FtrFrm #footer_subscripe .form-group {
    position: relative;
}

.FtrFrm .form-control {
    background: #262626;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    min-height: 44px;
    border: medium none currentColor;
    border: initial;
    box-shadow: none;
    box-shadow: initial;
    min-width: 271px;
}

.FtrFrm #footer_subscripe label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 4px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 13px;
    font-weight: 400;
    z-index: 1;
}

.FtrFrm #footer_subscripe label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 1119px) {
    .FtrFrm .form-control {
        min-width: 200px;
    }
}

.SendBtn {
    background: #1B1B1B;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    border: medium none currentColor;
    border: initial;
    min-height: 44px;
    min-width: 81px;
    transition: 0.5s all ease-in-out;
}

.SendBtn:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    transition: 0.5s all ease-in-out;
}

@media (max-width: 768px) {
    .MtavCnt li {
        line-height: 20px;
    }
    .MtaverseSec {
        background-size: cover;
    }
    .PrjctsBtnSec {
        justify-content: center !important;
    }
    .PrjctDtlsItm {
        text-align: center !important;
    }
}

@media (max-width: 1199px) {
    .MtrvrRtImg {
        display: none;
    }
    .DefiMainBg,
    .DapsMainBg,
    .CryptoMainBg,
    .MtaverseSec {
        min-height: auto;
    }
    .ExchngeSec,
    .OurBlgB,
    .OurPrjctBg,
    .TechStk,
    .OurBlgBg {
        padding-bottom: 20px;
    }
    .MtavCnt {
        margin-bottom: 30px;
    }
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .MtrvrRtImg img {
        transform: scale(0.7);
        margin-left: 24rem;
    }
    .NftRtImg {
        right: auto;
        margin-left: -31rem;
    }
    .CryptoMainBg .MtrvrRtImg img {
        margin-left: 0;
    }
}

#BnrHdAnim {
    position: absolute;
    margin: auto;
    width: 100vw;
    height: 115pt;
    top: 0;
    bottom: 0;
    filter: url(#threshold) blur(0.5px);
}

@media (max-width: 767px) {
    #BnrHdAnim {
        height: auto;
        top: 7rem;
    }
}

#text1,
#text2 {
    position: absolute;
    width: 100%;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
}

@media (max-width: 767px) {
    #text1,
    #text2 {
        font-size: 32px;
        line-height: 36px;
    }
}

.PrjctTb.nav-pills .nav-link {
    text-align: start;
    padding-right: 1rem;
    padding-left: 0px;
    outline: none;
}

.PrjctTb.nav-pills .nav-link:hover {
    padding-right: 1rem;
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link::after {
    right: auto;
    left: 0;
}

.PrjctTb.nav-pills .nav-link.active,
.PrjctTb.nav-pills .nav-link:hover {
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link.active::after,
.PrjctTb.nav-pills .nav-link:hover::after {
    right: auto;
    left: 0;
}

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

.BnrCnt {
    margin-top: 50px;
}

.text {
    height: 65px;
}

.typed-cursor,
.typed-cursor--blink {
    display: none;
}

.menu_foot_sec ul {
    gap: 20px;
    padding-left: 0px;
    display: flex;
}

.menu_foot_sec ul li a {
    color: #fff;
}

.menu_foot_sec ul li:hover a {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media(min-width: 992px) {
    .bnrVideoTop {
        margin-top: 100px;
    }
}

.mnyExpoSc {
    padding: 60px 0px;
}

.mnyExpoSc .mnySubTlt {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    leading-trim: both !important;
    text-edge: cap !important;
    color: #FFFFFF !important;
}

.mnyExpoSc .mnySub {
    position: relative;
    z-index: 1;
}

.mnyExpoSc .mnySub:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    width: 170px;
    height: 10px;
    z-index: -1;
}

@media(max-width: 767px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 15px !important;
    }
}

@media(max-width: 372px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 13px !important;
    }
}

.metaSlnSc {
    padding: 60px 0px;
}

.metaSlnTabCnt {
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
}

.metaSlnTabCnt .sml_tlt {
    font-size: 18px !important;
    color: #fff !important;
    margin-bottom: 0px;
}

.metaSlnTabCnt .Bg_tlt {
    font-size: 35px !important;
    color: #fff !important;
}

.metaSlnTabCnt .Cnt {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF
}

.metaSlnSc .nav-pills .nav-link.active,
.metaSlnSc .nav-pills .show>.nav-link {
    background: linear-gradient(81.04deg, #E442FF 5.15%, #3C5BFF 89.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 16px;
}

.metaSlnSc .nav-pills .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 0.8;
}

.metaSlnScRelat {
    margin-top: 100px;
    position: relative;
}

.gameLi {
    position: absolute;
    left: 0px;
    top: 44%;
    z-index: 10;
}

.mallLi {
    position: absolute;
    left: 10px;
    top: 19%;
    z-index: 10;
}

.theatreLi {
    position: absolute;
    left: 63px;
    top: 0%;
    z-index: 10;
}

.casinoLi {
    position: absolute;
    right: 90px;
    top: 19%;
    z-index: 10;
}

.storeLi {
    position: absolute;
    right: 120px;
    top: 0%;
    z-index: 10;
}

.eventLi {
    position: absolute;
    top: -50px;
    left: -95px;
    right: 0px;
    margin: 0 auto;
    display: grid;
}

.theatreLi .nav-link {
    color: #dcd9d9 !important;
}

.eventLi .nav-link {
    color: #999595 !important;
}

.storeLi .nav-link {
    color: #696868 !important;
}

.casinoLi .nav-link {
    color: #5f5f5f !important;
}

.metaSlnScTabBnImg {
    margin-top: -260px;
    text-align: end;
    margin-right: -38px;
    position: relative;
}

.tbSlnLst {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
}

.tbSlnLst .tbSlnLstTlt {
    font-weight: 300;
    font-size: 14px;
    leading-trim: both;
    text-edge: cap;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.tbSlnLstPosi {
    position: absolute;
    bottom: 48px;
    right: 127px;
}

.slnImgIndex {
    z-index: 1;
    position: relative;
}

.metaSlnBtn {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    leading-trim: both;
    text-edge: cap;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0px;
}

.metaSlnScRelati {
    position: relative;
}

@media(max-width: 1199px) {
    .metaSlnTabCnt .Cnt {
        z-index: 1;
        position: relative;
    }
    .gameLi {
        top: 33%;
    }
}

@media(max-width: 991px) {
    .gameLi,
    .mallLi,
    .theatreLi,
    .eventLi,
    .casinoLi,
    .storeLi {
        position: static;
        position: initial;
        margin: 0;
    }
    .metaSlnTabCnt {
        position: static;
        position: initial;
        width: 100%;
    }
    .metaSlnScTabBnImg {
        margin-top: 0px;
        margin-right: 0px;
    }
    .tbSlnLstPosi {
        position: static;
        position: initial;
    }
    .metaSlnBtn {
        margin: 30px auto;
        display: table;
    }
    .metaSlnScRelat {
        margin-top: 20px;
    }
    .slnImgIndex {
        display: none;
    }
}

@media(max-width: 767px) {
    .metaSlnTabCnt .Bg_tlt {
        font-size: 25px !important;
    }
}

@media(max-width: 394px) {
    .logo_header {
        width: 80%;
    }
}

.mnyExpoScImg {
    position: relative;
    z-index: 1;
}

.mnyExpoScImg:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    background: #3C5BFF;
    width: 94.46px;
    height: 230px;
    transform: rotate(-51.35deg);
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.mnyExpoScImg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 70px;
    background: #E442FF;
    width: 94.46px;
    height: 230px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.VidoCntMn {
    background: #00000069;
    margin: 20px;
    padding: 10px;
    border-radius: 20px;
    margin-top: 150px;
}

.vdoCntLst {
    border: 1px solid #1f1e1e;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #0000008a;
}

.vdoCntLstCount {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: 'Urbanist';
}

.vdoCntLstTlt {
    margin-bottom: 0px;
    font-size: 13px;
}

.game-1 {
    /* background-image: url('../images/game-bg.webp?v1'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

@media(max-width: 991px) {
    .game-1 {
        background-color: #a128f9;
        background-image: none !important;
        background-image: initial !important;
    }
    .nft-1 {
        background-color: #fe992e;
        background-image: none !important;
        background-image: initial !important;
    }
    .play-1 img,
    .move-1 img,
    .meta-1 img,
    .blkchain-1 img,
    .defi-1 img,
    .dapp-1 img {
        display: none;
    }
}

.play-1 {
    background: #AE58F1;
}

.move-1 {
    background: #29AEC2;
}

.meta-1 {
    background: #6E3CFF;
}

.blkchain-1 {
    background: #F2654E;
}

.defi-1 {
    background: #FC2A5C;
}

.dapp-1 {
    background: #AE58F1;
}

.nft-1 {
    /* background-image: url('../images/nft-tab-1.webp'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

/* Start Popup Form*/

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 840px;
    margin-top: 100px;
    width: auto;
}

#popup_form_modal.modal .modal-content {
    border-radius: 0;
}

#popup_form_modal.popup-form .modal-content {
    background: rgb(124, 13, 70);
    background: linear-gradient(135deg, rgba(124, 13, 70, 1) 0%, rgba(154, 13, 70, 1) 100%);
    /* background: url('../../modal-bg.png?v2'); */
    background-size: cover;
    background-repeat: no-repeat;
}

#popup_form_modal.popup-form .top_cls {
    color: #d53938 !important;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    position: relative;
    right: -16px;
    top: -11px;
    z-index: 1;
    background: #ffffff;
}

#popup_form_modal .error,
#popup_contact_form .error {
    color: #fff !important;
}

#popup_form_modal .popup-contact-form {
    padding-top: 0px;
    padding-bottom: 0em;
    color: #fff;
    margin-top: 0px;
    position: relative;
}

#popup_form_modal .popup-contact-form h2 {
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
}

#popup_form_modal .popup-contact-form p {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
}

#popup_form_modal .popup-contact-form .modal-disclaim {
    font-size: 14px;
}

.popup-contact-form .mt-3 {
    margin-top: 0rem !important;
}

#popup_form_modal .popup-form p {
    color: #fff;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 23px;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 0em !important;
}

#popup_form_modal .popup-contact-form input,
#popup_form_modal .popup-contact-form textarea {
    width: 100%;
    height: 45px;
    margin-bottom: 13px;
    padding-left: 15px;
    border-radius: 0px;
    border: none;
    /* box-shadow: 0px 1px 5px rgba(0,0,0,0.1); */
    color: #222;
    border-bottom: 1px solid #fff;
}

#popup_form_modal.popup-form input,
#popup_form_modal.popup-form select,
#popup_form_modal.popup-form textarea {
    margin-bottom: 5px;
    background: transparent !important;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    outline: 0;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div,
#request_quote_form .selecpicker_input_group_div,
#contactus_form .selecpicker_input_group_div,
#blog_right_side_form .selecpicker_input_group_div,
#blog_form_comment .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list,
#request_quote_form .selecpicker_input_group_div .select_icon_list,
#contactus_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home #popup_error_msg_home .alert-danger p {
    color: inherit;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list {
    width: 20%;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list {
    width: 30%;
}

@media (max-width: 767px) {
    #request_quote_form .selecpicker_input_group_div .select_icon_list {
        width: 30%;
    }
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list .btn,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn {
    border-radius: 50px;
    padding: 5px 10px;
    background: transparent;
    box-shadow: none;
    outline: none !important;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn {
    height: 45px;
    border: 1px solid #b0c9c9;
    background: #225a5d08;
    outline: none !important;
    box-shadow: none;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    padding: 5px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn i,
#request_quote_form .selecpicker_input_group_div .select_icon_list .btn i,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 25px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 20px;
    font-weight: 600;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #b52152;
    color: #fff;
}

#popup_contact_form .form_control_select {
    color: #fff;
}

#popup_contact_form select.form-control:not([size]):not([multiple]) {
    height: 45px;
}

.fitoutform .form-control {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e3e3;
    border-radius: 0;
    box-shadow: none;
}

.popup-contact-form .btn {
    background-color: #40a58d;
    color: #fff;
    font-size: 19px;
    width: 152px;
    border-radius: 50px;
    background: linear-gradient(180deg, rgba(0, 188, 201, 1) 0%, rgba(0, 131, 143, 1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 4px 19px -2px #033a3e;
}

#popup_contact_form_home ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#popup_contact_form_home :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#popup_contact_form_home ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_contact_form_home select option {
    background-color: rgb(124, 13, 70);
    color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home input:-webkit-autofill:hover,
#popup_contact_form_home input:-webkit-autofill:focus,
#popup_contact_form_home input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    -webkit-text-fill-color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home textarea:-webkit-autofill,
#popup_contact_form_home select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff;
}

#popup_form_modal {
    margin-top: 0px !important;
    top: 6px !important;
    z-index: 9999999999;
}

@media (max-width:767px) {
    #popup_form_modal .popup-contact-form h2 {
        font-size: 30px;
    }
    #popup_form_modal {
        margin-top: 0px !important;
        top: 25px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        max-width: 386px;
        margin-top: 5rem;
        width: auto;
        position: relative;
    }
    #msg {
        width: 100% !important;
    }
}

body {
    margin: 0px;
}

@media(min-width: 767px) {
    .mobile {
        display: none !important;
    }
}

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
}

#popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#popup_form_modal.popup-form {
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
}

@media (min-width: 991px) {
    .fixed_social_icons a.mobile {
        display: none !important;
    }
    #popup_form_modal.popup-form .modal-content .popup_form_left_sec {
        border-radius: 0 !important;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/popup-form.webp);
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 10px 20px;
        position: relative;
    }
}

#popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

#popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .title1 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents1 {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .btm_contents {
    font-size: 14px !important;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

#popup_form_modal.popup-form .head_sec {
    position: absolute;
    bottom: 28%;
    transform: rotate(-90deg);
    left: -15%;
}

#popup_form_modal.popup-form #popup_contact_form_home_new {
    margin-top: 30px !important;
}

#popup_form_modal.popup-form .popup-contact-form {
    padding: 20px 20px;
}

#popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: linear-gradient(93.79deg, #14f4ff -13.43%, #0ba0a2 100.49%) !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.popup-contact-form .btn {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal.popup-form .home_popup_submit {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn {
    position: relative;
    display: flex;
    align-items: center;
    background: #00f7ff;
    padding: 10px 35px;
    line-height: 23px;
    text-decoration: none;
    color: #000;
    border-radius: 12px;
    border: 1px solid #14626b;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #23fff8, inset 0 80px 80px -40px #20f2ff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    margin: 0 auto;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
}

#popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select option {
    color: #000 !important;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
    background: rgba(217, 217, 217, 0.08) !important;
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

#popup_form_modal.popup-form #msg {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    padding-left: 20px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

#popup_form_modal.popup-form input::placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#popup_form_modal.popup-form input::-ms-input-placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#popup_form_modal.popup-form input:-webkit-autofill,
#popup_form_modal.popup-form select:-webkit-autofill,
#popup_form_modal.popup-form textarea:-webkit-autofill,
#popup_form_modal.popup-form input:-webkit-autofill:focus,
#popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

#popup_form_modal.popup-form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_line {
    padding: 10px 22px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec {
    margin-top: 18px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
    display: flex;
}

#popup_form_modal.popup-form .popup-contact-form .social_list {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sub_title {
    padding-left: 7px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sprite_icons {
    width: 32px;
    height: 32px;
    object-fit: none;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #popup_form_modal.popup-form .modal-content {
        background: linear-gradient(186deg, #1e083d -13.43%, #000000 100.49%) !important;
        border: 1px solid #bf47ff61;
    }
    #popup_form_modal.popup-form .modal-dialog .modal-content .modal-body .popup_cus_row {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons a.desktop {
        display: none !important;
    }
    #popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #popup_form_modal.popup-form .popup-contact-form {
        padding: 20px 10px;
        text-align: center;
    }
    #popup_form_modal.popup-form .home_popup_submit {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        border-radius: 4px;
        border: none;
        padding: 8px 30px;
        box-shadow: none;
        box-shadow: initial;
        margin-top: 10px;
        width: auto;
        width: initial;
        transition: 2s;
        animation: glowing 2s ease infinite alternate;
    }
    #popup_form_modal.popup-form .home_popup_submit:hover {
        animation: none 0s ease 0s 1 normal none running;
        animation: initial;
    }
    @keyframes glowing {
        0% {
            /*background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);*/
            transform: scale(1);
        }
        50% {
            /*background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);*/
            transform: scale(0.9);
        }
        100% {
            /*background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);*/
            transform: scale(1);
        }
    }
    #popup_form_modal.popup-form input,
    #popup_form_modal.popup-form .popup_country select,
    #popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
        height: 50px !important;
    }
    #popup_form_modal.popup-form #msg {
        height: 100px;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    #popup_form_modal.popup-form .christ_tit {
        font-size: 55px;
        position: relative;
    }
    #popup_form_modal.popup-form .christ_tit::before {
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/santa-hat.svg);
        position: absolute;
        content: "";
        left: -24%;
        top: -22.6%;
        width: 68px;
        transform: rotate(333deg);
        z-index: 1;
        height: 100px;
        background-repeat: no-repeat;
    }
    #popup_form_modal.popup-form .title1 {
        color: #00f7ff;
    }
}

@media (max-width: 767px) {
    #popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .popup-contact-form .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    #popup_form_modal.popup-form .title1 {
        font-size: 30px;
        /*background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        color: #00f7ff;
    }
    #popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
        justify-content: center;
    }
    #popup_form_modal.popup-form {
        top: 0px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-top: 3.5rem;
    }
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form {
    position: relative;
    z-index: 10;
    /* background: url(./asset/img/footer-form-bg-new.webp); */
    min-height: 530px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    display: flex;
    align-items: center;
    /*border: 10px solid;
border-image-slice: 1;
border-width: 3px;
border-image-source: linear-gradient(to left, rgba(255, 45, 172, 1), rgba(33, 0, 164, 1), rgba(53, 255, 134, 1), rgba(255, 73, 237, 1), rgba(128, 255, 0, 1), rgba(25, 125, 217, 1), rgba(228, 155, 13, 1), rgba(0, 255, 240, 1), rgba(255, 151, 68, 1));*/
}

.footer_new_form .footer_left_bg {
    text-align: center;
}

.footer_new_form .footer_right_main {
    position: relative;
    background: #ffffff1f;
    padding: 20px;
    border-radius: 15px;
    margin: 50px 0px;
}

.footer_new_form .footer_right_main .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    background: linear-gradient(90deg, #cc46fb 0%, #4dfff4 38.02%, #ffb44a 70.31%, #ff00e5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}

.footer_new_form .footer_right_main .contents {
    text-align: center;
}

.footer_new_form #footer_new_form {
    margin-top: 30px !important;
}

.footer_new_form #footer_new_form #footer_submit {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
    border-radius: 4px;
    border: none;
    padding: 8px 30px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
    transition: 2s;
    animation: glowing 2s ease infinite alternate;
}

.footer_new_form #footer_new_form #footer_submit:hover {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

@keyframes glowing {
    0% {
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        transform: scale(1);
    }
    50% {
        background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);
        transform: scale(0.9);
    }
    100% {
        background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);
        transform: scale(1);
    }
}

.footer_new_form #footer_new_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select option {
    color: #000 !important;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div {
    display: flex;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.footer_new_form #footer_new_form #footer_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.footer_new_form #footer_new_form input::placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

.footer_new_form #footer_new_form input::-ms-input-placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

.footer_new_form #footer_new_form .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.footer_new_form #footer_new_form input:-webkit-autofill,
.footer_new_form #footer_new_form select:-webkit-autofill,
.footer_new_form #footer_new_form textarea:-webkit-autofill,
.footer_new_form #footer_new_form input:-webkit-autofill:focus,
.footer_new_form #footer_new_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #2a2a32 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.footer_new_form #footer_new_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.footer_new_form #footer_new_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.footer_new_form #footer_new_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.footer_new_form #footer_new_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.footer_new_form #footer_new_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    .footer_new_form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
    .footer_new_form {
        border: none;
    }
}

@media (max-width: 767px) {
    .footer_new_form .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .footer_new_form .footer_right_main {
        padding: 20px;
    }
    .footer_new_form .footer_right_main .title {
        font-size: 25px;
    }
    .footer_new_form #footer_new_form #footer_submit {
        margin-top: 10px;
        font-size: 14px;
        padding: 8px 30px;
    }
    .footer_new_form .footer_right_main {
        margin: 0;
    }
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.calendly-inline-widget,
.calendly-inline-widget *,
.calendly-badge-widget,
.calendly-badge-widget *,
.calendly-overlay,
.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em
}

.calendly-inline-widget iframe,
.calendly-badge-widget iframe,
.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%
}

.calendly-popup-content {
    position: relative
}

.calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, .4)
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0;
        max-height: none
    }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%
}

.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
    /* background: url(/assets/external/close-icon.svg) no-repeat; */
    background-size: contain
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup-close {
        top: 15px;
        right: 15px
    }
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, .25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
    color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px
}

.calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1
}

.calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: calendly-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.calendly-spinner .calendly-bounce1 {
    animation-delay: -.32s
}

.calendly-spinner .calendly-bounce2 {
    animation-delay: -.16s
}

@keyframes calendly-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

/*!
* Bootstrap v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot"); */
    /* src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.select2-container {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

#popup_form_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 15px 0px;
    padding: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000 !important;
}

#exampleModal1home .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #fff;
}

.book_demo .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #031d5b;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

#enquiry_form_id_home .select2-container {
    width: 245px !important;
}

#quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 15px 0px;
    color: #999;
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    color: white;
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/* .footer-in-payment-method {
  width: 200px !important;
} */

/* .foot_logo img .Company-logo {
  width: 400px !important;
} */

.container>.row>.foot_logo>img .Company-logo {
    width: 300px !important;
}

.footer-in-payment-method {
    width: 350px !important;
    margin-bottom: 5px;
    display: block;
    padding: 20px;
    border-radius: 10px !important;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-image-slice: 1;
}

.payment-method {
    position: relative;
}

.image-container {
    position: relative;
    display: inline-block;
}

.overlay-text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    height: 30px;
    font-size: 13px;
    font-weight: 800;
    width: 75px;
    position: absolute;
    top: -15px;
    /* background-color: purple; */
    /* Adjust as needed to position text above the border */
    left: 50%;
    transform: translateX(-50%);
    background-color: #181818;
    /* Background color for text */
    /* padding: 0 5px; */
    /* Add padding to the text */
    z-index: 9999;
    color: white;
    /* Add border to the text */
}

@media (max-width: 430px) {
    .foot_logo {
        display: flex;
        justify-content: center;
    }
    .footer-in-payment-method {
        width: 250px;
        margin-bottom: 30px;
    }
    .overlay-text {
        top: 0;
        font-size: 17px;
        width: 120px;
    }
}

.ourservice-title-2 {
    font-size: 40px !important;
    /* text-align: center; */
    font-family: "Urbanist", sans-serif !important;
    text-transform: capitalize !important;
}

.ourservice-title-3 {
    font-size: 40px !important;
    text-align: center;
    color: #00fff5;
    font-family: "Urbanist", sans-serif !important;
    text-transform: capitalize !important;
}

.generative_ai_dev_banner {
    /* background: url('./asset/inner-pages-new/generative-ai-development-company/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
    margin-top: 5%;
}

@media (max-width: 991px) {
    .generative_ai_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 18% !important;
    }
    .generative_ai_dev_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909cf;
    }
}

.generative_ai_dev_banner .banner_sec {
    margin-top: -18%;
}

.generative_ai_dev_banner .title {
    font-weight: 200;
    font-size: 40px !important;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    color: #fff;
    letter-spacing: 6px;
}

.generative_ai_dev_banner .bnr_bld_title {
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 60px !important;
}

.generative_ai_dev_banner .bnr_clr_title {
    font-size: 120px;
    font-weight: 900;
    color: #FF2DAC;
    animation: change_bg 3s linear infinite alternate;
    letter-spacing: 2px;
    line-height: 1;
}

.generative_ai_dev_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    padding-top: 10px;
}

.generative_ai_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

.generative_ai_dev_banner .banner_btn {
    position: relative;
    width: calc(100% - 22.75rem);
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
}

.generative_ai_dev_banner .banner_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

.generative_ai_dev_banner .banner_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 10px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@keyframes gradient_color_border {
    to {
        transform: translateX(-50%)
    }
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
}

.generative_ai_dev_sec {
    padding: 50px 0px;
}

@media(min-width: 991px) {
    .generative_ai_dev_sec #generative_ai_dev_card {
        /* background: url('./asset/inner-pages-new/generative-ai-development-company/generative-ai-dev-sec.webp'); */
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        min-height: 513px;
        align-items: center;
        background-size: contain;
        overflow: visible;
        overflow: initial;
    }
}

.generative_ai_dev_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.generative_ai_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

.generative_ai_dev_sec .metaverse_ecosystem_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

.generative_ai_dev_sec .metaverse_ecosystem_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
    border-radius: 11px;
    border: 1px solid #52FF00;
    background: rgba(82, 255, 0, 0.15);
    margin-right: 10px;
}

.generative_ai_dev_sec .metaverse_ecosystem_about_btn.mobile {
    display: none;
}

.generative_ai_dev_sec .metaverse_ecosystem_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 11px;
    border: 1px solid #00F0FF;
    background: rgba(0, 240, 255, 0.15);
    color: #fff !important;
}

.generative_ai_dev_services {
    background: url(../../static/media/generative-ai-services.c036faa35048e63eb0f5.webp);
    padding: 60px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

@media (max-width: 991px) {
    .generative_ai_dev_services {
        position: relative;
        z-index: 1;
        background-position: 78% !important;
    }
    .generative_ai_dev_services:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e0;
    }
}

@media(min-width: 991px) {
    .generative_ai_dev_services .container {
        max-width: 1350px;
    }
}

.generative_ai_dev_services .title {
    font-size: 35px !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    text-transform: capitalize !important;
    font-family: "Urbanist", sans-serif !important;
    text-align: left;
}

.generative_ai_dev_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

.generative_ai_dev_services .contents_sec {
    height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 20px;
}

/** Scrollbar Styles START **/

.generative_ai_dev_services .contents_sec {
    scrollbar-width: thin;
    scrollbar-color: #00F0FF transparent;
    overflow-y: auto;
}

.generative_ai_dev_services .contents_sec::-webkit-scrollbar {
    width: 10px;
    height: 4px;
    border-radius: 6px;
}

.generative_ai_dev_services .contents_sec::-webkit-scrollbar-track {
    border-radius: 6px;
    border: 1px solid #FFF;
    background: transparent;
}

.generative_ai_dev_services .contents_sec::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: linear-gradient(180deg, #FF2DAC 0%, #E49B0D 100%);
    height: 500px;
}

@-moz-document url-prefix() {
    .generative_ai_dev_services .contents_sec {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-y: auto;
    }
    .generative_ai_dev_services .contents_sec::scrollbar {
        width: 10px;
        height: 4px;
        border-radius: 6px;
    }
    .generative_ai_dev_services .contents_sec::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #FFF;
        background: transparent;
    }
    .generative_ai_dev_services .contents_sec::-webkit-scrollbar-thumb {
        border-radius: 30px;
        background: linear-gradient(180deg, #FF2DAC 0%, #E49B0D 100%);
        height: 500px;
    }
}

/** Scrollbar Styles END **/

.generative_ai_dev_services .service_box {
    padding: 15px;
}

.generative_ai_dev_services .head_sec {
    display: flex;
    align-items: center;
}

.generative_ai_dev_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 15px;
}

.generative_ai_dev_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

.generative_ai_dev_services .sprite_icons {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.generative_ai_dev_techstack {
    padding-top: 120px;
    padding-bottom: 50px;
    overflow: visible;
    overflow: initial;
}

.generative_ai_dev_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.generative_ai_dev_techstack .img_sec .techstack_img {
    position: relative;
    z-index: 1;
}

.generative_ai_dev_techstack .round_gif {
    position: absolute;
    top: -9%;
    left: -2%;
    z-index: 0;
}

.generative_ai_dev_techstack .generative-ai-techstack {
    margin-top: 30px;
}

.generative_ai_dev_techstack .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-top: 20px;
}

.generative_ai_dev_techstack .sub_title {
    color: rgba(255, 255, 255, 0.60);
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.generative_ai_dev_techstack .slick-prev {
    left: 80%;
    top: 1% !important;
    z-index: 1;
}

.generative_ai_dev_techstack .slick-next {
    top: 1% !important;
    right: 5%;
}

.generative_ai_dev_techstack .slick-prev:before,
.generative_ai_dev_techstack .slick-next:before {
    /* background: url('./asset/inner-pages-new/generative-ai-development-company/arrow.svg'); */
    position: absolute;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    outline: none;
    content: '';
}

.generative_ai_dev_techstack .slick-next:before {
    transform: rotate(180deg);
}

.generative_ai_dev_techstack .gen_ai_btn_sec {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.generative_ai_dev_techstack .gen_ai_btn {
    position: relative;
    width: calc(100% - 26.75rem);
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
}

.generative_ai_dev_techstack .gen_ai_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

.generative_ai_dev_techstack .gen_ai_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 10px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@media (min-width: 991px) {
    .generative_ai_dev_benefits {
        /* background: url('./asset/inner-pages-new/generative-ai-development-company/benefits-bg.webp'); */
        padding: 60px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        display: flex;
        align-items: center;
    }
}

.generative_ai_dev_benefits .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.generative_ai_dev_benefits .benefits_box {
    padding: 10px;
}

.generative_ai_dev_benefits .head_sec {
    display: flex;
    align-items: center;
}

.generative_ai_dev_benefits .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 15px;
}

.generative_ai_dev_benefits .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

.generative_ai_dev_benefits .sprite_icons {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.generative_ai_approaches {
    padding: 50px 0px;
}

@media (min-width: 1320px) {
    .generative_ai_approaches .container {
        max-width: 1280px;
    }
}

.generative_ai_approaches .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 40px;
}

.generative_ai_approaches .staggered-grid-wrapper {
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

/** Scrollbar Styles START **/

.generative_ai_approaches .staggered-grid-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #00F0FF transparent;
    overflow-y: auto;
}

.generative_ai_approaches .staggered-grid-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 6px;
}

.generative_ai_approaches .staggered-grid-wrapper::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 30px;
}

.generative_ai_approaches .staggered-grid-wrapper::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: linear-gradient(180deg, #FF2DAC 0%, #E49B0D 100%);
    height: 500px;
}

@-moz-document url-prefix() {
    .generative_ai_approaches .staggered-grid-wrapper {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-y: auto;
    }
    .generative_ai_approaches .staggered-grid-wrapper::scrollbar {
        width: 4px;
        height: 4px;
        border-radius: 6px;
    }
    .generative_ai_approaches .staggered-grid-wrapper::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 30px;
    }
    .generative_ai_approaches .staggered-grid-wrapper::-webkit-scrollbar-thumb {
        border-radius: 30px;
        background: linear-gradient(180deg, #FF2DAC 0%, #E49B0D 100%);
        height: 500px;
    }
}

/** Scrollbar Styles END **/

.generative_ai_approaches .staggered-grid-wrapper .staggered-box-wrapper {
    column-width: 320px;
    column-gap: 15px;
    width: 100%;
    row-gap: 15px;
}

.generative_ai_approaches .approach_box {
    background: #000;
    padding: 15px;
    border-radius: 10px;
    display: inline-block;
    max-width: 416px;
    margin-bottom: 15px;
}

.generative_ai_approaches .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 15px;
}

.generative_ai_approaches .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

.generative_ai_approaches .approach_box img {
    width: 100%;
}

@media (min-width: 991px) {
    .generative_ai_dev_whyMetaBlock {
        /* background: url('./asset/inner-pages-new/generative-ai-development-company/why-MetaBlock.webp'); */
        padding: 60px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        display: flex;
        align-items: center;
        min-height: 100vh;
    }
}

.generative_ai_dev_whyMetaBlock .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.generative_ai_dev_whyMetaBlock .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    text-align: center;
    padding-top: 10px;
}

.generative_ai_dev_whyMetaBlock .gen_ai_btn_sec {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.generative_ai_dev_whyMetaBlock .gen_ai_btn {
    position: relative;
    width: calc(100% - 27.75rem);
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
}

.generative_ai_dev_whyMetaBlock .gen_ai_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

.generative_ai_dev_whyMetaBlock .gen_ai_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 10px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

.generative_ai_dev_transform {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .generative_ai_dev_transform #ai_transform_card {
        /* background: url('./asset/inner-pages-new/generative-ai-development-company/transform-bg.webp'); */
        min-height: 512px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        display: flex;
        align-items: center;
        padding: 30px;
    }
}

.generative_ai_dev_transform .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.generative_ai_dev_transform .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    padding-top: 10px;
}

@media(min-width: 991px) {
    .generative_ai_approaches .approach_img1 {
        min-height: 245px;
    }
    .generative_ai_approaches .approach_img3 {
        min-height: 250px;
    }
    .generative_ai_approaches .approach_img4 {
        min-height: 310px;
    }
    .generative_ai_approaches .approach_img6 {
        min-height: 285px;
    }
}

@media(max-width: 991px) {
    .generative_ai_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
        min-height: 700px;
    }
    .generative_ai_dev_banner .banner_sec {
        margin-top: 10%;
    }
    .generative_ai_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    .generative_ai_dev_banner .banner_btn {
        width: 170px;
    }
    .generative_ai_dev_sec,
    .generative_ai_dev_whyMetaBlock {
        text-align: center;
        padding: 50px 0px;
    }
    .generative_ai_dev_sec .metaverse_ecosystem_about_btn_sec {
        justify-content: center;
    }
    .generative_ai_dev_sec .metaverse_ecosystem_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    .generative_ai_dev_sec .metaverse_ecosystem_about_btn.desktop {
        display: none;
    }
    .generative_ai_dev_techstack .img_sec {
        text-align: center;
        margin-bottom: 30px;
    }
    .generative_ai_dev_techstack .round_gif {
        left: 14%;
    }
    .generative_ai_dev_techstack .gen_ai_btn,
    .generative_ai_dev_whyMetaBlock .gen_ai_btn {
        width: auto;
        width: initial;
    }
    .generative_ai_dev_techstack .gen_ai_btn span {
        padding: 10px 25px;
    }
    .generative_ai_dev_benefits {
        padding: 30px 0px;
    }
    .generative_ai_dev_transform {
        padding: 20px 0px;
    }
}

@media(max-width: 767px) {
    .generative_ai_dev_banner {
        display: flex;
        align-items: center;
        min-height: 600px;
    }
    .generative_ai_dev_banner .bnr_bld_title {
        font-size: 35px !important;
    }
    .generative_ai_dev_banner .title {
        font-size: 30px !important;
        line-height: 1.4;
    }
    .generative_ai_dev_banner .bnr_clr_title {
        font-size: 85px !important;
    }
    .generative_ai_dev_sec .title,
    .generative_ai_dev_services .title,
    .generative_ai_dev_techstack .title,
    .generative_ai_dev_benefits .title,
    .generative_ai_approaches .title,
    .generative_ai_dev_whyMetaBlock .title {
        font-size: 28px !important;
        line-height: 1.4 !important;
    }
    .generative_ai_dev_transform .title {
        font-size: 23px !important;
        lighting-color: 1.4 !important;
    }
    .generative_ai_dev_techstack .title,
    .generative_ai_dev_benefits .title {
        text-align: center;
    }
    .generative_ai_dev_sec .metaverse_ecosystem_about_btn,
    .generative_ai_dev_sec .metaverse_ecosystem_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    .generative_ai_dev_techstack .sub_title {
        font-size: 25px;
    }
    .generative_ai_dev_techstack .round_gif {
        left: 2%;
    }
    .generative_ai_dev_techstack .slick-prev:before,
    .generative_ai_dev_techstack .slick-next:before {
        /* background: url('./asset/inner-pages-new/generative-ai-development-company/arrow-mbl.svg'); */
        position: absolute;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        outline: none;
        content: '';
    }
    .generative_ai_approaches .title {
        margin-bottom: 25px;
    }
    .generative_ai_dev_whyMetaBlock .contents {
        padding: 0px 15px;
    }
}

@media(max-width: 688px) {
    .generative_ai_approaches .approach_box {
        max-width: none;
        max-width: initial;
    }
}

@media(max-width: 476px) {
    .generative_ai_dev_techstack .round_gif {
        left: 0%;
    }
    .generative_ai_dev_techstack .slick-prev {
        left: 70%;
    }
    .generative_ai_dev_techstack .slick-next {
        right: 10%;
    }
    .generative_ai_dev_techstack .sub_title {
        margin-top: 40px;
    }
    .generative_ai_dev_techstack .usecase_box {
        margin-top: 12px;
    }
}

.HddrBg {
    box-shadow: 2px 2px 5px 1px #9c9a9a93;
}

.website-list span.nav-link:hover {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    /* text-fill-color: transparent !important; */
    -webkit-text-fill-color: transparent !important;
    transition: 0.6s !important;
}

.contact-list a.nav-link:hover {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    /* text-fill-color: transparent !important; */
    -webkit-text-fill-color: transparent !important;
    transition: 0.6s !important;
}

@media (max-width: 1400px) {
    .bnrVideoTop {
        margin-top: 50px;
    }
}

.Responsive-icon {
    display: none !important;
}

@media all and (max-width:992px) {
    .Responsive-icon {
        display: block !important;
    }
}

.Main-section #homebanner .banner_btn_sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Main-section #homebanner .BnrCnt .title {
    margin-bottom: 20px;
    color: #ffffffb8;
    line-height: 1.2;
}

.Main-section #homebanner .BnrCnt .cus_title {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.Main-section #homebanner .vdoCntLst {
    margin-top: 10px;
}

.Main-section .BnnerCntSec .cus_title {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.Main-section .BnnerCntSec .cus_title_we {
    font-weight: 200;
}

@media (max-width: 767px) {
    .Main-section #homebanner .BnrCnt .title {
        line-height: 1.4;
    }
    .Main-section #homebanner .BnrCnt .cus_title {
        font-size: 38px;
    }
    .Main-section #homebanner .banner_btn_sec {
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .Main-section .BnnerCntSec .cus_title {
        font-size: 25px;
    }
    .Main-section .BnnerCntSec .BnrCnt h1 {
        line-height: 1.5;
        font-size: 25px;
    }
    .Main-section .why_metablock_blockchain_sec {
        padding-top: 0px !important;
        text-align: center;
    }
    .Main-section .why_metablock_blockchain_sec .HddrBtns {
        display: flex;
        justify-content: center;
    }
    .Main-section .blockchain_solution_sec .blck_sol_box,
    .Main-section .blockchain_solution_sec .blck_sol_box1 {
        min-height: 0px !important;
    }
    .Main-section .blockchain_solution_sec .sub_title {
        margin-top: 20px !important;
    }
    .Main-section .blockchain_solution_sec .BnrCnt h2 {
        text-align: center;
    }
    .Main-section .blockchain_solution_sec .img_sec {
        margin-top: -10% !important;
    }
    .Main-section .blockchain_dev_sec .blockchain_dev_btnsec .BtnPrimry {
        margin: 0 auto;
    }
    .Main-section .blockchain_dev_sec .mnyExpoScImg img {
        margin-top: 30px;
    }
}

.Main-section .why_metablock_blockchain_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .Main-section .why_metablock_blockchain_sec .why_metablock_blockchain_card {
        background-repeat: no-repeat;
        padding: 50px;
        min-height: 562px;
    }
}

.Main-section .why_metablock_blockchain_sec .contents {
    font-size: 16px !important;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

@media (min-width: 991px) {
    .Main-section .blockchain_solution_sec {
        padding: 50px 0px;
        background-repeat: no-repeat;
        min-height: 1289px;
    }
}

.Main-section .blockchain_solution_sec .blck_sol_box {
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 60px;
    min-height: 350px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .blck_sol_box1 {
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 80px;
    min-height: 354px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .sub_title {
    color: #e64dff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: 15px;
}

.Main-section .blockchain_solution_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.Main-section .blockchain_solution_sec .img_sec {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20%;
}

.Main-section .blockchain_solution_sec .img_sec:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(125deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 42%;
    left: 50%;
    z-index: -1;
    position: absolute;
    content: "";
    animation: rotatebg 2s infinite alternate-reverse;
}

.Main-section .blockchain_solution_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_dev_sec {
    overflow: visible;
    overflow: initial;
    padding-top: 0px;
}

.Main-section .blockchain_dev_sec p {
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}

@keyframes rotatebg {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0);
    }
}

.OurBlgBg .OurSrvcHdd .blog_title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MtaverseSec .title,
.Main-section .metaSlnSc .title,
.Main-section .OurPrjctBg .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .metablock_testimonial_sec {
    padding: 50px 0px;
}

.Main-section .metablock_testimonial_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .metablock_testimonial_sec .title .cus_title {
    color: #828282;
}

.Main-section .metablock_testimonial_sec .testimonials {
    margin-top: 30px;
}

.Main-section .metablock_testimonial_sec .item {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.Main-section .metablock_testimonial_sec .item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("https://www.metablocktechnologies.com/asset/home-page-new/images/blueQuotes.webp") center/52px no-repeat;
}

.Main-section .metablock_testimonial_sec .item .testMoLst {
    margin-left: 15px;
}

.Main-section .metablock_testimonial_sec .item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.Main-section .metablock_testimonial_sec .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.Main-section .metablock_testimonial_sec .sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.Main-section .metablock_testimonial_sec .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.Main-section .metablock_testimonial_sec .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-prev {
    left: 0%;
    z-index: 1;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-prev:before {
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-next {
    right: 1%;
    z-index: 1;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

@media (max-width: 991px) {
    .Main-section .metablock_testimonial_sec .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .Main-section .metablock_testimonial_sec .title {
        font-size: 25px;
        text-align: center;
    }
}

@media (max-width: 467px) {
    .Main-section .metablock_testimonial_sec .item {
        display: inline;
        display: initial;
        padding: 30px;
    }
    .Main-section .metablock_testimonial_sec .item .testMoLst {
        margin-left: 0px;
        margin-top: 10px;
    }
    .Main-section .metablock_testimonial_sec .item .testMoImgBg {
        display: inline;
        display: initial;
    }
    .Main-section .metablock_testimonial_sec .item .testMoImgBg .head_sec {
        margin-bottom: 10px;
    }
}

@media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item {
        position: relative;
    }
    .Main-section .scroll-reveal-section .item:after {
        content: "";
        display: block;
        height: 120vh;
        margin-bottom: -120vh;
    }
    .Main-section .scroll-reveal-section .item:last-of-type {
        margin-bottom: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent 50px), linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
    .Main-section .scroll-reveal-section .item:last-of-type:after {
        display: none;
    }
    .Main-section .scroll-reveal-section .item .image-holder {
        position: -webkit-sticky;
        position: sticky;
        top: 5%;
    }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
}

/*Scroll Service Style End*/

/*Mobile Service Style Start*/

.Main-section .service_mbl_sec {
    padding: 50px 0px;
}

.Main-section .service_mbl_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .service_mbl_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .service_mbl_sec .service_tabcont .tab-pane {
    border: 1px solid #ffffff42;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd .h3_title {
    font-size: 25px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt {
    padding-left: 20px;
    margin-bottom: 20px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt:after {
    left: 0px;
    top: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtaverseSec {
    padding: 0px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd {
    margin-top: 0 !important;
}

.Main-section .service_mbl_sec ul.nav-tabs {
    border-bottom: none;
    margin-top: 20px;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link {
    color: #fff !important;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link.active {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
}

.Main-section .blockchain_process_sec {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

.Main-section .blockchain_process_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.3;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .blockchain_process_sec .cusclr_title {
    color: #828282;
}

.Main-section .blockchain_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

.Main-section .blockchain_process_sec .pros_head_Sec {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
}

.Main-section .blockchain_process_sec .process_list {
    padding: 10px;
}

.Main-section .blockchain_process_sec .sub_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 10px;
}

.Main-section .blockchain_process_sec .sub_contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    padding-top: 10px;
}

.Main-section .blockchain_process_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_process_sec .process_list .img_sec {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .Main-section .blockchain_process_sec .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .Main-section .blockchain_process_sec .process_list {
        padding: 10px 0px;
    }
    .Main-section .blockchain_process_sec {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 500px;
        margin: 0px 10px;
        background: #101010;
        border: 1px solid #ffffff17;
        border-radius: 5px;
    }
    .Main-section .blockchain_process_sec .pros_head_Sec {
        top: 0%;
    }
    .Main-section .blockchain_process_sec {
        scrollbar-width: thin;
        scrollbar-color: #00f0ff transparent;
        overflow-y: auto;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        border-radius: 3px;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
        border-radius: 3px;
        background: transparent;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
        height: 4px;
    }
    @-moz-document url-prefix() {
        .Main-section .blockchain_process_sec {
            scrollbar-width: thin;
            scrollbar-color: #00f0ff transparent;
            overflow-y: auto;
        }
        .Main-section .blockchain_process_sec::scrollbar {
            width: 5px;
            height: 4px;
            border-radius: 3px;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
            border-radius: 3px;
            background: transparent;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
            height: 4px;
        }
    }
}

*/ .custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    color: white;
    opacity: 0;
    margin: 0;
    padding: 10px 10px !important;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px !important;
    text-align: left;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple;
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px;
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 0.2em rgb(165 115 201 / 10%);
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%);
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%);
    }
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10px 15px;
    line-height: 26px;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
        color: white !important;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media (min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media (max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media (max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10px 15px;
        line-height: 23px;
        text-decoration: none;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media (max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media (max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.5rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

body {
    font-family: "Readex Pro", sans-serif;
}

section {
    overflow: hidden;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.BtnPrimry {
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 113.4%;
    color: #FFFFFF;
    min-width: 124px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Urbanist", sans-serif;
    z-index: 1;
    min-height: 44px;
    border: none;
    line-height: 42px;
    perspective: 230px;
}

.BtnPrimry.BtnTrnsp {
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.BtnPrimry.Btn175-44 {
    min-width: 175px;
}

.BtnPrimry span {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
}

.BtnPrimry span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry:hover span:nth-child(1) {
    color: #FFFFFF;
    transform: rotateX(0deg);
}

.BtnPrimry:hover span:nth-child(2) {
    color: transparent;
    transform: rotateX(-90deg);
}

.TlkBtn {
    width: 192px;
}

.TlkBtn img {
    width: 20px;
    height: 20px;
}

.BtnTrnsp span {
    background: transparent;
}

.BtnTrnsp span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 100% 100% -25px;
}

@media (min-width: 1200px) {
    .container-1170 {
        max-width: 1170px;
    }
}

.pgLoad {
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
}

.HddrBg {
    background: #090909;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999999;
}

.HddrBg .navbar {
    padding: 0.25rem 1rem;
}

.HddrBg .navbar .socialIcns .icons_li {
    width: 35px;
    height: 35px;
    display: grid !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    text-decoration: none;
}

.HddrBg .navbar .socialIcns .icons_li:hover {
    -webkit-text-fill-color: unset;
}

.HddrBg .navbar .socialIcns .icons_li::before,
.HddrBg .navbar .socialIcns .icons_li::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
}

.HddrBg .navbar .socialIcns .icons_li i {
    font-size: 20px !important;
    font-weight: 500;
    color: #fff;
    margin-left: 0;
}

.HddrBg .navbar .socialIcns .icons_li.whatsapp {
    background: #34af23 !important;
}

.HddrBg .navbar .socialIcns .icons_li.telegram {
    background: #08c !important;
}

.HddrBg .navbar .socialIcns .icons_li.skype {
    background: #4ea9f4;
}

.MnuPaddTop {
    padding-top: 62px;
}

.line {
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
    transition: 500ms ease-out;
}

.line_1 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 500ms ease-out;
}

.ui .active .line_1 {
    stroke-dashoffset: 26;
}

.line_2 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 800ms ease-out;
}

.ui .active .line_2 {
    stroke-dashoffset: 25;
}

.line_3 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 1100ms ease-out;
}

.ui .active .line_3 {
    stroke-dashoffset: 26;
}

.ui {
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    display: none;
}

@media (max-width: 991px) {
    .ui {
        display: block;
    }
}

.HddrLnks li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.HddrLnks li a:hover {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media (min-width: 992px) and (max-width: 1300px) {
    .HddrLnks li a {
        margin-right: 5px;
        font-size: 13px;
    }
}

/* .website-list span.nav-link::after{
  content: "" !important;
  position: absolute !important;
  width: 0% !important;
  height: 1px !important;
  bottom: 10px !important;
  margin-top: -0.5px !important;
  background: #3C5BFF !important;
}

.website-list span.nav-link:hover::before {
  background: #3C5BFF !important;
  width: 100% !important;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
} */

.HddrLnks li a::before,
.HddrLnks li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 10px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.HddrLnks li a::before {
    left: 0;
}

.HddrLnks li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.BnrCnt h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0;
}

@media (max-width: 1300px) {
    .BnrCnt h1 {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .MnuPaddTop #homebanner,
    .MnuPaddTop .BnnerCntSec,
    .MnuPaddTop .mnyExpoSc,
    .MnuPaddTop .metaSlnSc,
    .MnuPaddTop .MtaverseSec h2,
    .MnuPaddTop .MtaverseSec h4 {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec {
        padding: 20px 0px;
        background-position: 65%;
        position: relative;
        z-index: 1;
    }
    .MnuPaddTop .MtaverseSec .metaverse_img {
        display: block;
    }
    .MnuPaddTop .MtaverseSec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060600;
    }
    .MnuPaddTop #homebanner .BnrCnt p {
        text-align: center;
    }
    .MnuPaddTop #homebanner .BtnPrimry {
        display: inline-table;
    }
    .mnyExpoSc .mnySub:after {
        display: none;
    }
    .MnuPaddTop .BnrCnt {
        margin-top: 50px;
    }
    .MnuPaddTop .BnnerCntSec .BtnPrimry.Btn175-44,
    .MnuPaddTop .BnnerCntSec .TlkBtn {
        min-width: 140px !important;
        width: 140px !important;
    }
    .MnuPaddTop .TlkBtn {
        width: 165px !important;
    }
    .MnuPaddTop .BnnerCntSec .GetBtnSec {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .BtnPrimry {
        font-size: 14px;
    }
    .MnuPaddTop .metaSlnSc .metaSlnScRelat ul {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd,
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurservHdd h2,
    .MnuPaddTop .MtaverseSec .OurSrvcHdd h6,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .BnrCnt p {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .nav,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .nav {
        display: -webkit-inline-box !important;
    }
    .MnuPaddTop .MtavCntHdd h4 {
        font-size: 25px !important;
    }
}

.MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd {
    text-align: right;
}

.BnrCnt h2 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.BnrCnt h2 .Fw-200 {
    font-weight: 200;
}

@media (max-width: 1300px) {
    .BnrCnt h2 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media (max-width: 991px) {
    .BnrCnt h2 {
        font-size: 40px;
        line-height: 46px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .BnrCnt h2.text {
        height: 40px;
    }
}

.BnrCnt p {
    font-size: 16px;
    line-height: 1.9;
}

span.TxtGrdnt {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-size: 200% auto;
    position: relative;
}

span.TxtGrdnt::after {
    content: attr(data-shine) " ";
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200%;
    animation: shine 10s infinite;
}

@keyframes shine {
    0% {
        background-position: -100%;
    }
    100% {
        background-position: 100%;
    }
}

.BnrCountSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.BnrCount h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    min-width: 110px;
}

@media (max-width: 767px) {
    .BnrCount h4 {
        font-size: 28px;
        line-height: 34px;
    }
}

.BnrCount p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #BABABA;
}

.BnrTxtFlwr {
    position: relative;
}

.BnrTxtFlwr::after {
    content: "";
    position: absolute;
    top: -40px;
    right: 20px;
    /* background: url(../images/bnr-flwr.svg) no-repeat right; */
    width: 50px;
    height: 50px;
}

.BnnerCntSec {
    padding: 38px 0 25px;
}

.VideoWrper {
    position: relative;
}

.VideoWrper.VidoFltr::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #DF48FF 0%, #2D4FFF 100%);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
}

.VideoWrper video {
    width: 100%;
    height: calc(100vh - 91px);
    object-fit: cover;
}

/*@media (max-width: 991px) {
      .VideoWrper video {
        height: 390px;
      }
    }*/

@media(max-width: 767px) {
    .desktop {
        display: none !important;
    }
    .VidoCntMn {
        margin-top: 50px !important
    }
    .vdoCntLstCount {
        font-size: 30px !important;
    }
}

.VidoCnt {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 2;
    width: 100%;
    padding: 0 30px 0 0;
}

@media (max-width: 767px) {
    .VidoCnt {
        left: 10px;
    }
}

.GrdentBg {
    background: linear-gradient(129deg, #060606 0%, rgba(103, 58, 183, 0) 89%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.GetBtnSec {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.OurSrvcHdd h6 {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.OurservHdd .Txt8282 {
    color: #828282;
}

.MtavCnt {
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}

.MtavCnt:after {
    content: "";
    position: absolute;
    top: 7px;
    left: -25px;
    /* background: url('../images/content-star-icon.svg'); */
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .MtavCnt {
        margin-bottom: 0;
    }
}

.MtavCnt li {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 20px;
}

.MtavCnt:hover li span img {
    animation: pulsate-fwd 0.5s ease-in-out infinite alternate-reverse both;
}

@keyframes pulsate-fwd {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

.MtavCntHdd h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.MtavCntHdd .h3_title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.OurBlgBg .BlgHdd .cat_title {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}

.Main-section .h5_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.MtaverseSec {
    background: url(../../static/media/metaverse-bg-new.2266a4dcd625f1063d36.webp) no-repeat top;
    background-size: 100% 100%;
    position: relative;
    min-height: 800px;
    padding: 40px 0;
}

.Main-section .OurPrjctBg .port_sub_title {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .MtaverseSec {
        padding: 0;
    }
}

.MtaverseSec:hover .MtrvrRtImg img {
    animation: blink-2 0.8s linear infinite both;
}

html {
    scroll-behavior: smooth;
}

.MxBlndLight {
    mix-blend-mode: lighten;
}

.MtrvrRtImg {
    position: absolute;
    right: -5%;
    top: 11.5rem;
}

.MtrvrRtImg_cus_img {
    position: absolute;
    right: -12%;
    top: 0%;
}

.CmmnSdHdd .text-line {
    stroke-dasharray: 290;
    stroke-dashoffset: 290;
    animation: dash 4s linear infinite both alternate-reverse;
    color: transparent;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0.3em;
    opacity: 0.5;
    font-family: "Urbanist", sans-serif;
    fill: transparent;
    stroke: #E442FF;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@media(min-width: 991px) {
    .Main-section .blockchain_service_sec {
        /* background: url(../images/blockchain-bg.webp) no-repeat bottom right; */
        min-height: 700px;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: -5%;
    }
    .Main-section .blockchain_service_sec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060682;
    }
    .Main-section .blockchain_service_sec .blockchain_imgsec {
        position: absolute;
        top: 18%;
        left: 0%;
    }
}

.NftMainSec {
    /* background: url(../images/nft-main-bg-new.webp?v1) no-repeat bottom right; */
    min-height: 800px;
    position: relative;
}

@media(min-width: 991px) {
    .NftMainSec:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #0506077d;
    }
}

.NftRtImg {
    left: 0%;
    top: 0;
}

.dapp_bg .NftRtImg {
    left: -5%;
    top: 0;
}

.DefiMainBg {
    /* background: url(../images/defi-main-bg-new.webp) no-repeat bottom right; */
    min-height: 750px;
    position: relative;
}

@media(min-width: 991px) {
    .DefiMainBg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #050607c9;
    }
}

.DefiMainBg .CmmnSdHdd .text-line {
    letter-spacing: normal;
}

.DefiMainBg .MtrvrRtImg {
    top: 0;
}

.LtrSpcNorml.CmmnSdHdd .text-line {
    letter-spacing: normal;
}

@media(min-width: 992px) {
    .DapsMainBg {
        background: transparent;
        min-height: 570px;
    }
    .dapp_bg {
        /* background-image: url('../images/dapp-bg.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }
    .dapp_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: black !important;
    }
    .crypto_bg {
        /* background-image: url('../images/crypto-bg-new.webp') !important; */
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top left !important;
        position: relative;
    }
    .crypto_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: black !important;
    }
    .exchg_bg {
        /* background-image: url('../images/exchange-bg-new.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }
    .exchg_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606b3;
    }
    .ExchngeSec .CmmnSdCnt {
        margin-left: 20%;
    }
}

@media(min-width: 991px) {
    .CryptoMainBg {
        background: transparent;
        min-height: 721px;
    }
}

.CryptoMainBg .CmmnSdHdd .text-line {
    letter-spacing: 0.2rem;
}

.CryptoMainBg .MtrvrRtImg {
    position: static;
    position: initial;
}

.TechStkIconBox {
    background: #101010;
    display: inline-block;
    min-height: 106px;
    min-width: 106px;
    padding: 18px 0 10px;
}

.TechStkIconBox .TechStkIcnCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}

.TechStkIconSec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.TechStkIcon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.TchStkCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.TchStkCnt h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    font-family: "Urbanist", sans-serif;
}

.VrtclTbb.nav-pills .nav-link {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #828282;
    text-align: end;
    padding-right: 0;
    position: relative;
    transition: 0.9s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover {
    padding-right: 25px;
    transition: 0.5s all ease-in-out;
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.VrtclTbb.nav-pills .nav-link::after {
    content: "";
    width: 0;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link.active {
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-right: 25px;
}

.VrtclTbb.nav-pills .nav-link.active::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.TechStkIconBox {
    position: relative;
    overflow: hidden;
}

.TechStkIconBox::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
}

.TechStkIconSec .col:nth-child(odd) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
}

.TechStkIconSec .col:nth-child(even) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
    animation-delay: 4s;
}

@keyframes shine1 {
    0% {
        left: -50%;
        opacity: 0;
    }
    50% {
        left: 25%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

.OurClintSldr .slide-content {
    margin-bottom: 15px;
}

.ClintSldr2 {
    margin-top: -60px;
}

.SldrBoxSadw {
    position: relative;
    padding-top: 61px;
}

.SldrBoxSadw::after {
    content: "";
    background: linear-gradient(179.95deg, #060606 -5.25%, rgba(6, 6, 6, 0.3) 17.46%, rgba(6, 6, 6, 0) 39.77%, rgba(6, 6, 6, 0.46) 77.57%, #060606 99.96%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ViwallLnk {
    display: inline-flex;
    justify-content: end;
    flex-flow: column;
    overflow: hidden;
    position: relative;
    top: -20px;
}

.VwAllLnkHov {
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.VwAllLnkHov1 {
    transform: translateX(-85px) translateY(29px);
    display: inline-block;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.VwAllLnkHov2 {
    transform: translateX(0%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov1 {
    transform: translateX(0px) translateY(29px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov2 {
    transform: translateX(100%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:after {
    content: "";
    width: 0;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    height: 1px;
    bottom: 0;
    left: 0;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ViwallLnk:hover:after {
    content: "";
    width: 100%;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ColWdth {
    flex: 0 0 15%;
    max-width: 15%;
    transition: 2s cubic-bezier(0.3, 0, 0, 1.3);
    margin: 0 10px;
}

.ColWdth .BlgCntImg {
    border-radius: 6px;
}

.ColWdth .BlgCntImg img {
    width: 100%;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active {
    flex: 0 0 31%;
    max-width: 31%;
    transition: 1s all ease-in-out;
}

.ColWdth.active .BlgCntImg img {
    width: 100%;
    border-radius: 6px;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active .BlgCntSec {
    display: inline-block;
    transform: translateX(0%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2s;
}

.ColWdth.active .BlgHdd {
    display: none;
}

@media (max-width: 1200px) {
    .ColWdth {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.BlgCntSec h4,
.BlgHdd h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.BlgHdd {
    position: absolute;
    bottom: 40px;
    left: 20px;
}

.BlgCntSec {
    display: none;
    transform: translateX(-100%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.BlgCntSec p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.BlgCntBg {
    position: relative;
    overflow: hidden;
}

.BlgCntSec {
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
    min-width: 365px;
    z-index: 1;
}

.NftSvgTxt .text-line {
    font-size: 41px;
}

@media (max-width: 767px) {
    .DefiMainBg,
    .MtaverseSec,
    .footer_details_form_new .footer_form_main {
        background: none !important;
    }
    .CmmnSdHdd .text-line {
        font-size: 25px;
    }
}

@media (max-width: 580px) {
    .CmmnSdHdd .text-line {
        font-size: 18px;
        height: 30px;
    }
}

.ColWdth.active .BlgCntBg::after {
    content: "";
    background: rgb(0 0 0 / 76%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.BlgCntBg:after {
    content: "";
    background: rgb(0 0 0 / 66%);
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 0;
}

.BlgHdd h4 {
    z-index: 1;
    position: relative;
}

.PrjctDtlsItm {
    background: linear-gradient(167.3deg, #EC1146 9.19%, #6E3CFF 141.84%);
    border-radius: 50px;
    padding: 20px 45px 15px;
    margin-bottom: 15px;
}

.RltdPrjHddSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.PrjctDtlCnt h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    font-family: "Urbanist", sans-serif;
}

.PrjctDtlCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.PrjctBtn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
}

.game_PrjctBtn .PrjctBtn_new {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PrjctBtn:hover {
    background: #FFFFFF;
    border: 1px solid #FFF;
    transition: 0.3s all ease-in-out;
    color: #101010;
}

.Btn211-42 {
    min-width: 211px;
    min-height: 42px;
}

.PrjctsBtnSec {
    display: flex;
    flex-wrap: wrap;
}

.OurPrjcts .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-prev {
    left: auto;
    top: -55px;
    right: 6rem;
}

.OurPrjcts .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 18px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-next {
    top: -55px;
    right: 2rem;
}

.OurPrjcts .slick-slide img {
    display: inline-block;
}

.PrjctExmpls {
    padding: 0 15px 0 15px;
}

.PrjctExmpls .slick-prev {
    left: -15px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999;
}

.PrjctExmpls .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.PrjctExmpls .slick-next {
    top: 40%;
    transform: translateY(-50%);
    right: 6px;
}

.PrjctExmpls .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.VlublClintsBg {
    min-height: 420px;
    padding-bottom: 55px;
}

.TechStk {
    padding-bottom: 85px;
}

.PrjctExmplsImg {
    margin: 0 7px;
    text-align: center;
}

.OurBlgBg {
    padding-bottom: 90px;
}

.OurPrjctBg {
    padding-bottom: 100px;
}

@media (max-width: 1200px) {
    .ColWdth .BlgCntImg img {
        height: 175px;
        margin-bottom: 30px;
    }
    .ColWdth.active {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .FtrPhnIcon {
        margin-bottom: 30px;
    }
    .BlgCntSec {
        min-width: 100%;
    }
    .ColWdth {
        margin: 0;
        padding: 0 15px;
    }
    .PrjctDtlsItm {
        padding: 20px 20px;
    }
}

.OurPrjctHddSec {
    padding-bottom: 55px;
}

@media (max-width: 991px) {
    .OurPrjctHddSec {
        padding-bottom: 0px;
    }
}

.FtrTopSec {
    background: #181818;
    padding: 35px 0 20px;
}

.LogoSpprtSec {
    display: flex;
}

.LogoSpprtSec li {
    margin-right: 30px;
}

.FtrTopCntHdd h4 {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.FtrTopCnt li {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.FtrPhnIcon a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.FttrLnkHdd {
    margin-bottom: 20px;
}

.FttrLnkHdd .ft_menutitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

.FtrLnkCnt li {
    margin-bottom: 10px;
}

.FtrLnkCnt li a {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.FtrLnkCnt li a:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine2 3s infinite both;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a i {
    color: #fff;
    font-size: 16px;
    line-height: inherit;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 15px;
    word-break: break-all;
}

.FtrMltplLnks .FtrLnkSec .FttrLnkHdd .title_hrline {
    border: 1px solid #ae3cd4;
    width: 30%;
    margin: 10px 0;
}

@keyframes shine2 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.FtrLnkCnt p {
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    color: #FFFFFF;
}

.SclIconSec {
    display: inline-flex;
}

.SclIconSec li {
    margin-right: 8px;
}

/*.FtrBrdBtm {
      border-bottom: 1px solid rgba(255, 255, 255, 0.27);
    }*/

.CpyRtSec {
    padding: 20px 0;
}

.CpyRtSec p {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
}

.FtrMltplLnks {
    padding: 40px 0 1px;
}

.ExchngeSec {
    padding-bottom: 50px;
}

.SclIconSec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.SclIconSec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

.SclIconSec li {
    transition: 0.3s all ease-in-out;
}

.FtrTopCnt {
    min-height: 75px;
    margin-bottom: 10px;
}

.MailCnt {
    display: flex;
    flex-wrap: wrap;
}

.MailCnt li {
    margin-right: 25px;
}

.MailCnt li a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.MailCnt li a:hover {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

.MailCnt li a::before,
.MailCnt li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 1px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.MailCnt li a::before {
    left: 0;
}

.MailCnt li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.FttrMailBox {
    background: #0C0C0C;
    padding: 10px 22px 10px;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.MailIcon {
    padding: 0 12px 0 0;
    margin-right: 15px;
}

.MailBrdRt {
    border-right: 1px solid rgba(255, 255, 255, 0.37);
}

.FtrFrm #footer_subscripe .form-group {
    position: relative;
}

.FtrFrm .form-control {
    background: #262626;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    min-height: 44px;
    border: medium none currentColor;
    border: initial;
    box-shadow: none;
    box-shadow: initial;
    min-width: 271px;
}

.FtrFrm #footer_subscripe label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 4px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 13px;
    font-weight: 400;
    z-index: 1;
}

.FtrFrm #footer_subscripe label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 1119px) {
    .FtrFrm .form-control {
        min-width: 200px;
    }
}

.SendBtn {
    background: #1B1B1B;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    border: medium none currentColor;
    border: initial;
    min-height: 44px;
    min-width: 81px;
    transition: 0.5s all ease-in-out;
}

.SendBtn:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    transition: 0.5s all ease-in-out;
}

@media (max-width: 768px) {
    .MtavCnt li {
        line-height: 20px;
    }
    .MtaverseSec {
        background-size: cover;
    }
    .PrjctsBtnSec {
        justify-content: center !important;
    }
    .PrjctDtlsItm {
        text-align: center !important;
    }
}

@media (max-width: 1199px) {
    .MtrvrRtImg {
        display: none;
    }
    .DefiMainBg,
    .DapsMainBg,
    .CryptoMainBg,
    .MtaverseSec {
        min-height: auto;
    }
    .ExchngeSec,
    .OurBlgB,
    .OurPrjctBg,
    .TechStk,
    .OurBlgBg {
        padding-bottom: 20px;
    }
    .MtavCnt {
        margin-bottom: 30px;
    }
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .MtrvrRtImg img {
        transform: scale(0.7);
        margin-left: 24rem !important;
    }
    .NftRtImg {
        right: auto;
        margin-left: -31rem;
    }
    .CryptoMainBg .MtrvrRtImg img {
        margin-left: 0;
    }
}

#BnrHdAnim {
    position: absolute;
    margin: auto;
    width: 100vw;
    height: 115pt;
    top: 0;
    bottom: 0;
    filter: url(#threshold) blur(0.5px);
}

@media (max-width: 767px) {
    #BnrHdAnim {
        height: auto;
        top: 7rem;
    }
}

#text1,
#text2 {
    position: absolute;
    width: 100%;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
}

@media (max-width: 767px) {
    #text1,
    #text2 {
        font-size: 32px;
        line-height: 36px;
    }
}

.PrjctTb.nav-pills .nav-link {
    text-align: start;
    padding-right: 1rem;
    padding-left: 0px;
    outline: none;
}

.PrjctTb.nav-pills .nav-link:hover {
    padding-right: 1rem;
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link::after {
    right: auto;
    left: 0;
}

.PrjctTb.nav-pills .nav-link.active,
.PrjctTb.nav-pills .nav-link:hover {
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link.active::after,
.PrjctTb.nav-pills .nav-link:hover::after {
    right: auto;
    left: 0;
}

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

.BnrCnt {
    margin-top: 50px;
}

.text {
    height: 65px;
}

.typed-cursor,
.typed-cursor--blink {
    display: none;
}

.menu_foot_sec ul {
    padding-left: 0px;
    display: flex;
}

.menu_foot_sec ul li a {
    color: #fff;
}

.menu_foot_sec ul li:hover a {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media(min-width: 992px) {
    .bnrVideoTop {
        margin-top: 100px;
    }
}

.mnyExpoSc {
    padding: 60px 0px;
}

.mnyExpoSc .mnySubTlt {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    leading-trim: both !important;
    text-edge: cap !important;
    color: #FFFFFF !important;
}

.mnyExpoSc .mnySub {
    position: relative;
    z-index: 1;
}

.mnyExpoSc .mnySub:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    width: 170px;
    height: 10px;
    z-index: -1;
}

@media(max-width: 767px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 15px !important;
    }
}

@media(max-width: 372px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 13px !important;
    }
}

.metaSlnSc {
    padding: 60px 0px;
}

.metaSlnTabCnt {
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
}

.metaSlnTabCnt .sml_tlt {
    font-size: 18px !important;
    color: #fff !important;
    margin-bottom: 0px;
}

.metaSlnTabCnt .Bg_tlt {
    font-size: 35px !important;
    color: #fff !important;
}

.metaSlnTabCnt .Cnt {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF
}

.metaSlnSc .nav-pills .nav-link.active,
.metaSlnSc .nav-pills .show>.nav-link {
    background: linear-gradient(81.04deg, #E442FF 5.15%, #3C5BFF 89.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 16px;
}

.metaSlnSc .nav-pills .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 0.8;
}

.metaSlnScRelat {
    margin-top: 100px;
    position: relative;
}

.gameLi {
    position: absolute;
    left: 0px;
    top: 44%;
    z-index: 10;
}

.mallLi {
    position: absolute;
    left: 10px;
    top: 19%;
    z-index: 10;
}

.theatreLi {
    position: absolute;
    left: 63px;
    top: 0%;
    z-index: 10;
}

.casinoLi {
    position: absolute;
    right: 90px;
    top: 19%;
    z-index: 10;
}

.storeLi {
    position: absolute;
    right: 120px;
    top: 0%;
    z-index: 10;
}

.eventLi {
    position: absolute;
    top: -50px;
    left: -95px;
    right: 0px;
    margin: 0 auto;
    display: grid;
}

.theatreLi .nav-link {
    color: #dcd9d9 !important;
}

.eventLi .nav-link {
    color: #999595 !important;
}

.storeLi .nav-link {
    color: #696868 !important;
}

.casinoLi .nav-link {
    color: #5f5f5f !important;
}

.metaSlnScTabBnImg {
    margin-top: -260px;
    text-align: end;
    margin-right: -38px;
    position: relative;
}

.tbSlnLst {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
}

.tbSlnLst .tbSlnLstTlt {
    font-weight: 300;
    font-size: 14px;
    leading-trim: both;
    text-edge: cap;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.tbSlnLstPosi {
    position: absolute;
    bottom: 48px;
    right: 127px;
}

.slnImgIndex {
    z-index: 1;
    position: relative;
}

.metaSlnBtn {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    leading-trim: both;
    text-edge: cap;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0px;
}

.metaSlnScRelati {
    position: relative;
}

@media(max-width: 1199px) {
    .metaSlnTabCnt .Cnt {
        z-index: 1;
        position: relative;
    }
    .gameLi {
        top: 33%;
    }
}

@media(max-width: 991px) {
    .gameLi,
    .mallLi,
    .theatreLi,
    .eventLi,
    .casinoLi,
    .storeLi {
        position: static;
        position: initial;
        margin: 0;
    }
    .metaSlnTabCnt {
        position: static;
        position: initial;
        width: 100%;
    }
    .metaSlnScTabBnImg {
        margin-top: 0px;
        margin-right: 0px;
    }
    .tbSlnLstPosi {
        position: static;
        position: initial;
    }
    .metaSlnBtn {
        margin: 30px auto;
        display: table;
    }
    .metaSlnScRelat {
        margin-top: 20px;
    }
    .slnImgIndex {
        display: none;
    }
}

@media(max-width: 767px) {
    .metaSlnTabCnt .Bg_tlt {
        font-size: 25px !important;
    }
}

@media(max-width: 394px) {
    .logo_header {
        width: 80%;
    }
}

.mnyExpoScImg {
    position: relative;
    z-index: 1;
}

.mnyExpoScImg:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    background: #3C5BFF;
    width: 94.46px;
    height: 230px;
    transform: rotate(-51.35deg);
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.mnyExpoScImg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 70px;
    background: #E442FF;
    width: 94.46px;
    height: 230px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.VidoCntMn {
    background: #00000069;
    margin: 20px;
    padding: 10px;
    border-radius: 20px;
    margin-top: 150px;
}

.vdoCntLst {
    border: 1px solid #1f1e1e;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #0000008a;
}

.vdoCntLstCount {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: 'Urbanist';
}

.vdoCntLstTlt {
    margin-bottom: 0px;
    font-size: 13px;
}

.game-1 {
    /* background-image: url('../images/game-bg.webp?v1'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

@media(max-width: 991px) {
    .game-1 {
        background-color: #a128f9;
        background-image: none !important;
        background-image: initial !important;
    }
    .nft-1 {
        background-color: #fe992e;
        background-image: none !important;
        background-image: initial !important;
    }
    .play-1 img,
    .move-1 img,
    .meta-1 img,
    .blkchain-1 img,
    .defi-1 img,
    .dapp-1 img {
        display: none;
    }
}

.play-1 {
    background: #AE58F1;
}

.move-1 {
    background: #29AEC2;
}

.meta-1 {
    background: #6E3CFF;
}

.blkchain-1 {
    background: #F2654E;
}

.defi-1 {
    background: #FC2A5C;
}

.dapp-1 {
    background: #AE58F1;
}

.nft-1 {
    /* background-image: url('../images/nft-tab-1.webp'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

/* Start Popup Form*/

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 840px;
    margin-top: 100px;
    width: auto;
}

#popup_form_modal.modal .modal-content {
    border-radius: 0;
}

#popup_form_modal.popup-form .modal-content {
    background: rgb(124, 13, 70);
    background: linear-gradient(135deg, rgba(124, 13, 70, 1) 0%, rgba(154, 13, 70, 1) 100%);
    /* background: url('../../modal-bg.png?v2'); */
    background-size: cover;
    background-repeat: no-repeat;
}

#popup_form_modal.popup-form .top_cls {
    color: #d53938 !important;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    position: relative;
    right: -16px;
    top: -11px;
    z-index: 1;
    background: #ffffff;
}

#popup_form_modal .error,
#popup_contact_form .error {
    color: #fff !important;
}

#popup_form_modal .popup-contact-form {
    padding-top: 0px;
    padding-bottom: 0em;
    color: #fff;
    margin-top: 0px;
    position: relative;
}

#popup_form_modal .popup-contact-form h2 {
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
}

#popup_form_modal .popup-contact-form p {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
}

#popup_form_modal .popup-contact-form .modal-disclaim {
    font-size: 14px;
}

.popup-contact-form .mt-3 {
    margin-top: 0rem !important;
}

#popup_form_modal .popup-form p {
    color: #fff;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 23px;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 0em !important;
}

#popup_form_modal .popup-contact-form input,
#popup_form_modal .popup-contact-form textarea {
    width: 100%;
    height: 45px;
    margin-bottom: 13px;
    padding-left: 15px;
    border-radius: 0px;
    border: none;
    /* box-shadow: 0px 1px 5px rgba(0,0,0,0.1); */
    color: #222;
    border-bottom: 1px solid #fff;
}

#popup_form_modal.popup-form input,
#popup_form_modal.popup-form select,
#popup_form_modal.popup-form textarea {
    margin-bottom: 5px;
    background: transparent !important;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    outline: 0;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div,
#request_quote_form .selecpicker_input_group_div,
#contactus_form .selecpicker_input_group_div,
#blog_right_side_form .selecpicker_input_group_div,
#blog_form_comment .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list,
#request_quote_form .selecpicker_input_group_div .select_icon_list,
#contactus_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home #popup_error_msg_home .alert-danger p {
    color: inherit;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list {
    width: 20%;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list {
    width: 30%;
}

@media (max-width: 767px) {
    #request_quote_form .selecpicker_input_group_div .select_icon_list {
        width: 30%;
    }
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list .btn,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn {
    border-radius: 50px;
    padding: 5px 10px;
    background: transparent;
    box-shadow: none;
    outline: none !important;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn {
    height: 45px;
    border: 1px solid #b0c9c9;
    background: #225a5d08;
    outline: none !important;
    box-shadow: none;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    padding: 5px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn i,
#request_quote_form .selecpicker_input_group_div .select_icon_list .btn i,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 25px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 20px;
    font-weight: 600;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #b52152;
    color: #fff;
}

#popup_contact_form .form_control_select {
    color: #fff;
}

#popup_contact_form select.form-control:not([size]):not([multiple]) {
    height: 45px;
}

.fitoutform .form-control {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e3e3;
    border-radius: 0;
    box-shadow: none;
}

.popup-contact-form .btn {
    background-color: #40a58d;
    color: #fff;
    font-size: 19px;
    width: 152px;
    border-radius: 50px;
    background: linear-gradient(180deg, rgba(0, 188, 201, 1) 0%, rgba(0, 131, 143, 1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 4px 19px -2px #033a3e;
}

#popup_contact_form_home ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#popup_contact_form_home :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#popup_contact_form_home ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_contact_form_home select option {
    background-color: rgb(124, 13, 70);
    color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home input:-webkit-autofill:hover,
#popup_contact_form_home input:-webkit-autofill:focus,
#popup_contact_form_home input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    -webkit-text-fill-color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home textarea:-webkit-autofill,
#popup_contact_form_home select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff;
}

#popup_form_modal {
    margin-top: 0px !important;
    top: 6px !important;
    z-index: 9999999999;
}

@media (max-width:767px) {
    #popup_form_modal .popup-contact-form h2 {
        font-size: 30px;
    }
    #popup_form_modal {
        margin-top: 0px !important;
        top: 25px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        max-width: 386px;
        margin-top: 5rem;
        width: auto;
        position: relative;
    }
    #msg {
        width: 100% !important;
    }
}

body {
    margin: 0px;
}

@media(min-width: 767px) {
    .mobile {
        display: none !important;
    }
}

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
}

#popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#popup_form_modal.popup-form {
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
}

/* .MuiBox-root{
display: none !important;
} */

.css-1o5pq7n {
    display: none !important;
}

@media (min-width: 991px) {
    .css-1o5pq7n {
        display: none !important;
        width: 0px !important;
        flex-shrink: 0 !important;
    }
    .fixed_social_icons a.mobile {
        display: none !important;
    }
    #popup_form_modal.popup-form .modal-content .popup_form_left_sec {
        border-radius: 0 !important;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/popup-form.webp);
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 10px 20px;
        position: relative;
    }
}

#popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

#popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .title1 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents1 {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .btm_contents {
    font-size: 14px !important;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

#popup_form_modal.popup-form .head_sec {
    position: absolute;
    bottom: 28%;
    transform: rotate(-90deg);
    left: -15%;
}

#popup_form_modal.popup-form #popup_contact_form_home_new {
    margin-top: 30px !important;
}

#popup_form_modal.popup-form .popup-contact-form {
    padding: 20px 20px;
}

#popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: linear-gradient(93.79deg, #14f4ff -13.43%, #0ba0a2 100.49%) !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.popup-contact-form .btn {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal.popup-form .home_popup_submit {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn {
    position: relative;
    display: flex;
    align-items: center;
    background: #00f7ff;
    padding: 10px 35px;
    line-height: 23px;
    text-decoration: none;
    color: #000;
    border-radius: 12px;
    border: 1px solid #14626b;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #23fff8, inset 0 80px 80px -40px #20f2ff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    margin: 0 auto;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
}

#popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select option {
    color: #000 !important;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
    background: rgba(217, 217, 217, 0.08) !important;
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

#popup_form_modal.popup-form #msg {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    padding-left: 20px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

#popup_form_modal.popup-form input::placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#popup_form_modal.popup-form input::-ms-input-placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#popup_form_modal.popup-form input:-webkit-autofill,
#popup_form_modal.popup-form select:-webkit-autofill,
#popup_form_modal.popup-form textarea:-webkit-autofill,
#popup_form_modal.popup-form input:-webkit-autofill:focus,
#popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

#popup_form_modal.popup-form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_line {
    padding: 10px 22px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec {
    margin-top: 18px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
    display: flex;
}

#popup_form_modal.popup-form .popup-contact-form .social_list {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sub_title {
    padding-left: 7px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sprite_icons {
    width: 32px;
    height: 32px;
    object-fit: none;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #popup_form_modal.popup-form .modal-content {
        background: linear-gradient(186deg, #1e083d -13.43%, #000000 100.49%) !important;
        border: 1px solid #bf47ff61;
    }
    #popup_form_modal.popup-form .modal-dialog .modal-content .modal-body .popup_cus_row {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons a.desktop {
        display: none !important;
    }
    #popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #popup_form_modal.popup-form .popup-contact-form {
        padding: 20px 10px;
        text-align: center;
    }
    #popup_form_modal.popup-form .home_popup_submit {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        border-radius: 4px;
        border: none;
        padding: 8px 30px;
        box-shadow: none;
        box-shadow: initial;
        margin-top: 10px;
        width: auto;
        width: initial;
        transition: 2s;
        animation: glowing 2s ease infinite alternate;
    }
    #popup_form_modal.popup-form .home_popup_submit:hover {
        animation: none 0s ease 0s 1 normal none running;
        animation: initial;
    }
    @keyframes glowing {
        0% {
            /*background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);*/
            transform: scale(1);
        }
        50% {
            /*background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);*/
            transform: scale(0.9);
        }
        100% {
            /*background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);*/
            transform: scale(1);
        }
    }
    #popup_form_modal.popup-form input,
    #popup_form_modal.popup-form .popup_country select,
    #popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
        height: 50px !important;
    }
    #popup_form_modal.popup-form #msg {
        height: 100px;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    #popup_form_modal.popup-form .christ_tit {
        font-size: 55px;
        position: relative;
    }
    #popup_form_modal.popup-form .christ_tit::before {
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/santa-hat.svg);
        position: absolute;
        content: "";
        left: -24%;
        top: -22.6%;
        width: 68px;
        transform: rotate(333deg);
        z-index: 1;
        height: 100px;
        background-repeat: no-repeat;
    }
    #popup_form_modal.popup-form .title1 {
        color: #00f7ff;
    }
}

@media (max-width: 767px) {
    #popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .popup-contact-form .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    #popup_form_modal.popup-form .title1 {
        font-size: 30px;
        /*background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;*/
        color: #00f7ff;
    }
    #popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
        justify-content: center;
    }
    #popup_form_modal.popup-form {
        top: 0px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-top: 3.5rem;
    }
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form {
    position: relative;
    z-index: 10;
    /* background: url(./asset/img/footer-form-bg-new.webp); */
    min-height: 530px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    display: flex;
    align-items: center;
    /*border: 10px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-image-source: linear-gradient(to left, rgba(255, 45, 172, 1), rgba(33, 0, 164, 1), rgba(53, 255, 134, 1), rgba(255, 73, 237, 1), rgba(128, 255, 0, 1), rgba(25, 125, 217, 1), rgba(228, 155, 13, 1), rgba(0, 255, 240, 1), rgba(255, 151, 68, 1));*/
}

.footer_new_form .footer_left_bg {
    text-align: center;
}

.footer_new_form .footer_right_main {
    position: relative;
    background: #ffffff1f;
    padding: 20px;
    border-radius: 15px;
    margin: 50px 0px;
}

.footer_new_form .footer_right_main .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    background: linear-gradient(90deg, #cc46fb 0%, #4dfff4 38.02%, #ffb44a 70.31%, #ff00e5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}

.footer_new_form .footer_right_main .contents {
    text-align: center;
}

.footer_new_form #footer_new_form {
    margin-top: 30px !important;
}

.footer_new_form #footer_new_form #footer_submit {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
    border-radius: 4px;
    border: none;
    padding: 8px 30px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
    transition: 2s;
    animation: glowing 2s ease infinite alternate;
}

.footer_new_form #footer_new_form #footer_submit:hover {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

@keyframes glowing {
    0% {
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        transform: scale(1);
    }
    50% {
        background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);
        transform: scale(0.9);
    }
    100% {
        background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);
        transform: scale(1);
    }
}

.footer_new_form #footer_new_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select option {
    color: #000 !important;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div {
    display: flex;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.footer_new_form #footer_new_form #footer_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.footer_new_form #footer_new_form input::placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

.footer_new_form #footer_new_form input::-ms-input-placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

.footer_new_form #footer_new_form .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.footer_new_form #footer_new_form input:-webkit-autofill,
.footer_new_form #footer_new_form select:-webkit-autofill,
.footer_new_form #footer_new_form textarea:-webkit-autofill,
.footer_new_form #footer_new_form input:-webkit-autofill:focus,
.footer_new_form #footer_new_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #2a2a32 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.footer_new_form #footer_new_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.footer_new_form #footer_new_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.footer_new_form #footer_new_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.footer_new_form #footer_new_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.footer_new_form #footer_new_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    .footer_new_form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
    .footer_new_form {
        border: none;
    }
}

@media (max-width: 767px) {
    .footer_new_form .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .footer_new_form .footer_right_main {
        padding: 20px;
    }
    .footer_new_form .footer_right_main .title {
        font-size: 25px;
    }
    .footer_new_form #footer_new_form #footer_submit {
        margin-top: 10px;
        font-size: 14px;
        padding: 8px 30px;
    }
    .footer_new_form .footer_right_main {
        margin: 0;
    }
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.calendly-inline-widget,
.calendly-inline-widget *,
.calendly-badge-widget,
.calendly-badge-widget *,
.calendly-overlay,
.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em
}

.calendly-inline-widget iframe,
.calendly-badge-widget iframe,
.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%
}

.calendly-popup-content {
    position: relative
}

.calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, .4)
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0;
        max-height: none
    }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%
}

.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
    /* background: url(/assets/external/close-icon.svg) no-repeat; */
    background-size: contain
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup-close {
        top: 15px;
        right: 15px
    }
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, .25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
    color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px
}

.calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1
}

.calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: calendly-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.calendly-spinner .calendly-bounce1 {
    animation-delay: -.32s
}

.calendly-spinner .calendly-bounce2 {
    animation-delay: -.16s
}

@keyframes calendly-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        /* max-width: 100% */
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center !important;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
        /* display: block; */
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.navbarNavAltMarkup-inner {
    display: none;
}

@media (min-width: 1000px) {
    .navbarNavAltMarkup-inner {
        display: block;
    }
}

::-webkit-scrollbar {
    width: 5px;
    background-color: none;
}

::-webkit-scrollbar-thumb {
    background-color: #C3A177;
}

@media (max-width:550px) {
    .sidebar-div {
        display: block;
    }
}

.MuiPaper-root {
    /* display: none; */
}

.sidebar-div {
    margin-top: 80px;
}

@media (max-width:768px) {
    element.style {
        background: black;
        transform: none;
        transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    }
}

.Sidebar-heading {
    /* margin: 0px; */
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: block;
}

/* .container{
  display: flex;
} */

/* Style the scrollbar track */

::-webkit-scrollbar {
    width: 0.5px;
    /* Adjust the width */
}

/* Style the scrollbar thumb (the draggable part) */

::-webkit-scrollbar-thumb {
    background: transparent;
    /* Background color of the thumb */
    border-radius: 5px;
    /* Rounded corners */
}

.css-h4y409-MuiList-root {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

.css-4t3x6l-MuiPaper-root-MuiDrawer-paper {
    background-color: #000 !important;
}

.RelatedPortfolioSlider-main-div-2 {
    width: 100vw !important;
    padding: 50px 20px 30px 20px !important;
    margin: 35px 0px;
    /* gap: 50px; */
    background-color: #000000 !important;
}

.RelatedPortfolioSlider-div-2 {
    width: 91vw;
    margin: auto;
}

.ondemand-head {
    /* gap: 20px; */
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #A47AD8;
    margin-left: 25px !important;
    /* color: #fff !important; */
    padding-bottom: 24px;
}

.RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid {
    border-radius: 7px;
    width: 200px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid:hover {
    transform: scale(1.1);
}

@media(max-width:768px) {
    .RelatedPortfolioSlider-main-div {
        padding: 10px 0px;
        width: 80vw !important;
    }
    .RelatedPortfolioSlider-div {
        margin: auto;
        width: 75vw;
    }
    .RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid {
        border-radius: 7px;
        width: 300px;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    .RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid:hover {
        transform: scale(1.1);
    }
}

.item-1 {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.ondemand__app__box:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 320px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #76bae4ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 18px;
    transition: transform .3s ease-out;
}

.ondemand__app__box:hover:before {
    transform: scaleX(1);
}

.btn__div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
}

.get__demo__a {
    background: #148bfd;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

/* .ondemand__app__box img{
    width: 200px;
} */

.ondemand__app__box .title__div {
    position: relative;
    bottom: 30px;
    text-align: center;
    background: #fff;
    padding: 5px;
    margin: 0 15px;
    border-radius: 3px;
    box-shadow: gray;
    box-shadow: 0 0 29.1px 0.9px rgba(0, 0, 0, .2);
    z-index: 1;
}

.ondemand__app__box .title__div p {
    color: black;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
}

.overlay {
    /* display: none; */
    text-align: center;
    width: 140px;
    background: #148bfd;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    margin: auto;
    cursor: pointer;
}

.overlay .overlay-content a {
    color: white;
    text-decoration: none;
    padding-left: 10px;
}

@media(max-width:375px) {
    .RelatedPortfolioSlider-main-div-2 {
        width: 100% !important;
        /* height: 130vh; */
        padding: 0px 20px 30px !important;
    }
    .RelatedPortfolioSlider-div-2 {
        width: 87vw !important;
        /* margin: auto !important; */
        margin-left: 40px;
        width: 60vh;
        /* height: 30vh; */
    }
    .sub_contents {
        font-size: 12px !important;
        padding-top: 15px !important;
        color: #fff;
        font-weight: 300 !important;
        margin-bottom: 0px !important;
        line-height: 1.7 !important;
    }
}

@media (max-width:588px) {
    .ondemand__app__box img {
        width: 185px !important;
    }
    .ondemand__app__box .title__div {
        width: 160px !important;
        /* position: relative; */
    }
}

@media(max-width:700px) {
    .ondemand__app__box img {
        width: 100% !important;
    }
    .ondemand__app__box .title__div {
        width: 140px !important;
        /* position: relative; */
    }
}

@media(max-width:890px) {
    .ondemand__app__box img {
        width: 200px;
    }
    .slider-div {
        width: 43vh;
        /* height: 30vh; */
    }
    .RelatedPortfolioSlider-main-div-2 {
        width: 100vw !important;
        /* height: 130vh; */
        padding: 0px 10px 30px !important;
    }
    .RelatedPortfolioSlider-div-2 {
        width: 87vw !important;
        /* margin: auto !important; */
        margin-left: 20px;
        /* gap: 20px !important; */
    }
    .ondemand__app__box .title__div {
        width: 90% !important;
        /* position: relative; */
        bottom: 40px;
        text-align: start !important;
        background: darkgoldenrod;
        /* padding-right: 1px; */
        margin-right: 10px;
        /* margin: 0 30%; */
        border-radius: 10px;
        box-shadow: gray;
        box-shadow: 0 0 29.1px 0.9px rgba(0, 0, 0, .2);
        z-index: 1;
    }
    .ondemand__app__box .title__div p {
        color: white;
        font-size: 16px;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-weight: 700;
        padding-top: 10px;
        text-align: center;
    }
    .overlay {
        /* display: none; */
        text-align: center;
        width: 140px;
        background: #148bfd;
        color: #fff;
        padding: 10px;
        border-radius: 5px;
        font-size: 15px;
        font-weight: 600;
    }
    .overlay .overlay-content a {
        color: white;
        text-decoration: none;
    }
}

/*    ----------------scroll bar--------------- */

.slider-main-div-1 {
    width: 100vw !important;
    padding: 50px 20px 30px 20px !important;
    /* margin: 35px 0px; */
    /* gap: 50px; */
    background-color: #000000 !important;
}

.slider-div {
    width: 90vw !important;
    margin: auto;
}

@media(max-width:375px) {
    .slider-main-div-1 {
        width: 100vw;
        /* height: 130vh; */
        padding: 0px 20px 30px;
    }
    .slider-div {
        width: 83vw;
        margin: auto;
        width: 60vh;
        /* height: 30vh; */
    }
    .sub_contents {
        font-size: 12px !important;
        padding-top: 15px !important;
        color: #fff;
        font-weight: 300 !important;
        margin-bottom: 0px !important;
        line-height: 1.7 !important;
    }
}

@media(max-width:768px) {
    .slider-div {
        width: 43vh;
        /* height: 30vh; */
    }
    .item-10 {
        margin: 20px 35px !important;
        /* flex-direction: column; */
    }
    .item-10 .testMoImgBg {
        /* flex-direction: column; */
    }
}

.item-10 {
    margin: 20px 15px;
    /* min-height: 320px;
    min-width: 290px; */
    /* border: 1px solid; */
    /* border-color: black; */
    /* background: #3e3e3eab;
z-index: 1; */
    border-radius: 20px;
    position: relative;
    /* padding: 40px 25px; */
    display: flex;
}

.item-10 .img-upper-background {
    min-width: 276px;
    min-height: 329px;
    border-radius: 9px;
    top: 0%;
    bottom: 0%;
    right: 0%;
    left: 0%;
    position: absolute;
    z-index: 2;
    background-color: #3e3e3eab;
}

.item-10 .img-upper-background:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ce7070ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 8px;
    transition: transform .3s ease-out;
}

.item-10 .visit-now-button {
    /* top: 45%; */
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 4;
}

.item-10 .visit-now-button button {
    border: none;
    border-radius: 10px;
    font-size: 30px;
    color: white;
    font-weight: 600;
    background-color: transparent;
}

.item-10 img {
    min-width: 260px;
    min-height: 260px;
}

.item-10 .img-upper-background:hover:before {
    transform: scaleX(1);
}

.item-10 .testMoLst {
    margin-left: 15px;
}

.item-10 .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.item-10 .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.slick-prev {
    left: 0%;
    z-index: 1;
}

.title .cus_title {
    color: #828282 !important;
}

.title,
.OurBlgBg .OurSrvcHdd .blog_title {
    font-weight: 600 !important;
    font-size: 40px !important;
    line-height: 1.4 !important;
    font-family: "Urbanist", sans-serif !important;
    text-transform: capitalize !important;
    width: 83vw;
    margin: auto;
    padding: 0px 0px 3px 0px;
}

.slick-next {
    right: 1%;
    z-index: 1;
}

* {
    box-sizing: border-box
}

html,
body {
    width: 100%;
    height: 100%
}

.card {
    width: 300px;
    display: inline-block;
    margin: 1rem;
    border-radius: 4px;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .2);
    transition: all .2s ease;
    background: #fff;
    position: relative;
    overflow: hidden
}

.card:hover,
.card.hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .3), 0 0 1px 0 rgba(0, 0, 0, .25)
}

.card:hover .card-content,
.card.hover .card-content {
    box-shadow: inset 0 3px 0 0 #ccb65e;
    border-color: #ccb65e
}

.card:hover .card-img .overlay,
.card.hover .card-img .overlay {
    background: rgba(0, 0, 0, .6705882353);
    transition: opacity .2s ease;
    opacity: 1
}

.card-img {
    position: relative;
    height: 224px;
    width: 100%;
    background-color: #fff;
    transition: opacity .2s ease;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.card-img .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0
}

.card-img .overlay .overlay-content {
    line-height: 224px;
    width: 100%;
    text-align: center;
    align-items: center;
    color: #fff;
    margin: auto
}

.card-img .overlay .overlay-content a {
    color: #fff;
    padding: 0 2rem;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, .4);
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none
}

.card-img .overlay .overlay-content a:hover,
.card-img .overlay .overlay-content a.hover {
    background: #ccb65e;
    border-color: #ccb65e
}

.card-content {
    width: 100%;
    min-height: 104px;
    background-color: #fff;
    border-top: 1px solid #e9e9eb;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 1rem 2rem;
    transition: all .2s ease
}

.card-content a {
    text-decoration: none;
    color: #202927
}

.card-content h2,
.card-content a h2 {
    font-size: 1rem;
    font-weight: 500
}

.card-content p,
.card-content a p {
    font-size: .8rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(32, 41, 28, .8)
}

.button_container {
    position: absolute;
}

.btn-hover {
    /* border: 1px solid;
  border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f !important;
  border-image-slice: 1;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 12px !important;
  background-color: #222;
  padding: 5px 10px;
  margin: 0 auto;
  box-shadow: 0 5px 5px rgb(63, 185, 241); */
    width: 250px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 12px !important;
    position: relative;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    display: block;
    padding: 10px 2px;
    border-radius: 10px !important;
    box-shadow: 0 5px 5px rgb(63, 185, 241);
    background-color: #000 !important;
    color: #fff !important;
    overflow: hidden;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f !important;
    border-image-slice: 1;
}

.btn-hover span {
    position: relative;
    z-index: 1;
}

.btn-hover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: #78c7d2;
    transition: all .5s ease-in-out;
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn-hover:hover:after {
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.link {
    font-size: 20px;
    margin-top: 30px;
}

.link a {
    color: #000;
    font-size: 25px;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */

.slick-loading .slick-list {
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url(../../static/media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(../../static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(../../static/media/slick.295183786cd8a1389865.woff) format('woff'), url(../../static/media/slick.c94f7671dcc99dce43e2.ttf) format('truetype'), url(../../static/media/slick.2630a3e3eab21c607e21.svg#slick) format('svg');
}

/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/*9.11.2020*/

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: Raleway, sans-serif
}

.main-div-Application a {
    text-decoration: none;
}

.main-div-Application a:hover {
    text-decoration: none;
}

@media (max-width:1400px) {
    .responsive-in-black-bg {
        background-color: #000;
    }
}

.main-div-Application {
    padding-top: 87px !important;
}

.Enterprise-container {
    background: black !important;
}

@media (max-width:1000px) {
    .main-div-Application {
        padding-top: 65px !important;
    }
}

a {
    color: #2f2d2d;
    transition: all .35s
}

a:focus,
a:hover {
    color: #2a7bc1;
    text-decoration: none
}

hr {
    max-width: 100%;
    margin: 15px 0 10px 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, .1)
}

hr.light {
    border-color: #fff
}

.cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    font-family: "Open Sans", sans-serif !important;
}

p {
    font-size: 15px;
    margin-bottom: 20px
}

section h2 {
    font-size: 50px
}

/*--------------Phone-card-slider-------------------- */

.Phone-card-slider {
    width: 100%;
    height: 100vh;
    background-color: skyblue;
}

/* Base styles */

.Enterprise-container {
    width: 100%;
    height: auto;
    background-color: white;
    display: flex;
    padding: 50px;
    margin-top: 100px;
}

.Enterprise-box {
    margin: auto;
    display: flex;
    max-width: 1200px;
    gap: 30px;
    width: 100%;
}

.Enterprise-boxes {
    margin: auto;
    align-items: center;
    display: flex;
    max-width: 1200px;
    gap: 30px;
    width: 100%;
}

.Enterprise-boxes .Enterprise-right-dive {
    /* border: 1px solid #00FDFD; */
    /* box-shadow: 1px 0px 20px -6px #00FDFD; */
    /* box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.3), -5px -10px 15px rgba(0, 0, 0, 0.1); */
    /* border-radius: 5px; */
    /* border-radius: 50px; */
    /* background: linear-gradient(90deg, #FF9A8B, #FAD0C4, #FBC2EB); */
    /* box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); */
    /* position: relative; Ensure shadow rendering */
    /* box-shadow: 2px 0px 20px 2px white; */
}

/* .Enterprise-boxes .Enterprise-right-dive:hover {
    transform: rotateY(20deg) rotateX(0deg);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
   
} */

/* .Enterprise-right-dive img {
    padding: 10px;
    border-radius:50px;
} */

.Enterprise-left-dive {
    width: 50%;
}

.about-text-span {
    font-size: 18px;
}

.Enterprise-left-dive h1 {
    text-align: left;
    font-size: 35px;
    color: #9582E8;
}

/* 
@media (max-width:368px) and (min-width:0px) {

    .main-div-Application {
        padding-top: 10px !important;
    }
} */

/* Default styles */

.grey-bg-1 {
    background-color: #f0f0f0;
    /* Grey background color */
    padding: 50px 0;
    /* Adjust padding as needed */
}

.container {
    max-width: 1200px;
    /* Set maximum width for the content */
    margin: 0 auto;
    /* Center the content */
}

.section-heading {
    margin-bottom: 20px;
}

.row-1 {
    align-items: center;
    text-align: center;
    flex-direction: column-reverse;
    /* Reverse the order of columns on small screens */
}

.col-sm-6 {
    width: 100%;
    /* Full width on small screens */
    margin-bottom: 20px;
}

/* Image styles */

.hire-our-skill img {
    max-width: 100%;
    /* Make sure images don't exceed their container */
    height: auto;
    /* Maintain aspect ratio */
}

/* Media queries for responsiveness */

@media (min-width: 768px) {
    .row-1 {
        flex-direction: row;
        /* Reset to default row direction on larger screens */
    }
    .hire-our-skill img {
        max-width: 100%;
        /* Make sure images don't exceed their container */
        height: auto;
        /* Maintain aspect ratio */
    }
    .col-sm-6 {
        width: 50%;
        /* Half width for medium and larger screens */
    }
}

@media (max-width: 300px) and (min-width: 100px) {
    .main-div-Application {
        padding-top: 43px;
    }
}

@media (max-width:768px) {
    .main-div-Application {
        padding-top: 47px !important;
    }
    .Enterprise-container {
        margin-top: 30px;
    }
    .Enterprise-box {
        flex-direction: column;
    }
    .Enterprise-left-div {
        margin-bottom: 10px;
    }
    .Enterprise-left-div h2 {
        font-weight: 700;
        font-size: 30px !important;
        text-align: center;
    }
    .Enterprise-left-div p {
        font-size: 17px !important;
        color: #fff !important;
        line-height: 23px !important;
        font-family: 'Open Sans', sans-serif;
        margin: 10px 0 5px;
        text-align: justify;
    }
    .Enterprise-right-div img {
        height: 40vh !important;
        border-radius: 10px;
    }
}

.Enterprise-right-div img {
    width: 100%;
    height: 74vh;
    border-radius: 10px;
}

.Enterprise-left-div h2 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    line-height: 1.5;
}

.Enterprise-left-div p {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
}

.Enterprise-left-div,
.Enterprise-right-div {
    flex: 1 1;
}

/* Responsive styles */

@media (max-width:767px) {
    .defi_banner_sec {
        background: #3450c9;
        background-image: none !important
    }
    .mob-text-center {
        text-align: center !important
    }
}

.OnDemandApp_section-1 {
    padding: 40px 0px;
    margin-bottom: 40px;
    background-color: white;
}

.p-30-0 {
    padding: 30px 0
}

#mainNav {
    border-color: rgba(34, 34, 34, .05);
    background: #fff;
    transition: all .35s;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand {
    color: #fdcc52;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #fcbd20
}

#mainNav .navbar-toggler {
    font-size: 12px;
    padding: 8px 10px;
    color: #222
}

/*.navbar-nav {
    padding-left: 20px !important
}*/

.navbar-nav li {
    padding-left: 0
}

#mainNav .navbar-nav>li>a {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    color: #636363 !important;
    border-bottom: transparent 5px solid
}

#mainNav .navbar-nav>li>a.active {
    color: #2a7bc1 !important;
    background-color: transparent
}

#mainNav .navbar-nav>li>a.active:hover {
    background-color: transparent
}

#mainNav .navbar-nav>li>a,
#mainNav .navbar-nav>li>a:focus {
    color: #222
}

#mainNav .navbar-nav>li>a:focus:hover,
#mainNav .navbar-nav>li>a:hover {
    color: #fdcc52
}

@media (min-width:992px) {
    #mainNav {
        border-color: transparent;
        background-color: #fff;
        padding: 0
    }
    #mainNav .navbar-brand {
        color: fade(white, 70%)
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav .navbar-nav>li>a,
    #mainNav .navbar-nav>li>a:focus {
        color: #0f0f0f
    }
    #mainNav .navbar-nav>li>a:focus:hover,
    #mainNav .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink {
        border-color: rgba(34, 34, 34, .1);
        background-color: #fff
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink .navbar-nav>li>a,
    #mainNav.navbar-shrink .navbar-nav>li>a:focus {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
}

@media (min-width:768px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 100%
    }
}

@media (min-width:992px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

@media (min-width:1200px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

.sprite_icon_85 {
    width: 85px !important;
    height: 85px !important;
    object-fit: none
}

.sprite_icon_60 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none
}

.sprite_icon_65 {
    width: 65px !important;
    height: 65px !important;
    object-fit: none
}

.sprite_icon_75 {
    width: 75px !important;
    height: 75px !important;
    object-fit: none
}

header.masthead {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff
}

.header-content {
    margin-top: -200px;
}

header.masthead .header-content {
    margin-bottom: 100px;
    text-align: center;
}

header.masthead .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    margin-top: -300px !important;
    color: #fff
}

.h-100 {
    height: 100% !important
}

header.masthead-hyper .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-hyper .header-content .expert-btn {
    background: #00dcff;
    color: #030542
}

.hyp-about .hyp-buttons .expert-btn {
    margin: 0 auto;
    background: #0176bc;
    border-radius: 5px
}

.hyp-about p {
    text-align: justify
}

header.masthead-hyper .header-content .heading-tagline {
    text-align: left
}

header.masthead-private .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-iot .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-finance .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header .header-content h1 {
    /* line-height: 4rem; */
    font-size: 63px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-identity .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-cryptocurrency-wallet-development .header-content h1 {
    font-size: 51px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

header.masthead-ico-development .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

.header-content h1,
header.masthead-2d-animation-company .header-content h1,
header.masthead-3d-animation-company .header-content h1,
header.masthead-adobe-air-app-development .header-content h1,
header.masthead-ai .header-content h1,
header.masthead-ai-banner,
header.masthead-android-app-development .header-content h1,
header.masthead-android-game-development .header-content h1,
header.masthead-android-tablet-development .header-content h1,
header.masthead-angular-js-development .header-content h1,
header.masthead-angular8-development .header-content h1,
header.masthead-ar-core-for-android .header-content h1,
header.masthead-banking .header-content h1,
header.masthead-blockchain-ai-dev .header-content h1,
header.masthead-blockchain-application-for-voting .header-content h1,
header.masthead-blockchain-consulting-services .header-content h1,
header.masthead-blockchain-development .header-content h1,
header.masthead-blockchain-in-digital-records .header-content h1,
header.masthead-blockchain-in-ecommerce .header-content h1,
header.masthead-blockchain-in-gaming .header-content h1,
header.masthead-blockchain-in-insurance .header-content h1,
header.masthead-blockchain-in-real-estate .header-content h1,
header.masthead-blockchain-in-supplychain .header-content h1,
header.masthead-blockchain-iot-management .header-content h1,
header.masthead-bootstrap-web-development .header-content h1,
header.masthead-business .header-content h1,
header.masthead-cakephp-framework-development .header-content h1,
header.masthead-canvas5-web-design .header-content h1,
header.masthead-chainlink-blockchain .header-content h1,
header.masthead-chatbot .header-content h1,
header.masthead-cloud .header-content h1,
header.masthead-cloud-application-development .header-content h1,
header.masthead-codeigniter-framework-development .header-content h1,
header.masthead-crypto .header-content h1,
header.masthead-custom-web-design-development .header-content h1,
header.masthead-customers-inventory-management-software .header-content h1,
header.masthead-deep .header-content h1,
header.masthead-demand,
header.masthead-digital .header-content h1,
header.masthead-ecom .header-content h1,
header.masthead-engi .header-content h1,
header.masthead-enterprise-mobile-app-development .header-content h1,
header.masthead-enterprise-solutions .header-content h1,
header.masthead-eos-blockchain .header-content h1,
header.masthead-equihash .header-content h1,
header.masthead-ethereum-blockchain-development .header-content h1,
header.masthead-ethereum-classic-blockchain-development .header-content h1,
header.masthead-exchange-platform-development .header-content h1,
header.masthead-fmcg .header-content h1,
header.masthead-full-stack-development .header-content h1,
header.masthead-go .header-content h1,
header.masthead-gov .header-content h1,
header.masthead-hedera-hashgraph-dev .header-content h1,
header.masthead-hybrid-mobile-app-development .header-content h1,
header.masthead-hybris .header-content h1,
header.masthead-hyperledger-fabric-composer .header-content h1,
header.masthead-ico-marketing-agency .header-content h1,
header.masthead-ionic-mobile-app-development .header-content h1,
header.masthead-ipad-app-development .header-content h1,
header.masthead-ipad-ui-ux-design .header-content h1,
header.masthead-iphone-app-development .header-content h1,
header.masthead-iphone-game-development .header-content h1,
header.masthead-iphone-ui-ux-development .header-content h1,
header.masthead-jmeter .header-content h1,
header.masthead-joomla-web-development .header-content h1,
header.masthead-laravel-framework-development .header-content h1,
header.masthead-legal .header-content h1,
header.masthead-lisk-blockchain .header-content h1,
header.masthead-logo-design .header-content h1,
header.masthead-magento-development .header-content h1,
header.masthead-mean-stack-development .header-content h1,
header.masthead-mobile-application-maintenance .header-content h1,
header.masthead-mobility .header-content h1,
header.masthead-native-app-development-company .header-content h1,
header.masthead-neo-blockchain .header-content h1,
header.masthead-node-js-development .header-content h1,
header.masthead-online-customer-support .header-content h1,
header.masthead-peer-to-peer-blockchain .header-content h1,
header.masthead-phonegap-application-development .header-content h1,
header.masthead-php .header-content h1,
header.masthead-pivx .header-content h1,
header.masthead-private-public-blockchain-development .header-content h1,
header.masthead-publish .header-content h1,
header.masthead-python .header-content h1,
header.masthead-quorum-blockchain-development .header-content h1,
header.masthead-react-js-development .header-content h1,
header.masthead-react-native-development .header-content h1,
header.masthead-real .header-content h1,
header.masthead-res .header-content h1,
header.masthead-responsive-website-design-company .header-content h1,
header.masthead-retail .header-content h1,
header.masthead-ruby .header-content h1,
header.masthead-sap .header-content h1,
header.masthead-scrypt .header-content h1,
header.masthead-sha-256 .header-content h1,
header.masthead-shop .header-content h1,
header.masthead-signage .header-content h1,
header.masthead-smart-contract-audit .header-content h1,
header.masthead-sto-development .header-content h1,
header.masthead-sto-marketing .header-content h1,
header.masthead-stratis-blockchain .header-content h1,
header.masthead-supply .header-content h1,
header.masthead-svelte-js-development .header-content h1,
header.masthead-tele .header-content h1,
header.masthead-trans .header-content h1,
header.masthead-tron-blockchain-development .header-content h1,
header.masthead-waves-blockchain .header-content h1,
header.masthead-way .header-content h1,
header.masthead-web-design-company .header-content h1,
header.masthead-web-hosting-and-maintenance-services .header-content h1,
header.masthead-website-maintenance-company .header-content h1,
header.masthead-wordpress-development .header-content h1,
header.masthead-x11 .header-content h1,
header.masthead-yii-framework-development .header-content h1,
header.masthead-zend-framework-development .header-content h1 {
    font-size: 50px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    color: #fff !important;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3) !important;
    /* line-height: 4rem; */
}

header.masthead .device-container {
    max-width: 325px;
    margin-right: auto;
    margin-left: auto
}

header.masthead .device-container .screen img {
    border-radius: 3px
}

.my-auto {
    margin-top: auto !important
}

@media (min-width:992px) {
    header.masthead {
        height: 70vh;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }
    header.masthead .header-content {
        margin-bottom: 0;
        text-align: left;
        margin-top: 8em
    }
    header.masthead .header-content h1 {
        font-size: 50px
    }
    header.masthead .device-container {
        max-width: 325px
    }
}

section.download {
    position: relative;
    padding: 55px 0
}

section.download h2 {
    font-size: 50px;
    margin-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px
}

.float-right {
    float: right !important
}

.mt-7 {
    margin-top: 7rem !important
}

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.p-20-0 {
    padding: 20px 0
}

section.download .badges .badge-link:last-child {
    margin-bottom: 0
}

section.download .badges .badge-link img {
    height: 60px
}

@media (min-width:768px) {
    section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0
    }
    section.download h2 {
        font-size: 70px
    }
}

section.features .section-heading {
    margin-bottom: 100px
}

section.features .section-heading h2 {
    margin-top: 0
}

section.features .section-heading p {
    margin-bottom: 0
}

section.features .device-container,
section.features .feature-item {
    max-width: 325px;
    margin: 0 auto
}

section.features .device-container {
    margin-bottom: 100px
}

@media (min-width:992px) {
    section.features .device-container {
        margin-bottom: 0
    }
}

section.features .feature-item {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center
}

section.features .feature-item h3 {
    font-size: 30px
}

section.features .feature-item i {
    font-size: 80px;
    display: block;
    margin-bottom: 15px;
    background: linear-gradient(to left, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.solutions {
    background: #f4f5fa;
    padding: 40px 0
}

.resource {
    padding: 40px 0
}

section.contact {
    text-align: center
}

section.contact h2 {
    margin-top: 0;
    margin-bottom: 25px
}

section.contact h2 i {
    color: #dd4b39
}

section.contact ul.list-social {
    margin-bottom: 0
}

section.contact ul.list-social li a {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 100%
}

section.contact ul.list-social li.social-twitter a {
    background-color: #1da1f2
}

section.contact ul.list-social li.social-twitter a:hover {
    background-color: #0d95e8
}

section.contact ul.list-social li.social-facebook a {
    background-color: #3b5998
}

section.contact ul.list-social li.social-facebook a:hover {
    background-color: #344e86
}

section.contact ul.list-social li.social-google-plus a {
    background-color: #dd4b39
}

section.contact ul.list-social li.social-google-plus a:hover {
    background-color: #d73925
}

#back_to_top_button {
    display: inline-block;
    background-color: #ae2a53;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 90px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer
}

#back_to_top_button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    color: #fff
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible
}

footer {
    background: #1a2325;
    padding: 0 0;
    border-bottom: 1px solid #463e3e
}

footer h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

footer p {
    color: #fff;
    font-size: 14px;
    line-height: 26px
}

footer ul {
    padding: 0;
    margin: 0
}

footer ul li {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    list-style: none
}

footer ul li a {
    color: #fff;
    font-size: 13px
}

footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none
}

footer ul li a:hover {
    color: #2a7bc1
}

footer .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    color: #9b9b9b;
    display: block;
    font-size: 12px;
    height: 43px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%
}

[class^=hvr-shutter-out-vertical2] {
    margin: 10px auto;
    padding: 10px 40px;
    cursor: pointer;
    background: #2a7bc1;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    width: auto;
    border: none !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50px
}

.bg-primary {
    background: #1c1955 !important
}

.footer_bott {
    background: #333;
    padding: 30px 0;
    color: #626161;
    text-align: center
}

.footer_bott a {
    color: #fff;
    padding: 0 10px;
    font-size: 14px
}

.social {
    text-align: center;
    margin: 0 0 10px 0
}

.social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center
}

.social ul li {
    display: inline-block;
    margin: 0 0 0 7px
}

.social .fb a {
    background: #3c5b9b;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .fb a::before {
    content: "\f09a";
    font-family: FontAwesome
}

.social .tw a::before {
    content: "\f099";
    font-family: FontAwesome
}

.social .googleplus a::before {
    content: "\f0d5";
    font-family: FontAwesome
}

.social .linkedin a::before {
    content: "\f0e1 ";
    font-family: FontAwesome
}

.social .youtube a::before {
    content: "\f167";
    font-family: FontAwesome
}

.social .pintrest a::before {
    content: "\f231";
    font-family: FontAwesome
}

.social .instragram a::before {
    content: "\f16d";
    font-family: FontAwesome
}

.social .medium a::before {
    content: "\f23a";
    font-family: FontAwesome
}

.social .tw a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .linkedin a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .youtube a {
    background: red;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a {
    background: #c8232c;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a {
    background: #c32aa3;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a {
    background: #02b875;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.copyright {
    background: #1a2325;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px
}

.copyright a {
    color: #fff
}

.social .googleplus a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .youtube a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .linkedin a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .tw a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .fb a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.text-primary {
    color: #fdcc52
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.btn-outline {
    color: #fff;
    border: 1px solid;
    border-color: #fff
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    color: #fff;
    border-color: #fdcc52;
    background-color: #fdcc52
}

.btn {
    border-radius: 300px;
    font-family: Raleway, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase
}

.btn-xl {
    font-size: 11px;
    padding: 15px 45px
}

.time-list li {
    padding-left: 0
}

.line-white {
    margin-top: 7px;
    color: #989898
}

.marquee-sibling {
    padding: 0;
    background: #3bb0d6;
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000
}

.marquee,
[class^=marquee] {
    display: inline-block;
    white-space: nowrap;
    position: absolute
}

.marquee {
    margin-left: 25%
}

.marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative
}

.marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff
}

.marquee-content-items li:after {
    content: "|";
    margin: 0 1em
}

@media screen and (min-width:0px) and (max-width:767px) {
    .header-content h1,
    header.masthead-2d-animation-company .header-content h1,
    header.masthead-3d-animation-company .header-content h1,
    header.masthead-adobe-air-app-development .header-content h1,
    header.masthead-ai .header-content h1,
    header.masthead-ai-banner,
    header.masthead-android-app-development .header-content h1,
    header.masthead-android-game-development .header-content h1,
    header.masthead-android-tablet-development .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-ai-dev .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-bootstrap-web-development .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-canvas5-web-design .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-codeigniter-framework-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-customers-inventory-management-software .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-enterprise-mobile-app-development .header-content h1,
    header.masthead-enterprise-solutions .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-full-stack-development .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hedera-hashgraph-dev .header-content h1,
    header.masthead-hybrid-mobile-app-development .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-ionic-mobile-app-development .header-content h1,
    header.masthead-ipad-app-development .header-content h1,
    header.masthead-ipad-ui-ux-design .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-iphone-game-development .header-content h1,
    header.masthead-iphone-ui-ux-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-joomla-web-development .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-logo-design .header-content h1,
    header.masthead-magento-development .header-content h1,
    header.masthead-mean-stack-development .header-content h1,
    header.masthead-mobile-application-maintenance .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-native-app-development-company .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-node-js-development .header-content h1,
    header.masthead-online-customer-support .header-content h1,
    header.masthead-peer-to-peer-blockchain .header-content h1,
    header.masthead-phonegap-application-development .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-js-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-responsive-website-design-company .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-web-design-company .header-content h1,
    header.masthead-web-hosting-and-maintenance-services .header-content h1,
    header.masthead-website-maintenance-company .header-content h1,
    header.masthead-wordpress-development .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 27px !important;
        line-height: 35px
    }
    .section-heading h3 {
        font-size: 25px !important
    }
    .navbar-nav {
        padding-left: 0 !important
    }
    header.masthead {
        height: 510px;
        padding-top: 40px;
        padding-bottom: 0
    }
    header.masthead .header-content h1 {
        font-size: 34px !important
    }
    .header-content p {
        font-size: 16px;
        line-height: 26px
    }
    .contact-cnt h4 {
        text-align: center
    }
    .social ul {
        margin-left: 0
    }
    .center-class {
        text-align: center
    }
}

.header-content p {
    width: 90%;
    /*margin: 0 auto;*/
    line-height: 30px;
    font-size: 18px;
}

/*.header-content{
    margin-top: 30px;
}*/

.about {
    padding: 30px 0
}

.ttmenu .nav>li>.btn-hire {
    background: #2a7bc1;
    color: #fff !important;
    padding: 7px 6px !important;
    border-radius: 0
}

.talk_to_experts_btn_div .talk_to_experts_btn_a {
    background: #ad2953;
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 2px auto;
}

.section-heading h2 {
    font-weight: 700;
    color: #ffffff !important;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    line-height: 1.5
}

.section-heading h3 {
    font-weight: 700;
    color: #ffffff !important;
    text-transform: capitalize;
    font-size: 27px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    line-height: 1.2
}

.section-heading h4 {
    font-weight: 700;
    color: #ffffff !important;
    text-transform: capitalize;
    font-size: 28px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

@media (max-width:767px) {
    .section-heading h2 {
        text-align: center;
        font-size: 20px
    }
    .mob-width-100 {
        width: 100% !important
    }
}

.section-heading p {
    font-size: 15px;
    color: #ffffff !important;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 5px;
    text-align: justify
}

.section-heading ul {
    list-style: none;
    padding-left: 20px
}

.section-heading li {
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.section-heading ul li i {
    color: #2a7bc1;
    margin-right: 12px;
    font-size: 14px
}

.blockchain_dev_aboutus_title {
    font-size: 35px !important;
}

@media (max-width: 767px) {
    .blockchain_dev_aboutus_title {
        font-size: 25px !important;
    }
}

.solution-box {
    background: #fff;
    border-radius: 8px;
    padding: 45px 15px 30px 15px;
    height: 430px;
    margin-bottom: 25px;
    box-shadow: 0 3px 4px #ddd;
    border: 1px solid rgba(0, 0, 0, .05)
}

.solution-box h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.solution-box p {
    letter-spacing: 0;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #2f2d2d;
    width: 80%;
    text-align: center;
    display: table;
    margin: 0 auto
}

.btn-more {
    background: #2a7bc1;
    padding: 10px 18px 10px 18px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px
}

.btn-more:hover {
    text-decoration: none;
    color: #fff
}

.line-btm {
    width: 75px;
    height: 3px;
    background: #2a7ac1;
    border-radius: 50px;
    margin-top: 2em;
    margin-bottom: 1em
}

.solution-box:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    transition: all .3s ease 0s
}

.resource-box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

.resource-box img {
    width: 100%;
    height: 250px
}

.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-body h4 {
    font-size: 19px;
    color: #222;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0
}

.resource-date {
    background: #8d8d8d;
    font-size: 14px;
    padding: 7px 17px;
    color: #fff;
    border-radius: 100px;
    font-family: Roboto, sans-serif
}

.resource-date:hover {
    text-decoration: none;
    background: #2b7dc4;
    color: #fff
}

.read-more-para p a {
    font-style: italic;
    color: #2b7dc4;
    font-family: Roboto, sans-serif
}

.read-more-para p a:hover {
    text-decoration: none
}

.case-study-img h3 {
    font-size: 28px;
    font-family: Raleway, sans-serif;
    color: #0f0f0f;
    font-weight: 600;
    line-height: 34px
}

.case-study-img p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    font-family: Roboto, sans-serif
}

.btn-download {
    background: #2a7bc1;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px
}

.btn-download:hover {
    color: #fff;
    text-decoration: none
}

.contact-sec {
    padding: 20px 0;
    background-image: linear-gradient(to top, #2a7bc1, #2c81ca, #2e87d3, #308ddd, #3293e6)
}

.contact-cnt h4 {
    font-size: 24px;
    color: #fff;
    font-family: Raleway, sans-serif;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 0
}

.btn-contact {
    background: rgba(255, 255, 255, .8);
    color: #0f0f0f;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 32px;
    border-radius: 2px;
    transition: all .3s ease 0s
}

.btn-contact:hover {
    text-decoration: none;
    color: #0f0f0f;
    background: #fff;
    transition: all .3s ease 0s;
    cursor: pointer
}

.awards-sec {
    padding: 30px 0
}

.scroll-text {
    border: 1px solid red;
    width: 400px;
    height: 4.5em;
    overflow: hidden
}

.scroll-text ul {
    width: 800px;
    height: 100px;
    overflow: hidden;
    margin: 0
}

.scroll-text ul li {
    height: 1.5em
}

.scroll-img {
    border: 1px solid red;
    width: 100%;
    height: 142px;
    overflow: hidden;
    font-size: 0
}

.scroll-img ul {
    width: 700px;
    height: 600px;
    margin: 0
}

.scroll-img ul li {
    display: inline-block;
    margin: 10px 0 10px 10px
}

#demo4.scroll-img ul,
#demo5.scroll-img ul {
    width: 1500px
}

#demo5-btn {
    width: 680px;
    padding-top: 10px
}

#demo6 {
    width: 412px
}

#demo6-queue {
    width: 680px
}

#demo6 p,
#demo6-queue p {
    width: 124px;
    height: 124px;
    background-color: #d3d3d3;
    font-family: Amaranth, sans-serif;
    font-size: 82px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.case-study-img img {
    border-radius: 10px
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px
}

.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.blog .carousel-indicators .active {
    background: #707070
}

#blogCarousel img {
    width: auto;
    max-width: 100% !important;
    max-height: 102px;
    transform-style: preserve-3d
}

.span-middle {
    display: table-cell;
    vertical-align: middle
}

.md_1spn {
    display: table;
    width: 100%;
    height: 100%
}

.bigdata-info img {
    max-width: 400px
}

.menu-MetaBlock .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -18px;
    z-index: 1000;
    float: left;
    min-width: 17rem;
    padding: 10px;
    margin: .7rem 1.5rem 0;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0;
    border-top: 0 solid #2b7bc1
}

.menu-MetaBlock .dropdown-menu li a {
    color: #000 !important;
    font-size: 15px !important;
    padding: 6px 8px;
    text-transform: uppercase;
    letter-spacing: 0
}

.menu-MetaBlock .dropdown-menu li {
    padding: 5px 0 5px 0
}

.menu-MetaBlock .dropdown-menu li a:hover {
    color: #2a7bc1 !important
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    transition: transform .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right,
.carousel-item-next {
    transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") */
}

.carousel-control-next-icon {
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") */
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.hire_page {
    font-family: Raleway, sans-serif
}

.hire_page h1,
.hire_page h2,
.hire_page h3,
.hire_page h4,
.hire_page h5,
.hire_page h6 {
    font-family: Raleway, sans-serif
}

.bannr_bg {
    /* background: url(../img/hire_bg.png); */
    position: relative;
    min-height: calc(84vh - 7px);
    background-size: contain
}

.banner_rc_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.banner_tle h1 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 50px 0 20px;
    margin: 0
}

.resp-tabs-list li span {
    display: block;
    text-align: center
}

.hire_page section {
    background: #fff;
    padding: 0
}

.hire_page section.hire_bannr {
    padding-top: 0
}

.resp-tabs-list li span.tab_img {
    width: 63px;
    height: 63px;
    background: #f4f5fa;
    text-align: center;
    margin: 0 auto;
    line-height: 63px;
    border-radius: 50%
}

.resp-tabs-list li {
    background: 0 0 !important;
    border: 0 !important;
    width: 16.66%;
    margin: 0;
    position: relative;
    transition: all .5s
}

ul.resp-tabs-list.hor_1 {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 90px -19px rgba(0, 0, 0, .8);
    margin-top: -54px;
    overflow: hidden
}

.section_inr {
    background: #f4f5fa
}

.resp-tabs-container,
.sect_content {
    padding: 0;
    background-color: transparent;
    clear: left;
    border: 0 !important;
    padding: 50px 32px 0
}

.resp-tab-content {
    border: 0;
    padding: 0
}

.resp-tabs-list li span.tab_tle {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px
}

.resp-tabs-list li.resp-tab-active {
    background: #2a7bc1 !important;
    color: #fff
}

.resp-tabs-list li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    width: 1px;
    height: 54.62%;
    background: #f4f5fa
}

.resp-tabs-list li.resp-tab-active::after,
.resp-tabs-list li:last-child:after {
    display: none
}

.resp-tab-content p {
    font-size: 14px;
    color: #0f0f0f;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.tab_logo {
    background: #fff;
    padding: 38px 0 0
}

.tab_logo ul {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 0
}

.tab_logo ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 4%;
    margin-bottom: 40px
}

.tab_logo ul.list_2 {
    margin: 0 auto;
    max-width: 85%
}

img {
    max-width: 100%
}

.client_speak h3,
.hr_tle h3,
.section_h h3,
.tab_logo h3 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    color: #2a7bc1
}

.tab_logo ul li:last-child,
.tab_logo ul li:nth-child(5n) {
    margin-right: 0
}

.row.dev_pdf {
    margin: 0;
    margin-top: 38px
}

.pdf_left {
    padding-left: 0
}

.pdf_img {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8)
}

.pdf_dets h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    text-shadow: 0 0
}

.pdf_dets {
    width: 94%
}

.btn_link {
    display: inline-block;
    padding: 0 10px;
    min-width: 129px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background: #2a7bc1;
    border-radius: 5px;
    color: #fff
}

.btn_link.dwn_link::before {
    display: inline-block;
    content: '';
    /* background: url(../img/dwn_img.png); */
    width: 15px;
    height: 14px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -5px;
    transition: all .5s
}

.pdf_right {
    padding-right: 0
}

.logo_items {
    text-align: center
}

.logo_items img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto
}

.mdl_img {
    display: table;
    width: 100%;
    height: 58px
}

.md_img {
    display: table-cell;
    vertical-align: middle
}

.r_logo_slider {
    padding: 0 15px
}

.tab_logo.recnt_works {
    padding-bottom: 25px
}

.client_speak {
    padding: 38px 0
}

.cl_dets {
    max-width: 341px;
    text-align: center;
    position: relative
}

.cl_spk {
    padding: 20px 9px 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8);
    font-size: 14px;
    transition: all .5s
}

.cl_img {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%
}

.cl_img span {
    display: block;
    margin: 0 auto;
    width: 81px;
    height: 81px;
    border: 5px solid #f4f5fa;
    border-radius: 50%;
    overflow: hidden
}

.c_items {
    padding: 42px 15px 50px;
    position: relative;
    top: 0;
    transition: all .5s;
    outline: 0 !important
}

.clent_slides {
    margin: 0 -15px
}

.c_items.slick-slide.slick-current.slick-active.slick-center {
    top: -28px
}

.c_items.slick-slide.slick-current.slick-active.slick-center .cl_spk {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%);
    color: #fff
}

ul.slick-dots {
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 0;
    position: relative;
    top: 30px
}

ul.slick-dots li {
    display: inline-block;
    margin: 0 5px
}

ul.slick-dots li button {
    border: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    transition: all .5s
}

ul.slick-dots li.slick-active button {
    background: #2b7ec6
}

.section_h h3 {
    margin: 40px 0
}

.exprt_tle h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 20px 0;
    letter-spacing: 0
}

.exp_list {
    margin-bottom: 10px
}

.hr_tle h3 {
    color: #fff
}

.hire_page section.hire_resource {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%)
}

.hr_tle h3 {
    color: #fff;
    margin: 22px 0;
    font-weight: 600
}

.hr_tle {
    color: #fff;
    text-align: center
}

.h_left_c,
.h_right_c {
    display: inline-block;
    vertical-align: top
}

.h_left_c span {
    width: 111px;
    height: 111px;
    display: block;
    background: #b1e8f8;
    border-radius: 50%;
    text-align: center;
    line-height: 111px;
    transition: all .5s;
    overflow: hidden
}

.hire_content:hover span {
    background: #f4f5fa
}

.hire_content {
    color: #fff
}

.h_right_c {
    width: 66%;
    padding-left: 25px
}

.h_right_c h5 {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.btn_link.h_btn_hr {
    background: #9f9f9f;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #9f9f9f), color-stop(0, #fff), color-stop(100%, #9f9f9f));
    background: linear-gradient(to bottom, #9f9f9f 0, #fff 0, #9f9f9f 100%);
    color: #000;
    font-weight: 600
}

.hr_btn {
    margin: 40px 0 30px
}

.cuntr_left,
.cuntr_righ {
    display: inline-block;
    width: 50%;
    margin-right: -3px
}

.hr_counter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    max-width: 85%;
    margin-left: 0
}

.hr_counter ul li {
    display: inline-block;
    width: 50%;
    margin-left: -3px;
    position: relative;
    vertical-align: top
}

.hr_counter {
    position: relative;
    z-index: 9
}

.hr_counter .cuntr_righ ul {
    margin-left: auto;
    margin-right: 0
}

.hr_counter p,
.rc_countr p {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    padding: 0 15px
}

.hr_counter p span,
.rc_countr span {
    font-size: 60px
}

.hr_counter ul li.aft_dvd::after {
    content: '';
    width: 1px;
    height: 46px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%
}

.rc_countr {
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 100%;
    text-align: center
}

.rc_inr {
    margin: 0 auto;
    max-width: 19%
}

.rc_countr p {
    color: #000
}

.btn_link.dwn_link:hover {
    background: #fff;
    box-shadow: 0 8px 50px -10px rgba(0, 0, 0, .5)
}

.btn_link.dwn_link:hover::before {
    /* background: url(../img/dwn_img_hvr.png) */
}

.navbar-nav li.nav-item a.nav-link {
    margin-top: 30px;
    position: relative
}

.navbar-nav li.nav-item a.nav-link:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #2a7bc1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: -12px;
    left: 0;
    transition: all .5s
}

a.nav-link.btn-hire:after {
    display: none
}

.navbar-nav li.nav-item a.nav-link:hover:after {
    opacity: 1;
    visibility: visible
}

.logo_main {
    width: auto
}

.cbp-af-header.sticky .navbar-brand img {
    width: auto !important;
    max-width: 75%
}

#blogCarousel img {
    margin: 0 auto
}

.md_1spn {
    height: 102px
}

.carousel-item {
    padding: 0 10px
}

.section-heading h2.awrd_tle {
    margin-bottom: 35px;
    color: #2a7bc1
}

.navbar-nav li {
    padding-left: 0
}

.cbp-af-header.sticky .nav>li>a {
    margin: 0 6px;
    margin-top: 0
}

.h_left_c span img {
    transition: all .5s;
    position: relative;
    top: 0
}

.hire_content:hover img.normal_img {
    top: -100%
}

.hire_content:hover img.hvr_img {
    top: -100%
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.expr_img {
    text-align: center
}

body .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        max-width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .hire_page .container {
        width: 100%
    }
    .exprt_tle h4 {
        font-size: 15px
    }
    .bannr_bg {
        min-height: 455px
    }
    .ent_list {
        margin-bottom: 15px
    }
}

@media screen and (max-width:991px) {
    .navbar-header {
        width: 100%;
        text-align: center
    }
    .logo_main {
        float: none;
        display: inline-block;
        height: auto
    }
    .navbar-nav {
        float: none !important;
        margin-right: 0;
        padding: 0 !important;
        text-align: center
    }
    .navbar-nav>li {
        float: none;
        display: inline-block
    }
    .hr_counter ul {
        max-width: 100%
    }
    .cuntr_left,
    .cuntr_righ {
        width: 100%;
        margin-right: 0
    }
    .rc_countr {
        bottom: 0
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 50%
    }
    .cbp-af-header.sticky .navbar-brand img {
        width: 100%
    }
    h2.resp-accordion {
        font-size: 13px;
        border: 0;
        border-top: 0 solid #c1c1c1;
        margin: 0;
        padding: 0 !important
    }
    h2.resp-accordion:first-child {
        border-top: 0
    }
    span.tab_tle {
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        font-weight: 600
    }
    h2.resp-accordion {
        background: #fff !important;
        padding: 10px !important
    }
    h2.resp-tab-active {
        padding: 10px !important;
        border: 0 !important
    }
    span.tab_img {
        display: inline-block;
        vertical-align: middle;
        width: 23%;
        text-align: center
    }
    .resp-tab-content {
        padding: 10px
    }
    .resp-tabs-container,
    .sect_content {
        padding: 30px 15px 0
    }
    .text-sm-left {
        text-align: left !important
    }
    .resource-box {
        padding: 0 15px
    }
    .btn-download {
        display: inline-block
    }
    .case-study-img h3 {
        margin-top: 0
    }
    .case-study-img {
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .rc_inr {
        max-width: 100%
    }
    .hire_content {
        width: 100%;
        margin-bottom: 15px
    }
    .navbar-header {
        text-align: left
    }
    .navbar-nav {
        text-align: left
    }
    .navbar-nav>li {
        display: block
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 38px
    }
    .banner_tle h1 {
        font-size: 40px
    }
    .logo_main {
        max-width: 70%
    }
    .tab_logo {
        padding: 5px 0 0
    }
    .client_speak h3,
    .hr_tle h3,
    .section_h h3,
    .tab_logo h3 {
        padding: 0 10px
    }
    .pdf_left,
    .pdf_right {
        padding: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width:480px) {
    .hr_counter ul li {
        width: 100%;
        margin-bottom: 10px
    }
    .hr_counter ul li.aft_dvd::after {
        display: none
    }
    .banner_rc_img {
        position: relative
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 28px
    }
    .h_left_c,
    .h_right_c {
        width: 100%;
        padding-left: 0;
        text-align: center
    }
    .h_left_c span {
        margin: 0 auto
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 100%
    }
    .banner_tle h1 {
        padding: 50px 10px 20px;
        font-size: 30px
    }
    .bigdata-info img {
        max-width: 100%
    }
    header.masthead-ai {
        padding-top: 30px
    }
    header.masthead-ai .header-content h1 {
        font-size: 40px !important
    }
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.aditional_header .cbp-af-header.sticky .nav>li>a {
    margin: 0 10px
}

.social .fb a,
.social .googleplus a,
.social .linkedin a,
.social .tw a {
    line-height: 39px;
    border: 0;
    text-decoration: none
}

.aditional_header .cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

@media screen and (max-width:1260px) {
    .aditional_header .cbp-af-header .ttmenu .nav>li>a,
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px;
        border-bottom: 1px solid
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 7px
    }
    .aditional_header .ttmenu .nav>li>a {
        margin: 0 6px;
        font-size: 12px
    }
}

.mid_section .box_exchange,
.mid_section .box_exchange:hover {
    /*border:none!important;box-shadow:unset!important*/
}

.work_with_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 3px 4px #ddd;
    height: 370px;
    border: 1px solid rgba(0, 0, 0, .05)
}

.work_with_box:hover {
    box-shadow: 0 11px 18px #ddd
}

.work_with_box .inr_img {
    display: block;
    margin: 10px auto;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    line-height: 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.ver_mid {
    display: inline-block;
    vertical-align: middle
}

.inr_img img {
    max-width: 80px
}

.exc_img_div img {
    max-width: 100%
}

.Process {
    width: 100%;
    display: flex;
    justify-content: center;
}

.Process h3 {
    color: black !important;
}

@media (min-width:767px) {
    #accordion .panel-title a:after {
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 55px
    }
    .hgt_350_desktop {
        height: 350px
    }
}

.work_with_box h3 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    margin: 10px 0
}

.work_with_box p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: center
}

.img-middle {
    display: block;
    margin: 0 auto
}

section.mid_section {
    background-color: #f5f5f5 !important;
    padding: 20px 0
}

section.mid_section-1 {
    background-color: #000 !important;
    padding: 20px 0
}

.grey-bg {
    background: #f4f5fa
}

.hire-para {
    margin-top: 30px;
    color: #2f2d2d;
    font-size: 15px;
    line-height: 24px;
    text-align: justify
}

.whybottom_box {
    padding: 30px 10px;
    background-color: #ddd;
    text-align: center;
    position: relative;
    z-index: 0;
    margin: 15px 0;
    height: 360px
}

.whybottom_box1 {
    background-color: #3bbeb0
}

.whybottom_box:before {
    position: absolute;
    width: 0%;
    height: 0%;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box:after {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px
}

.whybottom_box .inr_img {
    width: 83px;
    height: 83px;
    line-height: 80px;
    margin: 20px auto;
    background-color: #fff;
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.whybottom_box:hover .inr_img:after {
    transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1
}

.whybottom_box:hover:after,
.whybottom_box:hover:before {
    width: 100%;
    height: 100%
}

.whybottom_box p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin: 0
}

.whybottom_box2 {
    background-color: #3bb1d9
}

.whybottom_box3 {
    background-color: #d9434e
}

.whybottom_box4 {
    background-color: #f89433
}

.whybottom_box5 {
    background-color: #3bb85d
}

.whybottom_box6 {
    background-color: #7277d5
}

.list-heading {
    font-size: 16px;
    color: #282828;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.white-bg {
    background: #fff !important
}

@media(min-width:1200px) {
    .ht-480 {
        height: 480px !important
    }
}

@media(max-width:767px) {
    .work_with_box {
        height: auto
    }
    .ht-480 {
        height: auto !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

@media(max-width:767px) {
    .solution-box {
        height: auto !important
    }
    header.masthead-ai .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-finance .header-content h1,
    header.masthead-hyper .header-content h1,
    header.masthead-identity .header-content h1,
    header.masthead-iot .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-php .header-content h1 {
        font-size: 26px !important;
        line-height: 1.5
    }
}

.solution-box img {
    display: table;
    margin: 0 auto
}

.solution-box .line-btm {
    display: none
}

@media(min-width:1200px) {
    .work_with_box.ht-lg-355 {
        height: 355px !important
    }
    .work_with_box.ht-lg-340 {
        height: 340px !important
    }
    .solution-box.ht-350 {
        height: 350px !important
    }
    .lg-ht-280 {
        height: 280px
    }
    .ht-380 {
        height: 380px !important
    }
}

h3 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.center-img-cnt img {
    display: table;
    margin: 15px auto
}

header.masthead-mobility {
    position: relative
}

header.masthead-mobility:after {
    position: absolute;
    content: ''
}

.hire-btn {
    display: table;
    background: #bd4a1e;
    color: #fff;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 3px;
    min-width: 150px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600
}

.hire-btn:hover {
    color: #fff !important;
    background: #bd4a1e
}

.expert-btn {
    display: inline-block;
    background: #a11640;
    color: #fff;
    padding: 10px 20px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 15px;
    border: none
}

.expert-btn:hover {
    color: #fff !important;
    border: 1px solid #830c31;
    background: #830c30
}

.center-img-cnt h3 {
    text-align: center
}

.hire-btn-cnt {
    margin-top: -30px
}

.mid_section p {
    text-align: justify
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li {
    line-height: 2.2;
    font-size: 15px;
    list-style: none
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li i.fa-check-circle {
    color: #205a5d;
    margin-right: 10px
}

.blockchain_algo .sol-box {
    position: relative;
    height: 25rem;
    margin-top: 20px;
    background: #fff;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

.blockchain_algo .al-sol-icon {
    text-align: left
}

.blockchain_algo .sol-box h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px
}

.d-flex {
    display: flex
}

.align-center {
    align-items: center
}

.text-center img {
    display: flex;
    width: 100px !important;
}

.text-center {
    text-align: center !important
}

.cbp-af-header.sticky .navbar-brand img {
    width: 180px !important
}

.breadcrumb-sec,
.breadcrumb-sec .breadcrumb {
    background: #000 !important;
}

.breadcrumb-sec li a {
    color: #007bff
}

.breadcrumb-sec ol.breadcrumb {
    margin-bottom: 0;
    padding: 10px 2px
}

.breadcrumb>li {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    text-transform: capitalize;
}

label.error {
    color: red !important;
    font-weight: 400;
    font-size: 15px;
}

.header-shadow {
    position: relative
}

.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    /* background: l; */
    /* background: rgba(0, 0, 0, .6) none repeat scroll 0 0; */
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(../../static/media/who-we-are-bg1.3cec5e930299204441d4.webp);
    background-size: cover;
}

.heading-tagline {
    text-shadow: #c17777f4 !important;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.9rem
}

@media(min-width:768px) and (max-width:991px) {
    .work_with_box {
        height: 380px
    }
}

@media (min-width:767px) {
    .services_sec {
        width: 1000px
    }
}

.mt40 {
    margin-top: 40px !important
}

.order-exchange .order-type-box {
    min-height: auto;
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: #f5f5f5;
    border-radius: 5px;
    border: 2px solid #eee;
    border-bottom-color: #47b475
}

.order-exchange .feature-box-3 .icon {
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto
}

.order-exchange .feature-box-3 .common_h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.quick_p {
    font-size: 20px
}

.tabbable-panel {
    padding: 10px
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373;
    text-align: center
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #5090f7
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0 !important;
    color: #333
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li {
    opacity: .6;
    float: none;
    display: inline-block;
    padding: 0 14px
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #32465b;
    position: relative;
    opacity: 1
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.tabbable-line li.wds .list-title {
    font-size: 18px;
    font-weight: 700
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

.tab-content .tech-link {
    color: #2a7bc1;
    font-size: 15px;
    font-weight: 600
}

.tabs_solutions .wds.wds-ico-4 a::before {
    background-position: 0 -1292px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-4.active a::before,
.tabs_solutions .wds.wds-ico-4:hover a::before {
    background-position: -96px -1292px !important
}

.tabs_solutions .wds.wds-ico-5 a::before {
    background-position: 0 -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-5.active a::before,
.tabs_solutions .wds.wds-ico-5:hover a::before {
    background-position: 0 -1423px !important
}

.tabs_solutions .wds.wds-ico-7 a::before {
    background-position: -174px -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-7.active a::before,
.tabs_solutions .wds.wds-ico-7:hover a::before {
    background-position: -173px -1420px !important
}

.tabs_solutions .wds.wds-ico-10 a::before {
    background-position: -378px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-10.active a::before,
.tabs_solutions .wds.wds-ico-10:hover a::before {
    background-position: -378px -1423px !important
}

.tabs_solutions .wds.wds-ico-11::before {
    background-position: -512px -1300px !important
}

.tabs_solutions .wds.wds-ico-12::before {
    background-position: -468px -1394px !important
}

.tabs_solutions .wds.wds-ico-13::before {
    background-position: -18px -1508px !important
}

.tabs_solutions .wds.wds-ico-14::before {
    background-position: -108px -1508px !important
}

.tabs_solutions .wds.wds-ico-15::before {
    background-position: -198px -1508px !important
}

.tabs_solutions .wds.wds-ico-16::before {
    background-position: -288px -1508px !important
}

.tabs_solutions .wds.wds-ico-41::before {
    background-position: -198px -1868px !important
}

.tabs_solutions .wds.wds-ico-42::before {
    background-position: -288px -1868px !important
}

.tabs_solutions .wds.wds-ico-43::before {
    background-position: -378px -1868px !important
}

.tabs_solutions .wds.wds-ico-44::before {
    background-position: -468px -1868px !important
}

.tabs_solutions .wds.wds-ico-45::before {
    background-position: -18px -1958px !important
}

.tabs_solutions .wds.wds-ico-46::before {
    background-position: -108px -1958px !important
}

.tabs_solutions .wds.wds-ico-47::before {
    background-position: -198px -1958px !important
}

.tabs_solutions .wds.wds-ico-48::before {
    background-position: -184px -4px !important
}

.tabs_solutions .wds.wds-ico-49::before {
    background-position: -3px -5px !important
}

.tabs_solutions .wds.wds-ico-50::before {
    background-position: -92px -3px !important
}

.tabs_solutions .wds.wds-ico-51::before {
    background-position: -275px -3px !important
}

.tabs_solutions .wds.wds-ico-52::before {
    background-position: -364px -3px !important
}

.tabs_solutions .wds.wds-ico-53::before {
    background-position: -455px -3px !important
}

.tabs_solutions .wds.wds-ico-54::before {
    background-position: -3px -93px !important
}

.tabs_solutions .wds.wds-ico-55::before {
    background-position: -93px -93px !important
}

.tabs_solutions .wds.wds-ico-56::before {
    background-position: -184px -93px !important
}

.tabs_solutions .wds.wds-ico-24::before {
    background-position: -466px -1600px !important
}

.tabs_solutions .wds.wds-ico-25::before {
    background-position: -467px -1509px !important
}

.tabs_solutions .wds.wds-ico-26::before {
    background-position: -19px -1687px !important
}

.tabs_solutions .wds.wds-ico-27::before {
    background-position: -378px -1600px !important
}

.tabs_solutions .wds.wds-ico-28::before {
    background-position: -198px -1688px !important
}

.tabs_solutions .wds.wds-ico-29::before {
    background-position: -288px -1688px !important
}

.tabs_solutions .wds.wds-ico-30::before {
    background-position: -378px -1688px !important
}

.tabs_solutions .wds.wds-ico-31::before {
    background-position: -468px -1688px !important
}

.tabs_solutions .wds.wds-ico-32::before {
    background-position: -18px -1778px !important
}

.tabs_solutions .wds.wds-ico-33::before {
    background-position: -108px -1778px !important
}

.tabs_solutions .wds.wds-ico-34::before {
    background-position: -198px -1778px !important
}

.tabs_solutions .wds.wds-ico-35::before {
    background-position: -288px -1778px !important
}

.tabs_solutions .wds.wds-ico-36::before {
    background-position: -378px -1778px !important
}

.tabs_solutions .wds.wds-ico-37::before {
    background-position: -468px -1778px !important
}

.tabs_solutions .wds.wds-ico-38::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-39::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-40::before {
    background-position: -108px -1868px !important
}

.tabs_solutions .wds.wds-ico-17::before {
    background-position: -378px -1508px !important
}

.tabs_solutions .wds.wds-ico-18::before {
    background-position: -86px -1410px !important
}

.tabs_solutions .wds.wds-ico-20::before {
    background-position: -18px -1598px !important
}

.tabs_solutions .wds.wds-ico-21::before {
    background-position: -108px -1598px !important
}

.tabs_solutions .wds.wds-ico-22::before {
    background-position: -198px -1598px !important
}

.tabs_solutions .wds.wds-ico-23::before {
    background-position: -288px -1598px !important
}

.tabs_solutions .wds.wds-ico-8 a::before {
    background-position: -241px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-8.active a::before,
.tabs_solutions .wds.wds-ico-8:hover a::before {
    background-position: -241px -1422px !important
}

.tabs_solutions .wds.wds-ico-9 a::before {
    background-position: -306px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-9.active a::before,
.tabs_solutions .wds.wds-ico-9:hover a::before {
    background-position: -308px -1425px !important
}

.tabs_solutions .wds.wds-ico-6 a::before {
    background-position: -86px -1350px !important;
    width: 83px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-6.active a::before,
.tabs_solutions .wds.wds-ico-6:hover a::before {
    background-position: -86px -1420px !important
}

li.hire-dd-icon a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px
}

.tabs_solutions {
    padding: 20px 0 20px
}

.tabs_solutions .wds a::before {
    transition: .3s all ease-in-out
}

.hire-dd-technology {
    display: flex;
    text-align: center;
    justify-content: center
}

.hire-dd-technology .hire-dd-tech-box {
    margin: 0 15px;
    padding-top: 20px
}

.hire-dd-tech-box {
    padding: 30px 10px 20px
}

.tabs_solutions .hire-dd-box-text::before {
    height: 84px;
    width: 84px
}

.tabs_solutions .hire-dd-tech-box .hire-dd-box-text:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    top: -10px;
    z-index: 1;
    transition: .3s all ease-in-out
}

.sol-website .sol-box {
    position: relative;
    height: 340px;
    background: #fff;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

@media (max-width:767px) {
    .sol-website .sol-box {
        height: auto
    }
    .webd-intro-sprite {
        background-size: 102rem !important;
        height: 235px !important;
        background-position: -598px -449px !important
    }
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-custom-web-design-development .header-content .heading-tagline {
        text-align: center !important;
    }
    .webdesi_bannerbtn {
        text-align: center;
    }
    .about#aboutus {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
        background: initial !important;
        padding-bottom: 20px;
        text-align: center;
    }
    .about#aboutus .section-heading {
        text-align: center !important;
    }
    .about#aboutus .get_demo_slick_btn {
        float: none;
    }
    .mid_section#webapp_solutuions {
        padding: 0px !important;
        background-color: #f1f1f1;
        background-image: none !important;
        background-image: initial !important;
    }
    #webdesign_frameworks .sol-box {
        margin-top: 82px;
        height: auto !important;
    }
    #webdesign_industry .row:nth-child(2),
    #webdesign_industry .row:nth-child(3) {
        display: block !important;
    }
    #webdesign_industry .webdesign_indusbox {
        margin-bottom: 20px;
    }
    #webdesign_industry,
    #webportel_dev,
    #adapwebdev_solution {
        padding-bottom: 0px !important;
    }
    #webportel_dev .sol-box {
        padding: 0 !important;
        margin-bottom: 40px;
    }
    #webdesign_frameworks .row:nth-child(2) {
        margin-top: 0 !important;
    }
    #webdesign_jsframeworks .sol-box {
        height: auto !important;
    }
}

@media (max-width:1280px) {
    .about#aboutus {
        background-position: 356px 0px !important;
    }
}

header.masthead-custom-web-design-development .header-content h1,
header.masthead-custom-web-design-development .header-content .heading-tagline {
    text-align: left;
}

header.masthead-custom-web-design-development .header-content .heading-tagline {
    font-weight: 400;
    font-size: 18px;
}

.about.webdev_top_ratesec#aboutus {
    /* background: url(../images/inner-pages/custom_web_design_development/top-rated-web-development-company.jpg); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#webapp_solutuions .section-heading h2 {
    color: #060606;
}

.mid_section#webapp_solutuions {
    /* background-image: url(../images/inner-pages/custom_web_design_development/enhance-your-brand-with-our-enterprise-app-and-web-solutions.jpg?v2); */
    background-position: center;
    padding: 70px;
}

#premium_webservice {
    background-image: radial-gradient(circle at center center, transparent, rgb(12, 11, 11)), repeating-linear-gradient(135deg, rgb(12, 11, 11) 0px, rgb(12, 11, 11) 2px, transparent 2px, transparent 10px, rgb(12, 11, 11) 10px, rgb(12, 11, 11) 11px, transparent 11px, transparent 21px), repeating-linear-gradient(45deg, rgb(51, 50, 50) 0px, rgb(51, 50, 50) 4px, transparent 4px, transparent 8px), linear-gradient(90deg, rgb(12, 11, 11), rgb(12, 11, 11));
    padding-top: 50px;
    padding-bottom: 80px;
}

.country_prem_services {
    padding-top: 30px !important;
    padding-bottom: 80px !important;
}

#premium_webservice .section-heading h2 {
    color: #fff;
    padding: 0;
    margin: 0;
}

#webdesign_jsframeworks {
    background-image: repeating-linear-gradient(135deg, rgba(68, 68, 68, 0.07) 0px, rgba(68, 68, 68, 0.07) 2px, transparent 2px, transparent 4px), repeating-linear-gradient(45deg, rgba(68, 68, 68, 0.07) 0px, rgba(68, 68, 68, 0.07) 2px, transparent 2px, transparent 4px), linear-gradient(0deg, rgba(8, 70, 178, 0.99), rgb(0, 28, 79));
}

#webdesign_jsframeworks .section-heading h2 {
    color: #fff;
}

#webdesign_jsframeworks .webjsframeworks_icons {
    float: right;
}

#webdesign_jsframeworks .sol-box {
    border-radius: 4px;
    height: 285px;
}

#webdesign_jsframeworks .sol-box .desc {
    min-height: 135px;
    margin-top: 23px;
}

#webdesign_jsframeworks .sol-box p {
    margin-bottom: 0;
}

#webdesign_jsframeworks .sol-box a.rd_mr_btn {
    background-color: #ae2a53;
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_industry .webdesign_indusbox p {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

#webdesign_industry .webdesign_indusbox {
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0px;
    border-radius: 4px;
    box-shadow: 0px 7px 9px -6px #6d6d6d;
}

#webdesign_industry .section-heading p {
    text-align: center;
}

#webdesign_industry .row:nth-child(2),
#webdesign_industry .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#webdesign_frameworks .sol-box {
    border: 1px solid #ad1a48;
    background-color: #fff;
    border-radius: 4px;
    height: 265px;
    text-align: center;
    min-height: 290px;
}

#webdesign_frameworks .sol-box .title,
#webdesign_frameworks .sol-box .desc,
#webdesign_frameworks .sol-box .p {
    text-align: center;
}

.mid_section#webdesign_frameworks p {
    text-align: center;
    margin-bottom: 0;
}

#webdesign_frameworks .row:nth-child(2) {
    margin-bottom: 5rem;
    margin-top: 5rem;
}

#webdesign_frameworks .webdframeworks_icons {
    margin: 0 auto;
    margin-top: -69px;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #ae2a53;
    width: 85px;
    height: 85px;
    text-align: center;
    padding: 10px;
}

#webdesign_frameworks .sol-box a.rd_mr_btn {
    background-color: #1f585b;
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_frameworks,
#webdesign_jsframeworks,
#webdesign_industry,
#webportel_dev,
#adapwebdev_solution,
#custweb_servs {
    padding-top: 30px;
    padding-bottom: 80px;
}

#webportel_dev .sol-box {
    border: 0;
    box-shadow: none;
    box-shadow: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    text-align: center;
}

#webportel_dev .sol-box .title,
#webportel_dev .sol-box .desc,
#webportel_dev .sol-box p {
    text-align: center;
}

#webportel_dev .sol-box .title {
    margin-top: 5px;
}

#webportel_dev {
    background: #f4f6f7;
}

.webporteldev_icons {
    text-align: center;
}

#webportel_dev .sol-box {
    height: 290px;
}

.webporteldev_hr {
    background: #e80000;
    width: 90px;
    margin: 0 auto;
    height: 1px;
    margin-bottom: 10px;
}

#webportel_dev .sol-box a.rd_mr_btn {
    background-color: #ae2a53;
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webportel_dev .container .row:nth-child(2) {
    margin-bottom: 40px;
}

#webportel_dev .sol-box .desc {
    min-height: 130px;
}

#adapwebdev_solution {
    /* background: url(../images/inner-pages/custom_web_design_development/solutions-bg.jpg); */
}

#adapwebdev_solution .sol-box {
    border-radius: 4px;
    min-height: 280px;
    height: 350px;
}

#adapwebdev_solution .sol-box .title,
#adapwebdev_solution .sol-box .desc {
    text-align: center;
}

#webdev_process img {
    width: 80%;
}

#webdev_process .section-heading p {
    text-align: center;
}

#custweb_servs .custserv_ictit {
    display: flex;
    align-items: center;
}

#custweb_servs .sol-box {
    height: auto;
    min-height: 165px;
}

#custweb_servs {
    background: #f4f6f7;
}

.webdesdev_hiresec {
    background: #06154c;
    padding: 50px 0px;
}

.webdesign_hire_sprite {
    width: 120px;
    height: 110px;
    object-fit: none;
}

.webdhire_content {
    color: #fff;
    text-align: center;
}

.webdhire_content .webdesdev_hire_title {
    color: #fff;
    font-size: 45px;
    text-align: center;
    text-transform: capitalize;
}

.webdhire_content p {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 0;
}

.webdhirebox {
    text-align: center;
}

.webdhirebox p {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}

.webdesdev_hiresec .row:nth-child(2),
.webdesdev_hiresec .row:nth-child(3) {
    margin-top: 2.5rem;
}

.sol-website#premium_webservice .sol-box .sol-icon {
    text-align: left;
}

@media (max-width: 767px) {
    .webdhire_content .webdesdev_hire_title {
        font-size: 28px;
    }
    .webdhire_content p {
        width: 100%;
    }
    .webdhirebox {
        margin-bottom: 19px;
    }
}

.premium_webservice_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.webdesign_frameworks_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.webdesign_industry_sprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.webportel_dev_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.adapwebdev_solution_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.custweb_servs_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.sol-website .sol-box .sol-icon {
    text-align: right
}

.sol-website .sol-box .title {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    line-height: 25px
}

.sol-website .sol-box .desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0px;
}

.cc-slider {
    margin: 35px auto 0;
    max-width: 850px;
    position: relative;
    -webkit-transform: translateZ(0);
    transition: all .5s ease-out
}

.hire-dd-slide-manu #six-slides input {
    filter: grayscale(100%)
}

.hire-dd-slide-manu #six-slides input:checked {
    filter: grayscale(0)
}

.hire-dd-slide-manu .cc-slider input {
    display: flex;
    margin: 0 auto;
    width: 25%;
    float: left;
    visibility: hidden;
    margin-bottom: 50px
}

.tabs_solutions .cc-slider input {
    margin: 0 auto 85px !important;
    width: 33.33%
}

.hire-dd-slide-manu #six-slide1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide3::before {
    background-position: -378px -1422px !important;
    width: 83px;
    height: 74px
}

.hire-dd-slide-manu #six-slide4::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide5::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide6::before {
    background-position: -86px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu .cc-slider input:checked:before {
    border-bottom: 2px solid #0087b2;
    padding-bottom: 2px
}

.hire-dd-slide-manu input:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab-content .heading {
    font-weight: 700;
    font-size: 20
}

.custom_tabs_div .nav-pills>li>a::after {
    content: none
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:focus,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:hover {
    color: #fff;
    background-color: transparent;
    background-color: initial
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a::before {
    border-bottom: 2px solid #0087b2
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab3::before {
    background-position: -378px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab4::before {
    background-position: -96px -1292px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab5::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab6::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.cc-slider #overflow {
    width: 100%;
    overflow: hidden
}

#six-slides .hire-dd-slide-manu-box .hire-dd-manu-title {
    font-size: 18px;
    font-weight: 700
}

#six-slide1:checked~#six-slides .inner {
    margin-left: 0
}

#six-slide2:checked~#six-slides .inner {
    margin-left: -100%
}

#six-slide3:checked~#six-slides .inner {
    margin-left: -200%
}

#six-slide4:checked~#six-slides .inner {
    margin-left: -300%
}

#six-slide5:checked~#six-slides .inner {
    margin-left: -400%
}

#six-slide6:checked~#six-slides .inner {
    margin-left: -500%
}

#six-slides.cc-slider .inner {
    width: 600%
}

#six-slide1:checked~#six-slides,
#six-slide4:checked~#six-slides,
#six-slide5:checked~#six-slides,
#six-slide6:checked~#six-slides {
    margin-bottom: -26rem
}

#six-slide2:checked~#six-slides {
    margin-bottom: -50rem
}

.cc-slider .inner {
    -webkit-transform: translateZ(0);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

#six-slides.cc-slider article {
    width: 16.66%;
    position: relative;
    display: table-cell
}

.cc-slider article {
    width: 20%;
    float: left
}

.hire-dd-slide-manu-box-1 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding-top: 20px
}

.hire-dd-slide-manu .content {
    background-color: #f4f4f4 !important;
    background: rgba(255, 255, 255, .1);
    padding: 40px 10px;
    width: 87%;
    margin: 0 0 !important
}

.hire-dd-slide-manu .wds.wds-ico-40::before {
    background-position: -198px -1868px !important
}

.hire-dd-slide-manu .wds::before {
    content: "";
    position: relative;
    display: block;
    height: 84px;
    width: 84px;
    margin: 0 auto 15px;
    /* background: url(../images/ps-new-icon-min.png) no-repeat */
}

.custom_carousel_wrap {
    margin: 30px auto 0;
    padding: 0 5%;
    width: 80%;
    position: relative
}

.custom_carousel_wrap .features_carousel_sec .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.custom_carousel_wrap .features_carousel_sec .owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd
}

.custom_carousel_wrap .features_carousel_sec .owl-nav i {
    font-size: 52px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-prev {
    left: -30px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-next {
    right: -30px
}

header.masthead-chatbot {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/chat-bot/banner/banner.jpg) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-mobility.transport {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/transportation_logistics/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media(min-width:1200px) {
    .lg-ht-400 {
        height: 400px !important
    }
}

@media(min-width:992px) {
    .md-ht-400 {
        height: 400px !important
    }
}

@media(min-width:768px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

header.masthead-finance.media {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/media-entertainment/media-and-entertainment.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.media.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/health/healthcare-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/learning-education/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.hospitality {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hospitality/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.legal {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/legal/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.manufacturing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/manufacturing/manufacturing-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.analytics {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/analytics_visualization/image/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.database {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/database/data-base-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.devops {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/devops/devops-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-signage {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/signage/signage-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/demand/demand-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-python {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/python/python-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ruby {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ruby/ruby-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-engi {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/pro-eng/pro-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-trans {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/trans/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud/big-data-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hybris {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybris/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-banking {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/banking/banking-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sap {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sap/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-fmcg {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/fmcg/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-tele {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tele/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-go {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/go/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-real {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/real/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-publish {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/publish/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-retail {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/retail/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-res {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/res/resource.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ecom {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ecom/e-commerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-gov {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/gov/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/way/banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-shop {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/shop/shop-floor-automation-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.lab {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-lab/Our_Digital_Lab.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.tensorflow {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-tensorflow.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-ar-vr {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/banner-ar-vr.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-vuejs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-vuejs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-meteorjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-meteorjs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-nwjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-nw-js.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-proton-native {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-proton-native-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.arkit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/arkit-ios.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.unity-ban {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-unity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
    margin-bottom: 0 !important
}

header.masthead-demand.hyperledger-sawtoooth {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/hyperlefger-sawtooth-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.expertise {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-expertise/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.Banner-solidity {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/Banner-solidity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.expert-cnt {
    display: block;
    width: 100%;
    padding: 8% 15px;
    background: #fff;
    box-shadow: 0 3px 4px #ddd;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 5px solid #2a7bc1;
    position: relative;
    transition: all .5s;
    height: 360px
}

.bgn-border {
    border-top: 5px solid #3bbeb0 !important
}

.bl-border {
    border-top: 5px solid #3bb1d9 !important
}

.rd-border {
    border-top: 5px solid #d9434e !important
}

.yl-border {
    border-top: 5px solid #f89433 !important
}

.gn-border {
    border-top: 5px solid #3bb85d !important
}

.pl-border {
    border-top: 5px solid #7277d5 !important
}

.expert-cnt:hover {
    box-shadow: 0 11px 18px #ddd
}

.hgt_430 {
    height: 430px !important
}

.feature-content_1 h4 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 h2 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: left !important
}

.hgt_350 {
    height: 350px !important
}

.hgt_380 {
    height: 380px
}

.navbar-default .navbar-nav>li>a.whatsup_button,
.navbar-default .navbar-nav>li>a.whatsup_button:active,
.navbar-default .navbar-nav>li>a.whatsup_button:focus {
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    background: #47b375;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.telegram_button {
    background: #08c;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 400;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.telegram_button:hover {
    background: #08c;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button,
.navbar-default .navbar-nav>li>a.skype_button:active,
.navbar-default .navbar-nav>li>a.skype_button:focus {
    background: #00aff0;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    margin: 0 3px;
    margin-top: 14px;
    border-bottom: none
}

.navbar-default .navbar-nav>li>a.carrer_button,
.navbar-default .navbar-nav>li>a.carrer_button:active,
.navbar-default .navbar-nav>li>a.carrer_button:focus {
    background: #a5264a;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.carrer_button:hover {
    background: #a5264a;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover {
    background: #00aff0;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover,
.navbar-default .navbar-nav>li>a.telegram_button:hover,
.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    border-bottom: 0
}

.navbar-default .navbar-nav>li>a.skype_button i,
.navbar-default .navbar-nav>li>a.skype_button span,
.navbar-default .navbar-nav>li>a.telegram_button i,
.navbar-default .navbar-nav>li>a.telegram_button span,
.navbar-default .navbar-nav>li>a.whatsup_button i,
.navbar-default .navbar-nav>li>a.whatsup_button span {
    display: inline-block !important
}

.hgt_480 {
    height: 480px !important
}

.hgt_320 {
    height: 320px
}

.hgt_520 {
    height: 520px
}

header.masthead-blockchain-in-gaming.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_gaming/Banner-2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-supplychain.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_supplychain/blockchain-in-supplychain.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-ecommerce.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-ecommerce/blockchain-ecommerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-real-estate.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-realestate/blockchain-in-realestate.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-application-for-voting.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-voting/Banner2.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-in-insurance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-insurance/blockchain-in-insurance-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-digital-records.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/digital-record/Banner2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud-application/cloud-application-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.feature-content_1 h4,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

.feature-content_1 h2,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

header.masthead-pivx {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private-instant-verified-transaction-FINAL/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-scrypt {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/scrypt-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sha-256 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/BENEFITS-OF-SHA-256-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-x11 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/X11-Final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-equihash {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/equihash-final/Banner-01.jpg) no-repeat !important; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-iphone-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone-app-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-react-native-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react-native-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ar-core-for-android {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ar-core-for-android-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hyperledger-fabric-composer {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hyperledger-fabric-composer-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-jmeter {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/jmeter-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_development/ICO-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-consulting-services {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_consulting/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-private-public-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private_public_blockchain_development/PUBLIC-PRIVATE-BLOCKCHAIN_Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cryptocurrency-wallet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency-wallet-development/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-exchange-platform-development {
    position: relative;
    width: 100%;
    padding-top: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency_exchange_platform/banner.png?v2) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-iot-management {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_Iot_management/Blockchain-IoT-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-smart-contract-audit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/smart_contract_audit/Smart-Contract-Audit.banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-marketing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_marketing/STO-Marketing-Banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_development/STO-DevelopmentBanner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-zend-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/zend_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-yii-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/yii_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-laravel-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/laravel_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-cakephp-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cakephp/cakephp.banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angularjs/angularjs-banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ethereum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_blockchain_development/eth-blockchain-banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media(min-width: 991px) {
    section.masthead-blockchain-development {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/banner-new.png); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
    }
}

@media(max-width: 767px) {
    section.masthead-blockchain-development {
        background: linear-gradient(45deg, #011a30, #0b549a, #064b95);
        padding: 50px 0px;
        height: 550px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .masthead-blockchain-development .title {
        font-size: 28px !important;
        line-height: 35px !important;
    }
    .masthead-blockchain-development .cus_title {
        font-size: 35px !important;
    }
    .masthead-blockchain-development .blk_dev_bnr_btn,
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn {
        font-size: 12px !important;
    }
    .blockchain_dev_talkcard_sec {
        background: linear-gradient(45deg, #000422, #004b82);
        display: flex;
        align-items: center;
        padding: 30px 0px;
        text-align: center;
    }
    .blockchain_dev_talkcard_sec .title {
        font-size: 22px !important;
        margin-top: 0px;
    }
    .blockchain_dev_talkcard_sec .contents {
        padding-top: 0px !important;
        margin-bottom: 5px !important;
    }
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
        margin-top: 20px !important;
    }
}

.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #012150;
    background: linear-gradient(90deg, #0e1824 0, rgb(22 29 43 / 55%) 79%);
}

header.masthead-ethereum-classic-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_classic_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-blockchain-development .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
}

.masthead-blockchain-development .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.masthead-blockchain-development .contents {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}

.masthead-blockchain-development a.expert-btn {
    background: #db3c3b;
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #050505;
    line-height: 1.5;
    border: 0;
}

.masthead-blockchain-development .blk_dev_bnr_btn_sec,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
    margin-top: 35px;
}

.masthead-blockchain-development .blk_dev_bnr_btn,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn {
    background: #db3c3b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    padding: 12px 25px;
}

@media(min-width: 991px) {
    .blockchain_dev_talkcard_sec {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/talk-sec-card-bg.png); */
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        padding: 50px 0px;
        height: 400px;
    }
}

.blockchain_dev_talkcard_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}

.blockchain_dev_talkcard_sec .contents {
    font-size: 16px;
    padding-top: 8px;
    color: #fff;
}

header.masthead-quorum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/quorum_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-neo-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/neo_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-tron-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tron_dapps_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-lisk-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/lisk_blockchain_applicationLisk_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-eos-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/eos_blockchain_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-chainlink-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/chainLink_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-stratis-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/stratis_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-waves-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/waves_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-svelte-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/svelte_js_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular8-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angular8_development_company/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_app_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ipad-app-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-ipad-ui-ux-design {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-iphone-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-iphone-ui-ux-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/enterprise_mobile_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-native-app-development-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/native_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-hybrid-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybrid_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ionic-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ionic_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-2d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/2D_design/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-adobe-air-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/adobe_air_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-tablet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_tablet_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-codeigniter-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/codeigniter_web_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development/banner-bg.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development_countrybase {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development_countrybase/banner-bg.png?v1) no-repeat; */
    background-size: cover !important;
    background-position: center;
    height: 85vh
}

.masthead-custom-web-design-development_countrybase .webdesi_bannerbtn {
    margin-top: 4rem;
}

.webdesi_bannerbtn a:hover {
    text-decoration: none;
    color: #fff;
}

.button_play {
    /*background: #ff4949;*/
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    padding: 16px 21px;
    transition: width 199ms cubic-bezier(0.25, 0, 0.25, 1) 233ms;
    font-weight: 800;
    font-size: 17px;
    background: #001a56;
    background: linear-gradient(135deg, #a71e44 0%, #e63a59 50%, #0c3d40 51%, #09383c 71%, #e02528 100%);
    background-size: 400% 400%;
    animation: AnimationName 3s ease infinite;
    border: 0;
}

@keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}

.masthead-custom-web-design-development_countrybase.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(24 30 41 / 60%) none repeat scroll 0 0;
}

header.masthead-custom-web-design-development_countrybase .header-content h1,
header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
    text-align: left;
}

@media (max-width: 767px) {
    header.masthead-custom-web-design-development_countrybase .header-content h1,
    header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
        text-align: center;
    }
}

header.masthead-enterprise-solutions {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/it_enterprise_solution_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-phonegap-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/phonegap_development_services/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-responsive-website-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/responsive_web_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-web-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-logo-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/logo_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-3d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/3d_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-react-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react_js_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-node-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/nodejs_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-bootstrap-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/bootstrap_page/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-canvas5-web-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/canvas5_webdesign/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-joomla-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/joomla-development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-wordpress-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/wordpress_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-magento-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/magento_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-website-maintenance-company {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_maintanence_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mobile-application-maintenance {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mobile_application_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-web-hosting-and-maintenance-services {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/trusted_hosting_and_server_maintenance_service_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-customers-inventory-management-software {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/customer_and_inventory_management/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-online-customer-support {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/online_customer_support_services_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-full-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/full_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mean-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mean_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-hedera-hashgraph-dev {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hedera_hasgroup/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-hedera-hashgraph-dev:before {
    background: rgba(0, 0, 0, .73) !important
}

header.masthead-blockchain-ai-dev {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/AI_blockchain/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-peer-to-peer-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/p2p_lending/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ai-banner {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/ai-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media screen and (min-width:767px) {
    .mobile {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .bor-bot {
        border-bottom: 2px solid #205a5d !important
    }
}

.hgt_490 {
    height: 490px
}

.justify {
    text-align: justify
}

@media(max-width:767px) {
    .social_link {
        display: none
    }
    .mobile-resp {
        display: block
    }
    .caption {
        font-size: 14px !important
    }
    body.events .cbp-af-header .cbp-af-inner {
        height: auto
    }
}

@media(min-width:768px) and (max-width:991px) {
    .showcase-box h3 {
        text-align: left
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .showcase-box h3 {
        min-height: 50px
    }
}

.photo_font {
    font-size: 25px !important;
    color: #000 !important;
    text-align: center
}

.caption {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #397bc1;
    text-align: center;
    font-weight: 700;
    opacity: 1;
    top: 0;
    font-size: 20px
}

@media(min-width:0px) and (max-width:768px) {
    .expert-btn {
        margin: 10px auto !important
    }
    .solution-box p {
        width: 100%
    }
    .ttmenu .navbar-default .ttmenu-content {
        padding: 0
    }
    .social ul li {
        display: inline-block;
        margin: 0 0 15px 1px
    }
    header.masthead-demand.tensorflow {
        padding-top: 50px;
        height: 70vh
    }
    .pre-header ul li a {
        font-size: 13px
    }
    header.masthead-hyper {
        padding-top: 40px;
        height: 60vh
    }
    header.masthead-demand.Banner-solidity {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-digital-records.health {
        padding-top: 30px;
        height: 60vh
    }
    header.masthead-blockchain-in-insurance.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-gaming.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-application-for-voting.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-ecommerce.health {
        padding-top: 20px
    }
    header.masthead-blockchain-in-real-estate.health {
        padding-top: 20px;
        height: 80vh
    }
    header.masthead-blockchain-in-supplychain.health {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-identity {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-finance,
    header.masthead-mobility {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-legal {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-equihash {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-sha-256 {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-pivx {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-scrypt {
        padding-top: 10px;
        height: 85vh
    }
    header.masthead-x11 {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-exchange-platform-development {
        padding-top: 50px
    }
    header.masthead-business {
        padding-top: 40px;
        height: 65vh
    }
    header.masthead-iot {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-chatbot {
        padding-top: 10px;
        height: 60vh
    }
    header.masthead-finance.devops {
        padding-top: 0;
        height: 100vh
    }
    header.masthead-trans .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-engi .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-blockchain-development {
        height: 95vh;
        background: #183274
    }
    .feature-content_1 p,
    .section-heading p,
    .work_with_box p {
        font-size: 16px
    }
    header.masthead-blockchain-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .heading-tagline {
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px
    }
    .mid_section p {
        font-size: 16px;
    }
    .feature_1 {
        margin-top: 2em
    }
    header.masthead-ai .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 21px !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 30px
    }
    header.masthead-blockchain-consulting-services {
        height: 60vh;
        padding-top: 10px
    }
    header.masthead-custom-web-design-development {
        height: 97vh;
        padding-top: 133px
    }
    header.masthead-custom-web-design-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .mobile-resp .skype_button>span,
    .mobile-resp .whatsup_button>span {
        display: inline !important
    }
    .social_link {
        display: block !important
    }
    .mobile-resp {
        display: none
    }
    .MetaBlock-new-slider .hero h1,
    .MetaBlock-new-slider .hero h2 {
        font-size: 34px;
        line-height: 52px
    }
    .ttmenu .navbar-default .navbar-nav>li>a.carrer_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.skype_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.whatsup_button span {
        display: none !important
    }
    .ttmenu .nav>li>a {
        padding: 4px 0 !important
    }
    body .ttmenu .nav>li>a {
        border-bottom: 0 solid !important
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 6px !important
    }
    .ttmenu .nav>li>a {
        margin: 0 7px
    }
    header.masthead-blockchain-development {
        height: 25vh;
        padding-top: 10px
    }
    .bigdata-info img {
        max-width: 330px
    }
    .hi-icon {
        width: 40px;
        height: 40px
    }
    .hi-icon:before {
        font-size: 20px;
        line-height: 38px
    }
    .loc_icons {
        margin-bottom: 0
    }
    .loc_text ul {
        padding: 0
    }
    .location .col-sm-4 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .loc_text ul li {
        font-size: 13px;
        line-height: 21px
    }
    .location {
        padding: 10px 0
    }
}

.algorithm-img-modal {
    height: 332px;
    box-shadow: -1px 1px 5px 2px rgba(209, 207, 209, .39)
}

.img-modal .modal-header {
    background-color: transparent;
    background-color: initial;
    border-bottom: 0
}

.img-modal .modal-footer {
    border-top: 0
}

.pop-up-img-modal {
    max-width: 100%
}

.img-modal .modal-header .btn {
    background-color: #928f8f;
    color: #fff;
    height: 39px;
    border-radius: 100%;
    float: right
}

.expand-button {
    color: #fff
}

.modal-open .modal {
    overflow-x: hidden;
    margin-top: -75px;
    overflow-y: auto
}

.hgt_340 {
    height: 340px !important
}

.hgt_auto {
    height: auto !important
}

@media screen and (max-width:767px) {
    .whybottom_box {
        height: auto !important
    }
}

.hgt_400 {
    height: 400px
}

.gd-img img {
    max-width: none !important;
    width: 150px
}

@media screen and (min-width:767px) {
    .hgt_470 {
        height: 470px
    }
}

.foot_link .contact-info p {
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: left
}

.expert-btn {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 12px
}

.platform-icon {
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(34, 44, 55, .15)
}

div.platform-icon div.logo {
    background-color: transparent
}

div.platform-icon a,
div.platform-icon div.logo {
    width: 50px;
    height: 50px;
    display: block;
    /* background-image: url(../images/inner-pages/way/platform-logos.png); */
    background-color: #fff
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon {
    float: none;
    display: inline-block;
    margin: 5px
}

.multiple-platforms {
    text-align: center
}

.g-center {
    padding: 0 14px
}

div.platform-icon .win {
    background-position: 0 0
}

div.platform-icon .pc {
    background-position: 0 0
}

div.platform-icon .winphone8 {
    background-position: 0 -50px
}

div.platform-icon .windowsphone8 {
    background-position: 0 -50px
}

div.platform-icon .winstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstoreapps {
    background-position: 0 -100px
}

div.platform-icon .mac {
    background-position: 0 -150px
}

div.platform-icon .linux {
    background-position: 0 -200px
}

div.platform-icon .web {
    background-position: 0 -250px
}

div.platform-icon .unitywebplayer {
    background-position: 0 -250px
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon .android {
    background-position: 0 -350px
}

div.platform-icon .blackberry {
    background-position: 0 -400px
}

div.platform-icon .wiiu {
    background-position: 0 -450px
}

div.platform-icon .ps3 {
    background-position: 0 -500px
}

div.platform-icon .playstation3 {
    background-position: 0 -500px
}

div.platform-icon .ps4 {
    background-position: 0 -550px
}

div.platform-icon .playstation4 {
    background-position: 0 -550px
}

div.platform-icon .xbox {
    background-position: 0 -600px
}

div.platform-icon .facebook {
    background-position: 0 -650px
}

div.platform-icon .playstationvita {
    background-position: 0 -700px
}

div.platform-icon .unity {
    background-position: 0 -750px
}

div.platform-icon .xboxone {
    background-position: 0 -800px
}

div.platform-icon .xbox360 {
    background-position: 0 -850px
}

div.platform-icon .tizen {
    background-position: 0 -900px
}

div.platform-icon .psmobile {
    background-position: 0 -950px
}

div.platform-icon .teamlicense {
    background-position: 0 -1000px
}

div.platform-icon .oculus {
    background-position: 0 -1050px
}

div.platform-icon .oculusright {
    background-position: 0 -1050px
}

div.platform-icon .oculusrift {
    background-position: 0 -1050px
}

div.platform-icon .webgl {
    background-position: 0 -1100px
}

div.platform-icon .samsungtv {
    background-position: 0 -1150px
}

div.platform-icon .gearvr {
    background-position: 0 -1200px
}

div.platform-icon .androidtv {
    background-position: 0 -1250px
}

div.platform-icon .hololens {
    background-position: 0 -1300px
}

div.platform-icon .universal-windows {
    background-position: 0 -1350px
}

div.platform-icon .playstationvr {
    background-position: 0 -1400px
}

div.platform-icon .tvos {
    background-position: 0 -1450px
}

div.platform-icon .nintendo3ds {
    background-position: 0 -1500px
}

div.platform-icon .vive {
    background-position: 0 -1550px
}

div.platform-icon .cardboard {
    background-position: 0 -1600px
}

div.platform-icon .daydream {
    background-position: 0 -1650px
}

div.platform-icon .nintendo-switch {
    background-position: 0 -1700px
}

div.platform-icon .fireos {
    background-position: 0 -1750px
}

div.platform-icon .fb-gameroom {
    background-position: 0 -1800px
}

div.platform-icon .arkit {
    background-position: 0 -1850px
}

div.platform-icon .vuforia {
    background-position: 0 -1900px
}

div.platform-icon .arcore {
    background-position: 0 -1950px
}

div.platform-icon .magic-leap {
    background-position: 0 -2000px
}

.header-shadow .expert-btn {
    border: 2px solid #fff;
    background: 0 0
}

.blkchn_devpmt_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d)
}

.blkchn_devpmt_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 510px;
    margin-top: 20px
}

@media (max-width:767px) {
    .blkchn_devpmt_services {
        height: auto
    }
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div {
    margin: 15px auto;
    text-align: center
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div .blkchn_devpmt_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

@media (max-width:767px) and (min-width:0px) {
    #divisor {
        background-size: cover !important
    }
    .our-works .carousel-inner {
        margin: 0 !important
    }
    .first-shot {
        padding: 0 !important
    }
    figure {
        background-size: contain !important
    }
    .img-comparison {
        padding: 0 !important
    }
}

.multiple-platforms {
    padding: 0;
    /* background-image: url(../images/inner-pages/way/multiplatform-bg.png); */
    background-color: #000;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background-image: url(../images/inner-pages/way/wayfind-bg.png); */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.our-works .first-shot {
    color: #fff;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3);
    height: 449px;
    background-repeat: no-repeat;
    background-size: cover
}

.our-works .first-shot h1 {
    font-weight: 700;
    color: #2a7bc1;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.our-works .first-shot p {
    color: #000
}

.our-works .carousel li {
    display: none
}

.our-works .carousel-inner {
    margin: 25px 145px 50px;
    max-width: 1245px
}

.our-works {
    /* background-image: url(../images/inner-pages/way/shots-slide-bg.png); */
    padding: 0;
    background-size: cover
}

.our-works h1 {
    font-size: 50px;
    color: #2a7bc1;
    text-align: center;
    font-weight: 600
}

.carousel-slider .carousel-control {
    z-index: 2;
    top: 171px;
    height: 0;
    width: 8%;
    bottom: 0;
    font-size: 77px;
    opacity: 1
}

.carousel-control.left {
    right: 105% !important
}

.shots .carousel-control.right {
    left: 105% !important
}

.our-works h2 {
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.shots img {
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3)
}

div.platform-icon a,
div.platform-icon div.logo {
    border-radius: 50%
}

.multiple-platforms h2 {
    color: #fff;
    font-weight: bolder
}

.multiple-platforms h3 {
    color: #fff;
    font-size: 22px
}

.g-center {
    padding: 0 15px 25px
}

.img-comparison {
    padding: 0
}

.img-comparison h2 {
    color: #2a7bc1;
    margin-bottom: 51px;
    text-align: center;
    font-weight: 600;
    font-size: 32px
}

.img-comparison h3 {
    color: #2a7bc1;
    text-align: center
}

.img-comparison p {
    text-align: center
}

#comparison {
    width: 100%;
    padding-bottom: 48%;
    overflow: hidden;
    position: relative
}

figure {
    position: absolute;
    /* background-image: url(../images/inner-pages/way/gfloor-bp.png); */
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

#divisor {
    /* background-image: url(../images/inner-pages/way/gfloor-out.png); */
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3);
    bottom: 0;
    height: 100%;
    transition: width 2s
}

#divisor:after,
#divisor:before {
    content: '';
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #000;
    z-index: 3
}

#divisor:before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, .3)
}

#divisor:after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .3)
}

#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3
}

#handle:after,
#handle:before {
    content: '';
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    display: none
}

input[type=range]:active,
input[type=range]:focus {
    border: 0;
    outline: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: 0 0;
    border: 4px solid #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3)
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: 0
}

.rd_mr_btn {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    margin: 10px 0 0;
    line-height: 0
}

.blkchn_devpmt_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.blkchn_devpmt_services h4 {
    min-height: 50px
}

.blkchn_devpmt_services h2 {
    min-height: 50px
}

.blkchn_devpmt_services .feature-content_1 p {
    min-height: 280px
}

.list_img_div img {
    max-width: 60px;
    position: absolute
}

.list_content_div {
    margin-left: 70px
}

.industry_focus {
    padding: 10px
}

.industry_focus p {
    font-size: 15px !important;
    line-height: 27px
}

.industry_focus .slide-content .industries_solution_btn_p {
    margin: 20px 0
}

.industry_focus .slide-content .industries_solution_btn_p a.explore_slick_btn {
    margin-right: 8px
}

.industry_focus .item_pagination {
    padding: 15px !important
}

.industry_focus .slick-carousel .slick-list {
    margin-top: 0
}

.multiple-platforms p {
    font-size: 18px
}

@media (max-width:767px) {
    .blockchain__indus__sec #blockchain_indus_accordion {
        padding: 10px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #183276;
        color: #fff
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading .panel-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-right: 15px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body .blockchain_indus_buttons {
        padding: 0 10px;
        text-align: center
    }
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../crypto_platform/bitcoin-fire.png) no-repeat scroll center top/cover; */
    margin-top: 0
}

#why_development .why_box {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%
}

#why_development .why_box span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: 10em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.why_development p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 50px;
    text-align: center
}

.cryp-heading h3 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 28px;
    margin: 0 0 50px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

#why_development .why_box span:hover {
    cursor: pointer;
    background: #bb3361
}

.mob_industy_box {
    width: 180px;
    height: 230px;
    margin: 1em auto;
    color: #000;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.social_netw {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -93px -39px
}

.bank_finan {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -333px -39px
}

.entertain {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -563px -39px
}

.ondemand {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -801px -39px
}

.ecommerce {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1039px -39px
}

.food {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1271px -39px
}

.healthcare {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -102px -353px
}

.realestate {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -367px -353px
}

.education {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -618px -353px
}

.transport {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -881px -353px
}

.lifestyle {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -1142px -353px
}

.cryptocurency {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -368px -353px
}

@media (max-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box {
        padding: 10px
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 10rem;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav {
        position: absolute;
        top: 10rem;
        left: 0;
        right: 0
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev {
        position: absolute;
        left: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next {
        position: absolute;
        right: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next:before,
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev:before {
        border: 1px solid #148bfdbf;
        background: #148bfdbf;
        color: #fff;
        font-size: 40px;
        font-weight: 700
    }
}

.ondemand__app__sec .title {
    font-size: 35px;
    font-weight: 600;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div {
    position: relative;
    bottom: 30px;
    text-align: center;
    background: #fff;
    padding: 5px;
    margin: 0 15px;
    border-radius: 3px;
    box-shadow: gray;
    box-shadow: 0 0 29.1px .9px rgba(0, 0, 0, .2);
    z-index: 1
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box img {
    width: 100%
}

.ondemand__app__sec #ondemand__app__carousel .item {
    padding: 10px 0
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p a {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #535e72
}

@media (min-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover:before {
        transform: scaleX(1)
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 7rem;
        transition: 1s;
        opacity: 0;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover .btn__div {
        bottom: 23rem;
        transition: 1s;
        opacity: 1
    }
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 320px;
    top: 3%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 18px;
    transition: transform .3s ease-out
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div .get__demo__a {
    background: #148bfd;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots {
    margin-top: 0 !important;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot.active span {
    background: #ad2953b8
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot span {
    display: block;
    background: #ccc;
    width: 13px;
    height: 13px;
    margin: 5px;
    border-radius: 50px;
    cursor: pointer
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot {
    display: inline-block
}

.ondemad_head .banr-listing {
    padding: 0
}

.ondemad_head .heading-tagline {
    text-align: left !important;
    font-size: 16px;
    margin-bottom: 2rem;
}

.ondemad_head .banr-listing li {
    color: #fff;
    margin-bottom: 22px;
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    list-style: none;
    text-align: left
}

header.ondemad_head {
    position: relative;
    width: 100%;
    padding-top: 75px !important;
    color: #fff;
    background: rgb(68, 81, 238);
    background: linear-gradient(50deg, rgba(68, 81, 238, 1) 25%, rgba(71, 26, 189, 1) 76%);
    height: 85vh;
}

header.ondemad_head .header-content h1 {
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1.2;
}

.ondemad_feature .whybottom_box .inr_img {
    top: -65px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.ondemad_feature .whybottom_box {
    height: 300px
}

.ondemad_feature .whybottom_box .inr_img:hover {
    transform: rotate(360deg);
    transition: 1s
}

.why-business .whybottom_box {
    height: auto;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    background-color: #0d4388
}

.why-business .whybottom_box h3 {
    color: #fff
}

.why-business .whybottom_box abbr {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px;
    padding: 5px;
    border-radius: 0 0 60% 60%;
    background: #ff3d9e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff3d9e), color-stop(100%, #481891));
    background: linear-gradient(135deg, #ff3d9e 0, #481891 100%)
}

.why-business .whybottom_box abbr:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #581c7f transparent transparent
}

.why-business .whybottom_box abbr:after {
    position: absolute;
    right: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #581c7f
}

.on-dmnd-industries .od-ind-box {
    text-align: center;
    padding: 10px;
    position: relative
}

.on-dmnd-industries .od-ind-box p {
    text-align: center;
    font-weight: bolder
}

.on-dmnd-industries .all-features {
    text-align: center
}

.on-dmnd-industries .all-features a.collapsed {
    color: #ff3d9d
}

.on-dmnd-industries .all-features a.collapsed .rotate-icon {
    color: #ff3d9d;
    border-color: #ff3d9d;
    transform: rotate(90deg)
}

.on-dmnd-industries .all-features a .vff {
    display: block;
    font-size: 15px;
    font-weight: bolder
}

.fa-angle-double-right:before {
    content: "\f101" !important
}

.on-dmnd-industries .all-features a .rotate-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #8200f2;
    border: 1px solid #8200f2;
    border-radius: 100px;
    transform: rotate(-90deg);
    transition: all .3s ease-in-out
}

.on-dmnd-industries .all-features a .rotate-icon i {
    font-size: 16px;
    margin-top: 5px
}

/*ON Demand App Banner Form - Start*/

.ondemand_app_banner_form_sec {
    background: #00000047;
    padding: 20px;
}

.ondemand_app_banner_form_sec .ondemand_app_banner_form_head .title {
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .form-group {
    margin-bottom: 20px;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form input,
.ondemand_app_banner_form_sec #ondemad_app_banner_form select,
.ondemand_app_banner_form_sec #ondemad_app_banner_form textarea {
    border-radius: 0;
    box-shadow: none;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .submit_btn {
    background: #f8e136;
    display: block;
    width: 100%;
    border-radius: 0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

/*ON Demand App Banner Form - End*/

.mt-9 {
    margin-top: 9rem
}

.why-business .whybottom_box img {
    width: 50px;
    height: 50px;
    object-fit: none
}

.on-dmnd-industries img {
    width: 64px;
    height: 64px;
    object-fit: none
}

.collapsed .replaced_content {
    visibility: hidden;
    position: relative
}

.collapsed .replaced_content:after {
    visibility: visible;
    content: "Load More"
}

.replaced_content:after {
    visibility: visible;
    content: "Load Less"
}

@media (max-width:768px) and (min-width:0px) {
    header.ondemad_head {
        background: #442ee5;
        height: auto !important;
    }
    .ondemad_head h1 {
        font-size: 24px !important;
        text-align: center !important
    }
    .ondemad_head .heading-tagline {
        text-align: center !important;
        font-size: 16px
    }
    .about {
        padding: 0
    }
}

.industry_focus .mob_industy_box h3 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 100px;
    text-shadow: 2px 2px 10px #0000006c
}

.industry_focus #client_carousel .item .industries_quote_btn {
    background: #00000073;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 25px auto;
    letter-spacing: 0
}

@media (min-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0;
        display: none
    }
}

@media (max-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0
    }
}

.mob_industy_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 5px;
    transition: transform .3s ease-out
}

.mob_industy_box:hover:before {
    transform: scaleX(1)
}

.mob_industy_box:hover .industries_quote_btn_div {
    display: block !important
}

.why-cntnt {
    text-align: center
}

.why_MetaBlock {
    padding: 30px 0
}

.why-img-title {
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0;
    text-align: center
}

.process_we_follow {
    background: #e3edf2;
    background: linear-gradient(135deg, #e3edf2 0, #b9c3cf 100%);
    padding: 30px 0
}

.enterprise-mobile-app-development-countrybased {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(https://img.freepik.com/free-photo/blockchain-technology-background-gradient-blue_53876-124648.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width: 767px) {
    .enterprisemob_banbtn {
        text-align: center;
    }
}

@media (min-width: 767px) {
    .enterprise-mobile-app-development-countrybased .header-content .mb-5 {
        text-align: left;
    }
    .enterprise-mobile-app-development-countrybased .header-content {
        margin-top: 9rem;
    }
    .enterprise-mobile-app-development-countrybased .heading-tagline {
        text-align: left;
        font-size: 18px;
    }
    .enterprise-mobile-app-development-countrybased.header-shadow:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 0%) none repeat scroll 0 0;
    }
}

header.enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    background: url(https://img.freepik.com/free-photo/blockchain-technology-background-gradient-blue_53876-124648.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width:768px) and (min-width:0px) {
    header.enterprise-mobile-app-development {
        height: 97vh;
        padding-top: 133px
    }
    header.enterprise-mobile-app-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .intro_img_sprite {
        background-position: -992px -1247px !important
    }
    header.masthead-blockchain-development .header-content .mb-5 {
        font-size: 24px !important;
        text-align: center;
        line-height: 1.5
    }
    header.masthead-blockchain-development .header-content .heading-tagline {
        width: 100% !important;
        text-align: center
    }
    .bck_request_btn {
        text-align: center
    }
    header.masthead-blockchain-development .text-left {
        text-align: center !important
    }
}

header.masthead-blockchain-development .text-left {
    text-align: left
}

.header-shadow-custom .expert-btn {
    border: 2px solid #fff;
    background: 0 0
}

.enterprise_mobile_app_services:hover {
    filter: drop-shadow(0px 0px 20px -6px black) !important
}

.enterprise_mobile_app_services {
    background-color: black !important;
    box-shadow: 0px 0px 20px -6px gray !important;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 300px;
    height: auto;
    margin-top: 20px
}

@media (max-width:767px) {
    .enterprise_mobile_app_services {
        min-height: auto;
        height: auto
    }
}

.enterprise_mobile_app_services .mobile_app_services_btn_div {
    margin: 10px auto;
    text-align: center
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn i {
    font-size: 20px;
    margin-left: 5px
}

.enterprise_mobile_app_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.enterprise_mobile_app_services h4 {
    min-height: 50px
}

.enterprise_mobile_app_services h2 {
    color: white !important;
    min-height: 50px
}

.enterprise_mobile_app_services .feature-content_1 p {
    color: white !important;
    padding: 10px 0px !important;
    text-align: justify !important;
}

.spr-feature-img-1 {
    object-fit: none;
    object-position: 0 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-2 {
    object-fit: none;
    object-position: -80px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-3 {
    object-fit: none;
    object-position: -166px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-4 {
    object-fit: none;
    object-position: -247px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-5 {
    object-fit: none;
    object-position: -331px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-6 {
    object-fit: none;
    object-position: 0 -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-7 {
    object-fit: none;
    object-position: -80px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-8 {
    object-fit: none;
    object-position: -166px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-9 {
    object-fit: none;
    object-position: -246px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-10 {
    object-fit: none;
    object-position: -329px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-11 {
    object-fit: none;
    object-position: -87px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-12 {
    object-fit: none;
    object-position: 1px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-13 {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-14 {
    object-fit: none;
    object-position: -250px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-15 {
    object-fit: none;
    object-position: -336px -161px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-16 {
    object-fit: none;
    object-position: -142px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-17 {
    object-fit: none;
    object-position: -245px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-18 {
    object-fit: none;
    object-position: -350px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr_img_consen {
    width: 60px;
    height: 60px;
    margin-left: 0 auto;
    /* background-image: url(../images/inner-pages/blockchain_development/blkch_sprite.png?v2) */
}

.techstack_sprite {
    /* background-image: url(../../../public/images/techstack.png) ; */
    width: 68%;
    /* height: 229px; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: -9px -120px;
    background-size: 111rem;
    margin: auto !important;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite_res {
    width: 100%;
    height: 575px;
    background-position: -1413px -243px;
    background-size: 179rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite {
    width: 65%;
    height: 287px;
    background-position: -11px -469px;
    background-size: 135rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.mobile_app_hire_sprite {
    width: 60%;
    height: 250px;
    background-position: -1875px -1480px;
    background-size: 110rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.hire_sprite {
    width: 77%;
    height: 200px;
    background-position: -1531px -1205px;
    background-size: 90rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.appio-sprite {
    width: 100%;
    border-radius: 10px;
    height: 540px;
    border: 1px solid #d2d2d2;
    background-size: 180rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v2) */
}

.appio-screen-img img {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
    border: 2px solid #d2d2d2
}

.sol-icon .cust_web_imgpack {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1) */
}

.service_sprite {
    background-size: 85rem;
    width: 77px;
    height: 90px
}

.web_portal_sprite {
    margin: 0 63%;
    background-size: 174rem;
    width: 119px;
    height: 101px
}

.web_development_sprite {
    margin: 0;
    background-size: 83rem;
    width: 119px;
    height: 101px
}

.js_framework_sprite {
    margin: 0 63%;
    background-size: 70rem;
    width: 127px;
    height: 101px
}

.web_development_sol_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 63%;
    background-size: 83rem;
    width: 127px;
    height: 122px
}

.webd-intro-sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    background-size: 166rem;
    width: 620px;
    height: 300px;
    background-position: -936px -787px
}

.webdesign_services_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 auto;
    background-size: 280rem;
    width: 350px;
    height: 350px
}

#screenshots {
    padding: 10px 0
}

.swiper-container.appio-screen-view {
    text-align: center
}

.swiper-container.appio-screen-view .swiper-slide {
    padding: 0 43px
}

.swiper-container {
    width: 100%;
    padding-bottom: 50px
}

.swiper-slide .appio-sprite {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px
}

.swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 15px
}

.two .swiper-slide {
    width: 300px
}

.swiper-slide .appio-sprite {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2)
}

.swiper-slide .appio-screen-img .preview-icon {
    z-index: -1;
    width: calc(100% - 30px)
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0
}

.swiper-pagination-bullet {
    border-radius: 10px;
    display: inline-block;
    height: 5px;
    width: 20px;
    opacity: 1;
    transition: .2s;
    background-color: #000
}

.swiper-pagination-bullet:nth-child(5n+1) {
    background-color: #9bcf50
}

.swiper-pagination-bullet:nth-child(5n+2) {
    background-color: #36c6eb
}

.swiper-pagination-bullet:nth-child(5n+3) {
    background-color: #ff7e30
}

.swiper-pagination-bullet:nth-child(5n+4) {
    background-color: #1e87f0
}

.swiper-pagination-bullet:nth-child(5n+5) {
    background-color: #bf095d
}

.swiper-pagination-bullet-active {
    border: medium none;
    height: 5px;
    width: 30px;
    opacity: 1
}

.process_we_follow img {
    width: 100% !important
}

.why_crypto_development_sprite1,
.why_crypto_development_sprite2,
.why_crypto_development_sprite3,
.why_crypto_development_sprite4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.why_crypto_development_sprite1 {
    object-position: 0 0
}

.why_crypto_development_sprite2 {
    object-position: -120px 0
}

.why_crypto_development_sprite3 {
    object-position: -240px 0
}

.why_crypto_development_sprite4 {
    object-position: -361px 0
}

.crypto_services1,
.crypto_services2,
.crypto_services3,
.crypto_services4,
.crypto_services5,
.crypto_services6 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_services1 {
    object-position: -482px 0
}

.crypto_services2 {
    object-position: 0 -105px
}

.crypto_services3 {
    object-position: -120px -105px
}

.crypto_services4 {
    object-position: -244px -105px
}

.crypto_services5 {
    object-position: -362px -105px
}

.crypto_services6 {
    object-position: -483px -109px
}

.crypto_platform1,
.crypto_platform10,
.crypto_platform11,
.crypto_platform12,
.crypto_platform2,
.crypto_platform3,
.crypto_platform4,
.crypto_platform5,
.crypto_platform6,
.crypto_platform7,
.crypto_platform8,
.crypto_platform9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_platform1 {
    object-position: 13px -211px
}

.crypto_platform2 {
    object-position: -90px -211px
}

.crypto_platform3 {
    object-position: -193px -211px
}

.crypto_platform4 {
    object-position: -296px -211px
}

.crypto_platform5 {
    object-position: -401px -211px
}

.crypto_platform6 {
    object-position: -507px -211px
}

.crypto_platform7 {
    object-position: 6px -293px
}

.crypto_platform8 {
    object-position: -96px -290px
}

.crypto_platform9 {
    object-position: -199px -292px
}

.crypto_platform10 {
    object-position: -298px -292px
}

.crypto_platform11 {
    object-position: -400px -292px
}

.crypto_platform12 {
    object-position: -503px -292px
}

.cryp_xchge_feature1,
.cryp_xchge_feature2,
.cryp_xchge_feature3,
.cryp_xchge_feature4,
.cryp_xchge_feature5,
.cryp_xchge_feature6,
.cryp_xchge_feature7,
.cryp_xchge_feature8,
.cryp_xchge_feature9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_feature1 {
    object-position: 0 0
}

.cryp_xchge_feature2 {
    object-position: -103px 0
}

.cryp_xchge_feature3 {
    object-position: -193px 0
}

.cryp_xchge_feature4 {
    object-position: -290px 0
}

.cryp_xchge_feature5 {
    object-position: -393px 0
}

.cryp_xchge_feature6 {
    object-position: -17px -91px
}

.cryp_xchge_feature7 {
    object-position: -131px -93px
}

.cryp_xchge_feature8 {
    object-position: -243px -99px
}

.cryp_xchge_feature9 {
    object-position: -346px -99px
}

.cryp_xchge_sfeature1,
.cryp_xchge_sfeature2,
.cryp_xchge_sfeature3,
.cryp_xchge_sfeature4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_sfeature1 {
    object-position: -13px -225px
}

.cryp_xchge_sfeature2 {
    object-position: -138px -225px
}

.cryp_xchge_sfeature3 {
    object-position: -263px -225px
}

.cryp_xchge_sfeature4 {
    object-position: -390px -225px
}

.daapd-sprite-ctrl {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.dappd-sprite-pos-1 {
    object-position: -7px -4px
}

.dappd-sprite-pos-2 {
    object-position: -100px -4px
}

.dappd-sprite-pos-3 {
    object-position: -194px -4px
}

.dappd-sprite-pos-4 {
    object-position: -287px -4px
}

.dappd-sprite-pos-5 {
    object-position: -380px -4px
}

.dappd-sprite-pos-6 {
    object-position: -472px -4px
}

.dappd-sprite-pos-7 {
    object-position: -567px -4px
}

.dappd-sprite-pos-8 {
    object-position: -6px -98px
}

.dappd-sprite-pos-9 {
    object-position: -100px -98px
}

.dappd-sprite-pos-10 {
    object-position: -193px -98px
}

.dappd-sprite-pos-11 {
    object-position: -287px -98px
}

.dappd-sprite-pos-12 {
    object-position: -379px -98px
}

.dappd-sprite-pos-13 {
    object-position: -473px -98px
}

.dappd-sprite-pos-14 {
    object-position: -567px -98px
}

.supc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.supc-sprite-pos-1 {
    object-position: -5px -6px
}

.supc-sprite-pos-2 {
    object-position: -122px -6px
}

.supc-sprite-pos-3 {
    object-position: -241px -6px
}

.supc-sprite-pos-4 {
    object-position: -362px -6px
}

.supc-sprite-pos-5 {
    object-position: -481px -7px
}

.supc-sprite-pos-6 {
    object-position: -604px -7px
}

.hc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hc-sprite-pos-1 {
    object-position: -4px -8px
}

.hc-sprite-pos-2 {
    object-position: -125px -8px
}

.hc-sprite-pos-3 {
    object-position: -246px -8px
}

.hc-sprite-pos-4 {
    object-position: -367px -8px
}

.hc-sprite-pos-5 {
    object-position: -15px -146px
}

.hc-sprite-pos-6 {
    object-position: -136px -146px
}

.hc-sprite-pos-7 {
    object-position: -257px -146px
}

.hc-sprite-pos-8 {
    object-position: -378px -146px
}

.bcd-sprite-ctrl-0 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -2px -250px
}

.bcd-sprite-ctrl-1 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -71px -250px
}

.bcd-sprite-ctrl-2 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -141px -250px
}

.bcd-sprite-ctrl-3 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -210px -250px
}

.bcd-sprite-ctrl-4 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -280px -250px
}

.bcd-sprite-ctrl-5 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -351px -250px
}

.bcd-sprite-ctrl-6 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -1px -316px
}

.bcd-sprite-ctrl-7 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -73px -316px
}

.bcd-sprite-ctrl-8 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -142px -316px
}

.intro_img_sprite {
    width: 100%;
    height: 448px;
    /* background-position: -919px -1247px; */
    background-size: 216rem;
    margin: 0 auto;
    /* background-image: url(https://desigiftsusa.com/cdn/shop/products/IMG_2072_1440x.jpg?v=1660780494); */
}

.spr_img_mob_dev,
.sofware-image-1 {
    width: 80px;
    height: 80px;
    background-size: 92rem;
    margin: 0 auto;
    background-position: center !important;
    background-size: cover !important;
    background-image: url(../../static/media/software1.68cbdc43da0ede6a25e9.webp);
    background-repeat: no-repeat !important;
    border-radius: 50px !important;
}

.spr_img {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.list-strategy .round-circle {
    margin: 0 auto 40px
}

#accordion .panel {
    border: none;
    border-radius: 3px;
    box-shadow: none
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 3px;
    background: 0 0
}

#accordion .panel-title a {
    display: block;
    padding: 12px 18px;
    background: #e6e6e6;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    color: #333;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    position: relative;
    transition: all .5s ease 0s;
    box-shadow: 0 1px 2px rgb(43 59 93 / 30%);
    border-radius: 7px;
}

#accordion .panel-title a.collapsed {
    box-shadow: none;
    color: #333;
    box-shadow: 0 1px 2px rgb(80 80 80 / 30%);
    font-weight: 600;
}

#accordion .panel-title a.collapsed:before,
#accordion .panel-title a:before {
    content: "\f067";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;
    position: relative;
    float: right;
    transform: rotate(135deg);
    transition: all .3s ease 0s
}

#accordion .panel {
    background-color: #fcfcfc;
}

#accordion .panel-body p {
    text-align: justify;
    color: #333;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

#accordion .panel-title a.collapsed:before {
    color: #333;
    transform: rotate(0)
}

.mid_section.faq__section {
    background: #f6f6f6;
}

#accordion .panel-body {
    padding: 0 65px 0 15px;
    /* border: 1px solid #000; */
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
    box-shadow: 0px 2px 10px -7px #797979;
}

.products-section {
    /* background-image: url(../images/inner-pages/blockchain_development/platforms-bg.png); */
    background-size: cover;
    padding: 20px !important;
    margin-top: 0
}

.platform_heading {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 28px;
    margin: 5px 0 10px;
    font-weight: 700
}

.our-platform-inner {
    background: #fff;
    height: 381px;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.products-section .our-plat-img {
    text-align: -webkit-center
}

.our-plat-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin: 10px 0;
    color: #333
}

.products-section .our-plat-describe {
    font-size: 15px
}

.our-plat-explore {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 600
}

.our-plat-explore a {
    color: #ba2352
}

.our-plat-explore .fa-angle-right {
    margin-left: 7px;
    color: #ba2352
}

.owl-theme .owl-dots .owl-dot:hover span,
.products-section .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    margin-top: 20px
}

.products-section .owl-theme .owl-nav {
    display: none
}

.blck-platform-sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hyp-frame-sec {
    text-align: left;
    padding: 20px
}

.hyp-box .normal_text {
    text-align: justify;
    min-height: 383px
}

.hyp-frame-sec {
    background-color: #eefaff
}

.hyp-box {
    padding: 30px;
    border: 1px solid #dcdcdc;
    min-height: 577px;
    background-color: #fff
}

.hyp-buttons {
    border-radius: 5px
}

.hyp-frame-sec .hyp-buttons {
    background-color: #20518d;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 5px
}

.hyp-tools-box {
    text-align: left;
    padding: 26px;
    height: auto;
    background-size: cover;
    min-height: 453px;
    background-color: #012a5e;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hyp-tools-sec {
    background-color: #fafafa;
    padding: 30px
}

.whyhy-enterprise {
    padding: 30px 0 55px
}

@media (min-width:768px) {
    .ten-columns>.col-sm-2 {
        width: 20%
    }
}

.why-ent-box {
    text-align: center
}

.whyent-head {
    font-size: 17px;
    color: #333;
    font-weight: 500
}

.why-ent-box-border {
    border-right: 1px solid #dcdcdc
}

.whyhy-enterprise-wrap {
    background-color: #fff;
    padding: 54px;
    border-radius: 3px;
    border: 1px solid #e2ecff;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hypcontain-custom {
    margin: 0 auto;
    width: 97.5%;
    max-width: 1520px
}

.hyp-indus-box {
    font-family: proxima_nova_rgbold;
    font-size: 42px;
    line-height: 44px;
    padding: 80px 27px 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 1;
    color: #fff;
    min-height: 497px
}

.hyp-indus-box1 {
    /* background-image: url(../images/inner-pages/hyper-ledger/supplychain.png) */
}

.hyp-indus-box2 {
    /* background-image: url(../images/inner-pages/hyper-ledger/healthcare.png) */
}

.hyp-indus-box3 {
    /* background-image: url(../images/inner-pages/hyper-ledger/identity.png) */
}

.hyp-indus-box4 {
    /* background-image: url(../images/inner-pages/hyper-ledger/finance.png) */
}

.hyp-indus-box5 {
    /* background-image: url(../images/inner-pages/hyper-ledger/realestate.png) */
}

.hyp-indus-box:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    background: rgba(0, 5, 66, .47);
    transition: height .3s cubic-bezier(.4, 0, .2, 1)
}

.hyp-indus-box:hover:before {
    height: 100%
}

.hyp_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700
}

.indus-hyp-sec {
    background-color: #f5f7fb;
    padding: 30px 0
}

.why-MetaBlock-hyp {
    background-color: #095cc5;
    padding: 30px;
    background-position: bottom
}

.why_hyp_content .hyp_common_title {
    color: #fff
}

.why_hyp_content p {
    color: #fff
}

.why-MetaBlock-hyp .list-unstyled li {
    color: #fff
}

.yMetaBlock-hyp-border {
    border-left: solid #80a5b4 1px
}

.hyp-indus-title,
.hyptool-title {
    color: #fff
}

.hyp-tools-box .hyptool-p {
    color: #fff;
    text-align: justify
}

.why_hyp_content .hyp_common_title {
    margin-top: 0
}

.hypprocess-sec {
    padding: 30px
}

.hyp-proces-img {
    display: inline-block;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin-bottom: 15px;
    border: 2px dashed #9b9b9b
}

.hypprocess-line:before {
    position: absolute;
    content: '';
    height: 1px;
    top: 30%;
    right: -20%;
    width: 40%;
    border-bottom: 2px dashed #9b9b9b
}

.hypproces-title {
    font-size: 18px;
    color: #012a5e;
    font-weight: 700;
    margin-bottom: 10px
}

.hypp-count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.hyptools-head {
    color: #fff;
    margin-top: 0;
    font-size: 25px;
    line-height: 27px
}

@media (max-width:767px) {
    .hypprocess-line:before {
        display: none
    }
    .mob-pad-ctrl {
        padding: 0
    }
    .why-ent-box-border {
        border-right: 0 solid #0b70d5
    }
    .why-ent-box {
        text-align: center;
        margin-bottom: 18px
    }
    .hyp-indus-box {
        margin-bottom: 18px
    }
    .yMetaBlock-hyp-border {
        border-left: solid #1e4676 0
    }
    .hyp-box,
    .hyp-tools-box {
        margin-bottom: 18px
    }
    .hyp_common_title {
        font-size: 17px;
        line-height: 30px
    }
    .why-MetaBlock-hyp {
        padding: 15px
    }
}

.hyp-frame-sprite {
    width: 137px !important;
    height: 40px;
    object-fit: none
}

.hyp-tool-sprite {
    width: 137px;
    height: 40px;
    object-fit: none
}

.hyp-yent-sprite {
    width: 55px;
    height: 55px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 70px;
    height: 70px;
    object-fit: none
}

.hyp-process-sprite {
    width: 90px;
    height: 90px;
    object-fit: none;
    margin: 40px
}

.hyp-tic-sprite {
    height: 25px;
    width: 30px;
    object-fit: none;
    margin-right: 5px
}

.hyp-ft-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-ft-box {
    text-align: center;
    box-shadow: 0 3px 19px -11px #01285a;
    padding: 20px;
    border: 1px solid #f6f6f6;
    min-height: 320px;
    background-color: #fff;
    border-radius: 6px
}

.hyp-ft {
    padding: 30px;
    background: #f2f2f3
}

.hyp-ft-desc {
    font-size: 15px
}

.hyp-box .btn:focus {
    border: 0 solid #fff;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.hyp-bt-sec {
    padding: 30px;
    background-color: #eefaff
}

.hyp-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 146px
}

.nyp-btb-cont1 {
    background-color: #0d4388
}

.nyp-btb-cont2 {
    background-color: #e6f0f4
}

.nyp-btb-cont3 {
    background-color: #012a5e
}

.nyp-btb-cont4 {
    background-color: #0099da
}

.nyp-btb-cont5 {
    background-color: #0d4388
}

.nyp-btb-cont6 {
    background-color: #0099da
}

.nyp-btb-cont7 {
    background-color: #d7f4ff
}

.hyp-btb-tile {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-frame-sec .owl-theme .owl-nav [class*=owl-] {
    display: none
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.hyp-indus-sec .list-strategy-wrap .slick-dots li.slick-active {
    background: #00adf6
}

.hyp-indus-sec .explore_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700
}

.hyp-indus-sec .get_demo_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700;
    border-radius: 50px
}

.hyp-indus-sec .slider__arrows ul li a {
    display: block;
    padding: 10px 20px;
    border: 2px solid #008dc9;
    border-radius: 2px;
    color: #fff
}

.hyp-indus-sec .list-strategy-wrap {
    margin-top: 0
}

.hyp-indus-sec {
    background-color: #f6f6f6
}

.hyp-ft-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-indus-sec .list-strategy .round-circle {
    margin: 0 auto 82px
}

.hyp-indus-sec .bcd-sprite-ctrl-0 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4579px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-1 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4690px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-2 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4811px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-3 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4930px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-4 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5047px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-5 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5163px 24px !important
}

.connect_chat_icons_sec {
    bottom: 8% !important
}

.webdevelopment_new_custom_box {
    padding: 40px;
    min-height: 400px;
    position: relative;
    z-index: 0
}

.webdevelopment_new_title {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 12px
}

.webdevelopment_new_custom_color-1 {
    background-color: #ebeff2
}

.webdevelopment_new_custom_color-2 {
    background-color: #0d4388
}

.webdevelopment_new_custom_color-3 {
    background-color: #0f5abb
}

.webdevelopment_new_custom_color-4 {
    background-color: #0594d1
}

.webdevelopment_new_custom_dark {
    color: #001e1f
}

.webdevelopment_new_custom_light {
    color: #fff
}

.webdevelopment_new_custom_bg {
    /* background-image: url(../images/inner-pages/website_design/ft-bgicons.svg); */
    background-repeat: no-repeat;
    width: 163px;
    height: 157px;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0
}

@media (min-width:767px) {
    .ethdapp_serv_box {
        min-height: 449px
    }
    .ethh_dapp_pts_title {
        min-height: 70px
    }
    .ethdapp_serv_box .feature-content_1 p {
        min-height: 200px;
        margin-bottom: 10px
    }
}

header.masthead-dapp-development .header-content h1 {
    text-align: left
}

header.masthead-dapp-development .heading-tagline {
    text-align: left
}

.why-eth-dev {
    background-color: #eefaff
}

.ethdapp_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.why_dapp_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    height: 370px;
    border: 1px solid #dcdcdc
}

.ethdapp_serv_box {
    margin: 30px 0;
    padding: 10px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background-color: #fff
}

.ethh_dapp_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_dapp_platform_sec .list_item li {
    display: inline;
    float: left;
    padding: 30px;
    text-align: center
}

.eth_dapp_platform_sec .list_item li img {
    display: grid;
    margin: 0 auto
}

.eth_dapp_platform_sec .list_item ul.list-unstyled {
    padding-right: 0
}

.ethhdapp_plats_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.new_common_darkbg {
    background-color: #012a5e
}

.dapp-tools-inner {
    background: #fff;
    height: auto;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-prev {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 60px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next i.fa-long-arrow-right,
.eth_dapp_tools .owl-theme .owl-nav .owl-prev i.fa-long-arrow-left {
    font-size: 40px;
    padding: 0;
    line-height: 25px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot.active span {
    border: 3px solid #ae2954;
    width: 15px;
    height: 15px
}

.eth_dapp_tools p {
    color: #fff
}

.eth_dapp_tool_content {
    margin: 20px 0 0 22px
}

.eth_dapp_tools .ethdapp_common_title {
    font-size: 36px;
    color: #fff
}

.new_common_lightgrey_bg {
    background: #eff2f5
}

.eth_dapp_process_title {
    text-align: right
}

.eth_dapp_process_desc,
.eth_dapp_process_num {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.342em
}

.eth_dapp_process_num {
    font-size: 40px
}

.ethdapp_process_para p {
    font-size: 17px !important;
    line-height: 2;
    margin: 0;
    text-align: justify
}

.align-items-center {
    display: flex;
    align-items: center
}

.connect-c-c {
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    /* background: url(../images/inner-pages/dapp_development/process-connect.svg) */
}

.eth_dapp_tools {
    padding: 54px 40px 20px 40px
}

.eth_dapp_process {
    padding: 50px
}

.new_common_tile_color1 {
    background: #012a5e
}

.new_common_tile_color2 {
    background: #e6f0f4
}

.new_common_tile_color3 {
    background: #0099da
}

.new_common_tile_color4 {
    background: #044391
}

.why_ethdapp_MetaBlock_box {
    min-height: 210px;
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding-top: 30px
}

.why_ethdapp_MetaBlock_title {
    line-height: 21px;
    margin-top: 15px
}

.new_common_container {
    margin: 0 auto;
    width: 91.5%;
    max-width: 1520px
}

.white-text {
    color: #fff !important
}

@media (min-width:767px) {
    .why_ethdapp_MetaBlock_bg {
        /* background: url(../images/inner-pages/dapp_development/whydapp_MetaBlock_bg.jpg) no-repeat; */
        height: 420px;
        background-size: cover;
        background-position: -165px 0
    }
}

.why_ethdapp_MetaBlock {
    background: #eefaff
}

@media (min-width:767px) {
    .eth-dapp-hire {
        /* background: url(../images/inner-pages/dapp_development/eth_dapp_hire.jpg?v1) no-repeat; */
        background-size: cover;
        position: relative;
        padding: 50px
    }
}

.eth-dap-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px
}

.eth-daapd-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth-why-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.ethdapp-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

header.masthead-dapp-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/dapp_development/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.masthead-banner-btn .new_common_btn {
    margin: 20px auto
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .ethdapp-process {
        display: block
    }
    .eth_dapp_process_desc,
    .eth_dapp_process_num,
    .ethdapp_process_para p {
        text-align: center
    }
    .eth-dapp-hire {
        padding: 0
    }
    header.masthead-dapp-development {
        background-position: 0 0;
        background-position: initial
    }
    header.masthead-dapp-development .header-content h1 {
        font-size: 33px !important
    }
    .header-content .heading-tagline,
    header.masthead-dapp-development .header-content h1 {
        text-align: center
    }
    .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 35px
    }
    .eth-dap-hire-box .ethdapp_common_title {
        font-size: 17px !important;
        line-height: 35px
    }
    .eth_dapp_platform_sec .ethdapp_common_title {
        font-size: 22px
    }
    .eth_dapp_tools {
        padding: 0 0 2px 0
    }
    .eth_dapp_tools .ethdapp_common_title {
        font-size: 31px;
        color: #fff
    }
    .why_ethdapp_MetaBlock .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 30px
    }
    .masthead-banner-btn {
        text-align: center
    }
    .ethdapp_serv_box .feature-content_1 p {
        margin-bottom: 10px
    }
}

@media (min-width:767px) {
    .typs-ethtok-box {
        min-height: 570px
    }
}

header.masthead-ethereum-token-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/Banner.png?v1) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.masthead-ethereum-token-development .header-content .heading-tagline,
header.masthead-ethereum-token-development .header-content h1 {
    text-align: left
}

header.masthead-ethereum-token-development .header-content h1 {
    font-size: 47px !important
}

.masthead-ethereum-token-development-btn .expert-btn {
    margin: 0
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

.ethtoken_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.typs-ethtok-box {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #dcdcdc
}

.eth_tok_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_token_service {
    background-color: #eefaff
}

.ethtok_service_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.eth_tok_models_wrap {
    text-align: center
}

.ethtok_img {
    background-color: #fff;
    padding: 0;
    width: 85px;
    height: 85px;
    margin: 40px;
    border-radius: 5px;
    transform: rotate(45deg);
    position: relative;
    z-index: 1;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67)
}

.eth_tok_count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.why-ethtok-MetaBlock-box {
    background-color: #fff;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .05);
    padding: 35px;
    border-radius: 5px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock {
    border-bottom: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock:nth-child(4n) {
    border-left: none;
    border-right: none
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down:nth-child(4n) {
    border-top: none;
    border-right: none
}

.why-ethtok-MetaBlock {
    background: #f5f5f5;
    padding: 45px 0
}

.why-ethtok-MetaBlock-wrap {
    margin: 35px;
    text-align: center
}

.ethtok_about .ethtoken_common_title {
    font-size: 29px;
    line-height: 40px
}

.ethtok_type_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

img.ethtok_process_sprite {
    transform: rotate(-45deg)
}

.ethtok_process_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.ethtok_yeth_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.eth_tok_models_wrap .eth_tok_pts_title {
    margin-top: 10px
}

.eth_tok_models_connect:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    background-position: -31px 0;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/icons-new.svg); */
    background-position: -1991px -13px;
    background-size: 210rem;
    left: -48px;
    top: 58px;
    z-index: 0
}

.eth_tok_model {
    background: #eefaff;
    position: relative;
    z-index: -1
}

@media only screen and (max-width:767px) {
    header.masthead-ethereum-token-development .header-content h1 {
        font-size: 34px !important;
        text-align: center
    }
    .heading-tagline {
        text-align: center !important
    }
    .ethtok_about .ethtoken_common_title {
        text-align: center
    }
    .masthead-ethtoken-development-btn {
        text-align: center
    }
    .ethtoken_common_title {
        font-size: 27px;
        line-height: 33px
    }
    .ethtok_service_box {
        margin: 0 0 10px 0 !important
    }
    .ethtok_img {
        margin: 0 auto
    }
    .eth_tok_models_connect:before {
        display: none
    }
    .eth_tok_count {
        margin-top: 30px !important
    }
    .yethtok-MetaBlock-parent .yethtok-MetaBlock {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .ethtok_about .ethtoken_common_title {
        font-size: 17px;
        line-height: 26px
    }
}

@media (min-width:767px) {
    header.masthead-smart {
        /* background: url(../images/inner-pages/smart-contract/new/banner.png) no-repeat */
    }
}

header.masthead-smart {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    background-size: 100% 100% !important;
    height: 85vh;
    background-position: center
}

header.masthead-smart .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-smart .heading-tagline {
    text-align: left
}

.scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px
}

.scont-bt-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center
}

.text-dark {
    color: #022552 !important
}

.scont-bt-title {
    font-size: 43px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    padding: 55px 23px 0 23px
}

.scont-titl-wra {
    /* background: url(../images/inner-pages/smart-contract/new/scont-bg.png) no-repeat; */
    min-height: 240px;
    background-size: cover
}

.scont_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.scont-serv-parent .scont-serv-child {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 0
}

.scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px
}

.scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #ddd 1px;
    border-left: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-child {
    min-height: 345px;
    padding: 40px 40px;
    border-left: solid #ddd 1px;
    border-bottom: solid #ddd 1px
}

.scont-serv-pts {
    font-size: 19px;
    color: #012a5e;
    text-align: left;
    font-weight: 600;
    padding-bottom: 13px;
    padding-left: 60px;
    line-height: 26px
}

.scont-service-box img {
    float: left;
    width: 50px;
    height: 50px
}

.scont-serv-desc {
    font-size: 15px;
    margin-bottom: 20px
}

.scont_process_title {
    text-align: right
}

.scont-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth_dapp_process_num {
    font-size: 42px
}

.scont_process_desc,
.scont_process_num {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.342em
}

.scont-indus-box {
    text-align: center;
    background: #fff;
    height: inherit !important;
    padding: 40px 20px 40px;
    margin: 10px auto;
    border-radius: 10px
}

.scont-indsu-sec {
    background: #eff2f5
}

.scont-indus-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #022552
}

.scont_serv_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.scont_bt_sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.scont-process-ctrl {
    object-fit: none;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.scont-indus-ctrl {
    object-fit: none;
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.scont-indus-box h3 {
    margin-top: 10px
}

.scont-bt-sec {
    background-color: #f3fbff
}

.scont-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px
}

@media only screen and (max-width:767px) {
    header.masthead-smart .header-content h1 {
        font-size: 27px !important
    }
    .scont-about .scont_common_title {
        font-size: 22px;
        line-height: 29px
    }
    .scont-about p {
        text-align: justify
    }
    .scont-bt-title {
        font-size: 35px;
        line-height: 48px;
        padding: 71px 0 0 0;
        text-align: center
    }
    .scont_process .scont_common_title {
        font-size: 28px;
        line-height: 35px
    }
    .scont-indsu-sec .scont_common_title {
        font-size: 21px;
        line-height: 30px
    }
    .scont-hire-box {
        padding: 0
    }
    .scont_common_title {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 0
    }
    header.masthead-smart {
        background: #24394c
    }
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development .header-content h1 {
        text-align: left !important;
        font-size: 47px !important
    }
}

header.masthead-cryptocurrency-development .heading-tagline {
    text-align: left
}

.why_cryptx {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #dcdcdc;
    min-height: 520px
}

.cryptx_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.cryptx_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.cryptx_common_desc {
    width: 75%;
    text-align: center !important;
    display: inline-block
}

.common_light_blue_bg {
    background-color: #eefaff
}

.cryptx_serv_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.new_cryptx_serv_sec .blkchn_devpmt_services:hover {
    filter: initial
}

#why_development .crypt_platform span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: .2em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.crypt_platform {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    padding: 10px
}

.cryptx_platform p {
    color: #012a5e;
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
    text-align: center
}

.ycryptx_box_ctrl {
    padding: 25px;
    min-height: 200px
}

.ycryptx_pts {
    font-size: 23px;
    margin: 0;
    line-height: 27px;
    color: #012a5e;
    font-weight: 600;
    margin-top: 17px
}

.ycryptx-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    margin: auto 0
}

.ycryptx_MetaBlock_sec:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05)
}

.ycryptx_MetaBlock_sec {
    position: relative;
    z-index: 1;
    padding: 35px 25px 30px 25px
}

.padding_right_ctrl {
    padding-right: 50px
}

.ycryptx_MetaBlock_sec .cryptx_common_title {
    font-size: 31px;
    line-height: 40px
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../images/inner-pages/cryptocurrency_development/new/platform-bg.jpg) no-repeat scroll center top/cover; */
    margin-top: 0
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        /* background: url(../images/inner-pages/cryptocurrency_development/new/banner.png) no-repeat; */
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
}

.cryptox_about p {
    text-align: justify
}

.cryptx-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px;
    /* background: url(../images/inner-pages/cryptocurrency_development/new/hire-bg-crypt.jpg) no-repeat; */
    background-size: cover;
    position: relative
}

.CryptocurrencyPlatforms .crypt_platform span {
    background: #fff !important;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.cryptox_about .masthead-banner-btn .new_common_btn {
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        background: #1c1582;
        background: linear-gradient(150deg, #1c1582 7%, #252cc0 100%);
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
    header.masthead-cryptocurrency-development .header-content h1 {
        font-size: 37px !important
    }
    .align-items-center {
        display: block;
        align-items: center
    }
    .new_common_container {
        margin: 0 auto;
        width: 100%;
        max-width: 1520px
    }
    .ycryptx_MetaBlock_sec .padding_right_ctrl {
        padding-right: 0
    }
    .ycryptx_MetaBlock_sec .cryptx_common_title {
        font-size: 18px;
        line-height: 28px;
        text-align: center
    }
    .ycryptx_box_ctrl {
        text-align: center
    }
    .cryptx-hire-box {
        padding: 0
    }
    .cryptx_platform .cryptx_common_title {
        font-size: 23px;
        line-height: 30px;
        color: #012a5e;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px
    }
    .crypt_platform {
        margin-bottom: 15px
    }
    .cryptx_platform .mt-5 {
        margin-top: 0
    }
    .new_cryptx_serv_sec .cryptx_common_title,
    .ycryptx_dev .cryptx_common_title {
        font-size: 28px;
        line-height: 36px
    }
    .cryptx_serv_box {
        margin: 0 0 17px 0
    }
}

.new_common_btn {
    display: inline-block;
    font-size: 17px;
    color: #fff !important;
    outline: 0;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    background: #ef323a;
    border: none;
    border-radius: 25px;
    transition: all .3s ease-in-out
}

.defi_banner_sec {
    /* background-image: url(../images/inner-pages/defi/defi-banner.png); */
    height: 670px;
    padding: 131px 10px;
    color: #fff;
    background-position: bottom
}

.about_defi {
    padding: 0 !important
}

.defi_banner_sec h1 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 2rem;
}

.defi_quote {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0
}

.about_defi p {
    text-align: justify
}

.defi_featuring {
    /*background-image:url(../images/inner-pages/defi/ft-bg.png);*/
    background: #0a1847;
    color: #fff;
    padding: 40px 0;
    background-position: center
}

.defi_futuristic_title {
    font-size: 35px;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 2rem;
}

.defi_serv_box .desc {
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    color: #000
}

.defi_pts_head {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
}

.defi_sec_titles {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700
}

.defi_serv_box:hover {
    box-shadow: 0 5px 30px -10px rgb(38 38 38)
}

.defi_serv_box {
    box-shadow: 0 3px 24px -21px rgb(38 38 38);
    padding: 35px;
    border: 1px solid #e8e8e8;
    min-height: 360px
}

.defi_serv_box .defi_serv_box_arrow {
    background: #0c143d;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    position: absolute;
    bottom: 15px;
    left: 45%
}

.defi_serv_box .defi_serv_box_arrow .indicator {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(317deg);
    left: 35px
}

.defi_serv_box .defi_serv_box_arrow .indicator span {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: none;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    animation: arrow_moving_effect 1s linear infinite
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(1) {
    top: -20px;
    left: -20px;
    animation-delay: 0s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(2) {
    top: -15px;
    left: -15px;
    animation-delay: .2s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(3) {
    top: -10px;
    left: -10px;
    animation-delay: .4s
}

@keyframes arrow_moving_effect {
    0% {
        border-color: #fff;
        transform: translate(0, 0)
    }
    20% {
        border-color: #fff;
        transform: translate(15px, 15px)
    }
    100%,
    20.1% {
        border-color: #ffd64a
    }
}

.defi-bt-sec {
    padding: 30px;
    background-color: #eefaff
}

.defi_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.defi-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont1 {
    background-color: #0d4388
}

.defi-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.defi-btb-tile {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1;
    font-family: "Open Sans", sans-serif !important;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4
}

.nyp-btb-cont3 {
    background-color: #012a5e
}

.nyp-btb-cont4 {
    background-color: #0099da
}

.nyp-btb-cont5 {
    background-color: #0d4388
}

.nyp-btb-cont7 {
    background-color: #d7f4ff
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.defi_bt_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #bdc0c5;
    border-radius: 5px;
    min-height: 285px;
    background-color: #fff
}

.defi_align_center {
    display: flex;
    align-items: center
}

.defi_copd {
    padding: 20px 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box {
    background: #0d143e;
    color: #fff;
    margin: 10px auto
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #fff
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list {
    padding: 10px
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul {
    padding: 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 10px auto;
    font-size: 15px;
    background: #101644;
    box-shadow: 2px 2px 15px 2px #0a1030;
    line-height: 1.5
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li img {
    padding-right: 1rem
}

.defi_yield_right_arrow_icon {
    width: 20px
}

.defi_yield_farming_sec {
    background: #0a1030;
    background: linear-gradient(150deg, #0a1030 7%, #10174a 100%);
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
    justify-content: center;
    display: flex
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 5px 20px;
    height: 40px;
    line-height: 25px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    background-color: #ae2954;
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_last {
    border-right: 1px solid #333
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li:hover {
    background-color: #d53166;
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li.active {
    background-color: #fff;
    color: #000;
    display: block;
    border-bottom: 3px solid #ae2954
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_container {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 2rem;
    overflow: auto
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content {
    padding: 20px;
    margin: 15px auto;
    display: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul {
    padding-left: 0
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul li {
    list-style: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list {
    border: 1px solid #fff;
    padding: 8px;
    margin: 10px auto;
    display: flex;
    align-items: center
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list p {
    margin-bottom: 0;
    margin-left: 8px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li {
    list-style: none;
    padding: 5px;
    margin: 5px;
    font-size: 15px;
    font-family: "Open Sans", sans-serif
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li i,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li i {
    font-size: 13px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
    display: none
}

@media screen and (max-width:480px) {
    .defi_yield_farming_sec .defi_yield_farming_div .tabs {
        display: none !important
    }
    .defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
        background-color: #ae2954;
        color: #fff;
        border-top: 1px solid #333;
        margin: 5px;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none
    }
}

.content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.questions:checked~.plus {
    transform: rotate(45deg)
}

.questions {
    display: none
}

.defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px
}

.defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px
}

.defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.defi_bts_sec {
    background-color: #fafafa;
    padding-bottom: 40px
}

@media only screen and (max-width:767px) {
    .defi_featuring {
        padding: 25px
    }
    .defi_futuristic_title {
        font-size: 23px
    }
    .defi_featuring p {
        font-size: 18px;
        margin-bottom: 0
    }
    .defi_sec_titles {
        font-size: 19px;
        line-height: normal
    }
    .defi_copd {
        padding: 0;
        padding-top: 25px
    }
    .defi_serv_box {
        margin-bottom: 30px
    }
    .defi_bt_box {
        margin-bottom: 20px
    }
    .defi_common_title {
        font-size: 22px;
        line-height: normal;
        color: #012a5e;
        font-weight: 700;
        text-align: center
    }
    .defi-bt-sec p {
        text-align: center
    }
}

.defi-faq .content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.defi-faq .centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.defi-faq .question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.defi-faq .answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.defi-faq .questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.defi-faq .plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.defi-faq .questions:checked~.defi-faq .plus {
    transform: rotate(45deg)
}

.defi-faq .questions {
    display: none
}

.defi-faq .defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px
}

.defi-faq .defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px
}

.defi-faq .defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.defi-faq .defi_bts_sec {
    background-color: #fafafa;
    padding-bottom: 40px
}

.home-new-abt-btn .btn {
    padding: 4px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.home-new-abt-btn i {
    margin-right: 8px;
    font-size: 21px
}

.about_blochainslns {
    padding-top: 50px;
    padding-bottom: 50px
}

.enterprsieblckchain_banner_sec {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/enterprise-blockchain-solution-banner.png); */
    height: auto;
    padding: 131px 10px;
    color: #fff;
    background-position: 0 0;
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover
}

.enterprsieblckchain_banner_sec h1 {
    color: #fff;
    font-weight: 800
}

.ebs_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700
}

.ebs_gamechange_descs {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0
}

.enterprise_blockchain_gamechangesec {
    background-color: #f0f8ff;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_stat_txtlite {
    font-size: 22px;
    font-weight: 500;
    color: #4f74a7
}

.ebs_stat_txtstrong {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 36px;
    color: #084c94
}

.ebs_content_box {
    line-height: 1.2;
    margin-top: 20px
}

.ebs-btbpad-ctrl {
    padding: 0
}

.ebs-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.ebs-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.ebs-btb-tile {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1
}

.ebs_copd {
    padding: 20px 0
}

.ebs_indus_content {
    display: flex;
    align-items: center
}

.nyp-btb-cont .ebs_common_desc {
    color: #fff;
    text-align: left
}

.ebs_benefit_box {
    display: flex;
    align-items: center;
    background-color: #012a5e;
    margin-bottom: 11px;
    border-radius: 3px;
    padding: 7px
}

.ebs_integrate_techsec .expert-btn {
    margin: 15px auto
}

.ebs_integrate_desc {
    font-size: 17px;
    line-height: 1.3;
    color: #0b3768;
    font-weight: 600;
    margin-top: 15px
}

.epe_blockchainslns_ul {
    padding: 0;
    list-style: none
}

.MetaBlock_box_titles {
    font-size: 24px;
    font-weight: 600
}

.epe_blockchainslns_box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px -8px #000;
    padding: 28px;
    border-radius: 12px;
    color: #fff;
    position: relative;
    z-index: 0
}

.epe_blcklns_bg1 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/pre-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.epe_blcklns_bg2 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/post-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

li.epe_blockchainslns_li {
    font-size: 17px;
    font-weight: 500;
    margin: 18px 0;
    background-color: #00000094;
    padding: 20px
}

.epe_blockchainslns_box.epe_blcklns_bg1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000de -3%, #ffffff29 100%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.epe_blockchainslns_box.epe_blcklns_bg2:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #010c35 -3%, #2b70d06b 100%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.ebs_blockchain_justify {
    display: flex;
    justify-content: center
}

.enterprsieblckchain_banner_sec .expert-btn {
    margin: 0
}

.about_blochainslns p {
    font-size: 20px
}

.ebs-bt-sec .nyp-btb-cont {
    text-align: center;
    padding: 26px;
    min-height: 200px
}

.ebs_integrate_techsec {
    background-color: #f0f8ff;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_integrate_techsec .ebs_common_title {
    font-size: 30px
}

@media (max-width:767px) {
    .enterprsieblckchain_banner_sec h1 {
        font-size: 27px;
        text-align: center
    }
    .ebs_blockchain_justify {
        display: block
    }
    .enterprsieblckchain_banner_sec p {
        text-align: center
    }
    .ebs_common_title {
        font-size: 24px;
        line-height: 30px
    }
    .ebs_benefit_sec {
        padding: 0
    }
    .enterprise_blockchain_gamechangesec {
        text-align: center
    }
    .ebs_stat_txtstrong {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 30px;
        color: #084c94
    }
    .ebs_gamechange_descs {
        font-size: 16px
    }
    .ebs_stat_txtlite {
        font-size: 19px
    }
    .ebs_content_box {
        line-height: 1.2;
        margin-top: 10px
    }
    .ebs_integrate_techsec .ebs_common_title {
        font-size: 18px
    }
    .ebs_integrate_desc {
        font-size: 16px;
        line-height: 1.5;
        color: #0b3768;
        font-weight: 500;
        margin-top: 15px
    }
    .epe_blcklns_bg2 {
        margin-top: 20px
    }
}

/*==========================================COUNTRY BASED PAGES===============================*/

.masthead-blockchain-development-basedcountry {
    position: relative;
    width: 100%;
    padding-top: 195px;
    color: #fff;
    /* background: url(../images/inner-pages/countrybased_pages/blocckchain_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 60rem;
}

.masthead-blockchain-development-basedcountry.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    background-color: #000000a1;
}

.masthead-blockchain-development-basedcountry .heading-tagline {
    text-transform: capitalize;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
    display: flex;
    justify-content: center;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn a {
    margin: 5px 5px;
    background-color: #b22b58;
}

.our-achievments .acheivements-list {
    max-width: 100%;
    margin: 0 70px;
}

.our-achievments .acheivements-list .col-6 {
    width: 19.6667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.experience_div {
    /* background-image: url(../about_us/abouts-sprite.png); */
    width: 52px;
    background-position: 399px -984px;
    background-size: 20rem;
    margin-bottom: 30px;
    height: 51px;
    margin: 0px auto;
}

.our-achievments .acheivements-list .col-6 p.achievement {
    margin: 0;
    font-size: 20px;
    line-height: 23px;
    color: #303134;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}

.achievement-details {
    text-align: center;
}

.bg_light.our-achievments {
    background-color: #f9f9f9;
}

@media (max-width: 767px) {
    .masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
        display: block;
    }
    .our-achievments .acheivements-list {
        margin: 0px 0px;
    }
    .our-achievments .acheivements-list .col-6 {
        width: 100%;
    }
}

/*=========================NFT DEVELOPMENT============================*/

.onftcommon_ctrl {
    padding: 45px 0;
}

.MetaBlocknft_sec_titlewrap .onfs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 2.5rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

.masthead-nft-development {
    /* background-image: url(../oimages/nft-development/banner.png); */
    position: relative;
}

.masthead-nft-development .header-content h1,
.masthead-nft-development .header-content h3 {
    text-align: left;
}

.masthead-nft-development .header-content h3 {
    width: 80%;
}

.masthead-nft-development.header-shadow-custom:before {
    background: linear-gradient(90deg, #1a1b3e 0, rgba(14, 17, 23, 0) 70%);
}

.MetaBlock_nft_intro .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_intro .row {
    display: flex;
    justify-content: center;
}

.MetaBlock_nft_services .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_services {
    background-color: #15152b;
}

.MetaBlocknft_box .MetaBlocknft_heads {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box {
    padding: 15px;
    min-height: 200px;
    margin-bottom: 3.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_heads .MetaBlocknft_serv_frontwrap h3 {
    color: #fff;
    font-size: 23px;
    text-align: center;
}

.MetaBlocknft_serv_frontwrap {
    text-align: center;
}

.nftdev-sprite1 {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_desc {
    font-weight: 500;
    color: #494d4e;
    line-height: 1.5;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.MetaBlock_nft_workflow.onftcommon_ctrl {
    padding: 45px 0px 0px 0px;
}

.MetaBlocknft_container_wrap {
    padding: 0px 70px;
}

.MetaBlock_nft_differences {
    background: linear-gradient(180deg, rgb(251 251 251) 0%, rgb(232 234 234) 57.21%, rgb(230 230 230) 100%);
}

.MetaBlock_nft_differences .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #123233;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc ul {
    padding: 0;
    color: #dbe5e6;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc li {
    list-style: none;
    margin-bottom: 1.2rem;
    text-align: center;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-color: #000;
    display: flex;
    min-height: 480px;
    align-items: flex-end;
}

.MetaBlock_nft_differences .MetaBlocknft_box .ondif_wrap {
    padding: 35px;
    margin-top: 25rem;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_heads {
    color: #fbfeff;
    text-align: center;
    font-size: 22px;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-size: cover;
    background-position: center;
    box-shadow: 1px 22px 28px -9px #797979;
    border-radius: 10px;
}

#sft_difbox {
    /* background-image: url(../oimages/nft-development/semi-fungible-token.png); */
}

#nft_difbox {
    /* background-image: url(../oimages/nft-development/nft-token.png); */
}

#dnft_difbox {
    /* background-image: url(../oimages/nft-development/dnft-token.png); */
}

.MetaBlock_nft_keystone {
    /* background-image: url(../oimages/nft-development/keystonebg1.png); */
    background-size: cover;
    background-position: right;
}

.MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fafeff;
}

.MetaBlock_nft_keystone .MetaBlocknft_keystone_points .onfksp_point {
    color: #d2dcff;
    font-size: 17px;
    padding: 10px;
    border: 1px solid #7a7fbd;
    border-radius: 3px;
    background-color: #ffffff05;
    margin-bottom: 1.2rem;
    font-weight: 500;
}

.MetaBlock_nft_whychoose {
    background: #f2f4f8;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box {
    text-align: center;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
    width: 51%;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 10px 0px;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box .MetaBlocknft_desc {
    font-size: 17px;
    font-weight: 600;
    color: #11383a;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 7rem;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap .onfs_title {
    text-align: center;
}

.base-timeline {
    list-style-type: none;
    counter-reset: number;
    /* number 2021*/
    position: relative;
    display: block;
    z-index: 2;
    width: 75%;
    /* change or remove*/
    margin: 0 auto;
}

.base-timeline::before {
    content: '';
    width: 95%;
    border-top: 2px solid steelblue;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.base-timeline__item {
    position: relative;
    display: inline-block;
    width: calc(100% / 3 - 15px);
    /* change width */
}

.base-timeline__item::before {
    display: flex;
    justify-content: center;
    align-items: center;
    counter-increment: number;
    /* number -1*/
    content: counter(number) '';
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: steelblue;
    color: white;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

/* modifier with use of the data-year attribute */

.base-timeline__item--data::before {
    content: attr(data-year);
    width: 60px;
    height: 60px;
}

/* hover element */

.base-timeline__item:hover::before {
    background-color: rgba(225, 114, 114, .9);
    transform: scale(1.5);
}

.base-timeline__item::before {
    border: 2px solid;
    border-color: rgba(0, 0, 0, .3);
}

.base-timeline__item:last-child {
    width: 0;
}

.base-timeline__summary-text {
    position: absolute;
    bottom: -3em;
    left: -64px;
    width: 168px;
    text-align: center;
    font-weight: 600;
}

.MetaBlock_nft_hire {
    background-color: #f3f3f3;
}

.MetaBlock_nft_services .card {
    perspective: 100rem;
    position: relative;
}

.card__side {
    height: 100%;
    width: 100%;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 18px;
    line-height: 1.5;
}

.card__side--front {
    background-color: #3ba7e6;
}

.card__side--back {
    background-color: #525B6B;
    transform: rotateX(180deg);
    padding: 20px;
}

.MetaBlock_nft_services .card:hover .card__side--front {
    transform: rotateX(-180deg);
}

.MetaBlock_nft_services .card:hover .card__side--back {
    transform: rotateX(0);
}

.education {
    --bg-color: #ffd861;
    --bg-color-light: #ffeeba;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.credentialing {
    --bg-color: #B8F9D3;
    --bg-color-light: #e2fced;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.wallet {
    --bg-color: #CEB2FC;
    --bg-color-light: #F0E7FF;
    --text-color-hover: #fff;
    --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.human-resources {
    --bg-color: #DCE9FF;
    --bg-color-light: #f1f7ff;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.MetaBlock_nft_whychoose .card {
    width: 220px;
    height: 321px;
    background: #fff;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
    padding: 15px;
}

.card:hover {
    /* transform: translateY(-5px) scale(1.005) translateZ(0); */
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card:hover .overlay {
    transform: scale(4) translateZ(0);
}

.MetaBlock_nft_whychoose .card:hover .circle {
    border-color: var(--bg-color-light);
    background: var(--bg-color);
}

.MetaBlock_nft_whychoose .card:hover .circle:after {
    background: var(--bg-color-light);
}

.MetaBlock_nft_whychoose .card:hover p {
    color: var(--text-color-hover);
}

.MetaBlock_nft_whychoose .card:active {
    transform: scale(1) translateZ(0);
    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11), 0 15px 24px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card p {
    font-size: 17px;
    color: #152135;
    margin-top: 30px;
    z-index: 1000;
    transition: color 0.3s ease-out;
    font-weight: 600;
}

.MetaBlocknft_circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.MetaBlocknft_circle:after {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    background: var(--bg-color);
    border-radius: 50%;
    top: 23px;
    left: 24px;
    transition: opacity 0.3s ease-out;
}

.MetaBlocknft_circle img {
    z-index: 10000;
    transform: translateZ(0);
}

.MetaBlock_nft_whychoose .overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: var(--bg-color);
    top: 56px;
    left: 50px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
    .masthead-nft-development .header-content {
        text-align: center;
    }
    .masthead-nft-development .header-content h1,
    .masthead-nft-development .header-content h3 {
        text-align: center;
    }
    .masthead-nft-development .header-content h3 {
        width: 100%;
    }
    .MetaBlock_nft_differences .MetaBlocknft_box {
        box-shadow: 1px 22px 28px -9px #79797900;
        margin-bottom: 2rem;
    }
    .MetaBlock_nft_keystone {
        background-position: left;
    }
    .MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
        text-align: center;
    }
    .MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
        width: 100%;
    }
    .MetaBlock_nft_whychoose .card p {
        font-size: 19px;
        margin-top: 13px;
    }
    .MetaBlock_nft_whychoose .overlay {
        width: 118px;
        position: absolute;
        height: 118px;
        border-radius: 50%;
        background: var(--bg-color);
        top: 17px;
        left: 0;
        z-index: 0;
        transition: transform 0.3s ease-out;
        right: 0;
        margin: 0 auto;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        margin-bottom: 2rem;
        height: auto;
    }
    .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .base-timeline {
        list-style-type: none;
        counter-reset: number;
        position: relative;
        display: block;
        z-index: 2;
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    .base-timeline::before {
        display: none;
    }
    .base-timeline__item {
        position: relative;
        display: flex;
        width: 100%;
        padding-bottom: 10px;
        align-items: center;
    }
    .base-timeline__summary-text {
        position: static;
        position: initial;
        bottom: -3em;
        left: -64px;
        width: 168px;
        text-align: left;
        font-weight: 600;
        margin-left: 5px;
    }
    .base-timeline__item:last-child {
        width: 100%;
    }
    .MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
        width: 100%;
        padding-top: 3rem;
    }
    .MetaBlocknft_sec_titlewrap .onfs_title {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .MetaBlock_nft_whychoose .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        height: 275px;
    }
    .MetaBlock_nft_whychoose .overlay {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 30px;
    }
}

.MetaBlock_clonescript_store {
    padding: 88px 0px;
}

.MetaBlock_clonescriptstore_categories {
    padding: 130px 0px 40px 0px;
}

.MetaBlock_cloness_categorieslist {
    padding: 0;
}

.MetaBlock_clonescriptstore_categories {
    background-color: #091941;
}

.MetaBlock_clonescriptstore_categories .title {
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.MetaBlockcss_navtabs.nav-tabs>li>a {
    color: #fff !important;
    font-weight: 700;
    padding: 5px 15px;
    border: 1px solid #6284c7;
    margin-right: 0px;
    border-radius: 50px;
    margin: 5px;
    background: transparent;
    text-transform: uppercase;
}

.MetaBlockcss_navtabs.nav-tabs>li:hover {
    margin-bottom: -1px;
    border-radius: 50px;
}

.MetaBlockcss_navtabs.nav-tabs>li.active>a {
    background: #3e6cff;
}

.nav.MetaBlockcss_navtabs>li>a:hover {
    background: #3e6cff;
}

/*.MetaBlockcss_navtabs.nav-tabs>li.active>a:hover{
  background-color: #fff;
    border: 1px solid transparent;
border-radius: 50px;

}*/

#innerTabs.nav-tabs {
    border-bottom: 0;
    padding-top: 10px;
}

#innerTabs.nav-tabs>li a {
    border: 0;
    font-weight: 600;
    border-radius: 50px;
    background: #fff;
    color: #000;
    margin: 0px 5px 10px 0px;
    padding: 5px 15px;
    box-shadow: 0px 1px 10px 2px #0000002e;
    text-transform: uppercase;
    font-size: 14px;
}

#innerTabs.nav-tabs>li.active>a {
    border: 0;
    /* border-radius: 0; */
    color: #fff;
    background: #091941;
}

#innerTabs.nav-tabs>li.active {
    /*border-bottom: 4px solid #00a68f;*/
}

.innertab_details_wrap .row {
    background-color: transparent;
}

#innerTabs {
    display: flex;
    justify-content: center;
}

.innertab_itembox {
    text-align: center;
    padding: 10px;
    border: 1px solid #0000;
    min-height: 172px;
    cursor: pointer;
    /*background: linear-gradient(
179deg
, rgba(255,255,255,1) 44%, rgb(217 217 217) 100%);*/
    background: linear-gradient(179deg, rgb(9 25 65) 44%, rgb(62 108 255) 100%);
    border-radius: 10px;
    box-shadow: 0px 10px 12px -9px #282828;
}

.innertab_itembox p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
    width: 121px;
    margin: 0 auto;
}

.innertabs_itemsarea {
    padding: 0px 100px;
    /*background-image: url(../images/inner-pages/cryptoclone-scripts/cryptobg.jpg); */
    background-size: cover;
    background-position: right;
    position: relative;
    z-index: 0;
}

.innertabs_itemsarea:before {
    /*position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(47,58,82);
background: radial-gradient(circle, rgb(68 82 112 / 92%) 0%, rgb(5 10 22 / 94%) 100%);
    content: '';
    left: 0;
    z-index: -1;*/
}

.innertab_details_wrap {
    padding: 30px 0px;
}

.innertabs_itemsarea .row:nth-child(2) {
    margin-top: 2rem;
}

.innertab_details_wrap .row {
    justify-content: center;
    display: flex;
}

.innertab_itembox.selected_item {
    border: 1px solid #1f76f0;
    box-shadow: 0px 6px 23px -2px #15a9ff99;
    color: #07c1a7;
}

.MetaBlockcss_buynow_ct {
    text-align: center;
}

.MetaBlockcss_buynow_ct>a {
    background: rgb(9 25 65);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    min-width: 160px;
    border: 0;
    padding: 9px 0px;
    border-radius: 5px;
    margin-bottom: 2rem;
}

#cryptocloneModal {
    padding-top: 10%;
}

.MetaBlockcss_buynow_ct .modal .modal-header {
    background-color: #fff !important;
    padding: 0;
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dde1e5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.MetaBlockcss_buynow_ct .form-control:focus {
    border: 1px solid #529fffab;
    box-shadow: none;
    box-shadow: initial;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-header .close {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    opacity: 1;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: #d53937;
    width: 30px;
    height: 30px;
    border-radius: 27px;
}

.ccmodel_header {
    padding: 10px 0px;
}

.ccmodel_header h5 {
    font-size: 25px;
    font-weight: 700;
    color: #047077;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog {
    border-radius: 50px;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog .modal-content {
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .MetaBlockcss_form_cta button {
    background-color: #ac3258;
    color: #fff;
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 600;
}

#cryptocloneModal ul.tags {
    padding: 0;
    text-align: left;
}

#cryptocloneModal ul.tags li {
    list-style: none;
    display: inline-block;
    background-color: #26ac62;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin: 2px;
    padding: 2px 10px;
    border-radius: 3px;
}

/*#nft-clone .innertabs_itemsarea{
  height: 425px;
    overflow-y: scroll;
}*/

#nft .innertabs_itemsarea .row {
    margin-bottom: 2rem;
}

.MetaBlockcc_cryptoclone_sprite {
    width: 110px;
    height: 110px;
    object-fit: none;
}

@media (min-width: 768px) {
    #cryptocloneModal .modal-dialog {
        max-width: 32%;
        margin: 30px auto;
    }
}

@media (max-width: 768px) {
    .innertabs_itemsarea {
        padding: 0;
        background-color: #f4f4f4;
        width: 100%;
        overflow-x: scroll;
    }
    .innertab_details_wrap {
        display: flex;
        align-items: baseline;
    }
    .MetaBlockcss_navtabs.nav-tabs>li {
        width: 329px;
    }
    .innertabs_itemsarea {
        height: auto !important;
    }
    #defi #innerTabs {
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: left;
    }
    #cryptocloneModal .modal-dialog {
        padding-top: 40%;
    }
    .MetaBlock_clonescriptstore_categories {
        padding: 100px 0px 20px 0px;
    }
}

#mainTabs {
    border: 0;
}

@media (max-width: 1440px) and (min-width: 1280px) {
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        text-align: center;
        border-radius: 50px;
    }
    #mainTabs {
        display: flex;
        justify-content: center;
        border: 0;
    }
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        font-size: 14px;
    }
}

.innertab_itembox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.innertab_itembox input:checked~.checkmark,
.innertab_itembox:hover input~.checkmark,
.checkmark {
    background-color: #212529;
}

.checkmark {
    position: absolute;
    top: 2px;
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 2px solid #eee;
    border-radius: 50px;
    right: 3px;
}

.checkmark:after {
    left: 10px;
    top: 5px;
    width: 10px;
    height: 16px;
    border: solid #5efc50;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

.innertab_itembox.selected_item .checkmark:after {
    display: block;
}

label.block-check {
    display: block;
    margin-bottom: 0;
    margin-bottom: initial;
    font-weight: inherit;
}

.innertab_itembox {
    position: relative;
    overflow: hidden;
}

.innertab_itembox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
}

.innertab_itembox:after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    transition: 0.5s;
}

.innertab_itembox:hover:after {
    left: 100%;
}

/*=========================================NFT MARKETPLACE DEVELOPMENT=================================*/

.masthead-nftmarketplace-development {
    /* background: url(../images/inner-pages/nft_marketplace/banner-bg.png?v6) no-repeat; */
    background: #fff;
    background-position: center center;
    height: 630px !important;
    margin-top: 73px;
}

.MetaBlock_nftmarketplace {
    padding: 50px 0px !important;
    background: #f4f5ff;
}

.masthead-nftmarketplace-development .header-content h1 {
    text-align: left;
    font-family: Raleway, sans-serif !important;
    font-weight: 900;
    font-size: 56px !important;
    /* font-style: italic; */
}

.masthead-nftmarketplace-development .header-content h1 span {
    color: #00E5FF;
}

.masthead-nftmarketplace-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
    width: 80%;
}

a.expert-btn {
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #f17841;
    line-height: 1.5;
    border-radius: 50px !important;
    border: 2px solid #fff;
}

.masthead-nftmarketplace-development a.expert-btn {
    background-color: #00E5FF;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #08146A;
    box-shadow: 0px 6px 16px -4px #0e1116;
    line-height: 1.5;
}

.onfmarkis_title {
    font-weight: 700;
    font-size: 37px;
    line-height: 45px;
}

#nftmarki_intro {
    position: relative;
}

#nftmarki_intro:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_what:before {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_what.png); */
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_intro:after {
    position: absolute;
    content: '';
    background-color: #fff;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
    width: 80%;
}

#nftmarki_intro .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_tokendev {
    /* background: url(../images/inner-pages/nft_marketplace/nfttoken_developmentbg.jpg) no-repeat; */
    position: relative;
}

.nfttoken_lt_sec img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
}

#nftmarki_tokendev .onfmarkis_title {
    color: #fff;
}

#nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
}

#nftmarki_uft {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
}

#nftmarki_uft:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 29%, rgb(50 60 73 / 57%) 54%, rgb(22 25 32) 130%);
    top: 0;
    opacity: 0.7;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
    color: #c7d0d7;
}

#nftmarki_uft .nftmarket_box {
    background: #ffffff05;
    border: 1px solid #ffffff1a;
    border-radius: 0;
    padding: 18px;
}

.nftmarket_box .nftmarketb_head {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}

.nftmarket_box .nftmarketb_desc {
    color: #d1d1d1;
    font-size: 14px;
    margin-top: 14px;
}

#nftmarki_what {
    /* background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat; */
    background-position: left;
}

#nftmarki_what .onfmarkis_title {
    color: #0C1968;
    line-height: 58px;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_what {
    position: relative;
}

.nftwat_lt_sec img {
    position: absolute;
    top: 0;
    width: 38%;
    left: 0;
}

#nftmarket_placeft {
    /*background-image: linear-gradient(
323deg
, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 16.667%,rgba(46, 46, 46, 0.01) 16.667%, rgba(46, 46, 46, 0.01) 33.334%,rgba(226, 226, 226, 0.01) 33.334%, rgba(226, 226, 226, 0.01) 50.001000000000005%,rgba(159, 159, 159, 0.01) 50.001%, rgba(159, 159, 159, 0.01) 66.668%,rgba(149, 149, 149, 0.01) 66.668%, rgba(149, 149, 149, 0.01) 83.33500000000001%,rgba(43, 43, 43, 0.01) 83.335%, rgba(43, 43, 43, 0.01) 100.002%),linear-gradient(
346deg
, rgba(166, 166, 166, 0.03) 0%, rgba(166, 166, 166, 0.03) 25%,rgba(240, 240, 240, 0.03) 25%, rgba(240, 240, 240, 0.03) 50%,rgba(121, 121, 121, 0.03) 50%, rgba(121, 121, 121, 0.03) 75%,rgba(40, 40, 40, 0.03) 75%, rgba(40, 40, 40, 0.03) 100%),linear-gradient(
347deg
, rgba(209, 209, 209, 0.01) 0%, rgba(209, 209, 209, 0.01) 25%,rgba(22, 22, 22, 0.01) 25%, rgba(22, 22, 22, 0.01) 50%,rgba(125, 125, 125, 0.01) 50%, rgba(125, 125, 125, 0.01) 75%,rgba(205, 205, 205, 0.01) 75%, rgba(205, 205, 205, 0.01) 100%),linear-gradient(
84deg
, rgba(195, 195, 195, 0.01) 0%, rgba(195, 195, 195, 0.01) 14.286%,rgba(64, 64, 64, 0.01) 14.286%, rgba(64, 64, 64, 0.01) 28.572%,rgba(67, 67, 67, 0.01) 28.572%, rgba(67, 67, 67, 0.01) 42.858%,rgba(214, 214, 214, 0.01) 42.858%, rgba(214, 214, 214, 0.01) 57.144%,rgba(45, 45, 45, 0.01) 57.144%, rgba(45, 45, 45, 0.01) 71.42999999999999%,rgba(47, 47, 47, 0.01) 71.43%, rgba(47, 47, 47, 0.01) 85.71600000000001%,rgba(172, 172, 172, 0.01) 85.716%, rgba(172, 172, 172, 0.01) 100.002%),linear-gradient(
73deg
, rgba(111, 111, 111, 0.03) 0%, rgba(111, 111, 111, 0.03) 16.667%,rgba(202, 202, 202, 0.03) 16.667%, rgba(202, 202, 202, 0.03) 33.334%,rgba(57, 57, 57, 0.03) 33.334%, rgba(57, 57, 57, 0.03) 50.001000000000005%,rgba(197, 197, 197, 0.03) 50.001%, rgba(197, 197, 197, 0.03) 66.668%,rgba(97, 97, 97, 0.03) 66.668%, rgba(97, 97, 97, 0.03) 83.33500000000001%,rgba(56, 56, 56, 0.03) 83.335%, rgba(56, 56, 56, 0.03) 100.002%),linear-gradient(
132deg
, rgba(88, 88, 88, 0.03) 0%, rgba(88, 88, 88, 0.03) 20%,rgba(249, 249, 249, 0.03) 20%, rgba(249, 249, 249, 0.03) 40%,rgba(2, 2, 2, 0.03) 40%, rgba(2, 2, 2, 0.03) 60%,rgba(185, 185, 185, 0.03) 60%, rgba(185, 185, 185, 0.03) 80%,rgba(196, 196, 196, 0.03) 80%, rgba(196, 196, 196, 0.03) 100%),linear-gradient(
142deg
, rgba(160, 160, 160, 0.03) 0%, rgba(160, 160, 160, 0.03) 12.5%,rgba(204, 204, 204, 0.03) 12.5%, rgba(204, 204, 204, 0.03) 25%,rgba(108, 108, 108, 0.03) 25%, rgba(108, 108, 108, 0.03) 37.5%,rgba(191, 191, 191, 0.03) 37.5%, rgba(191, 191, 191, 0.03) 50%,rgba(231, 231, 231, 0.03) 50%, rgba(231, 231, 231, 0.03) 62.5%,rgba(70, 70, 70, 0.03) 62.5%, rgba(70, 70, 70, 0.03) 75%,rgba(166, 166, 166, 0.03) 75%, rgba(166, 166, 166, 0.03) 87.5%,rgba(199, 199, 199, 0.03) 87.5%, rgba(199, 199, 199, 0.03) 100%),linear-gradient(
238deg
, rgba(116, 116, 116, 0.02) 0%, rgba(116, 116, 116, 0.02) 20%,rgba(141, 141, 141, 0.02) 20%, rgba(141, 141, 141, 0.02) 40%,rgba(152, 152, 152, 0.02) 40%, rgba(152, 152, 152, 0.02) 60%,rgba(61, 61, 61, 0.02) 60%, rgba(61, 61, 61, 0.02) 80%,rgba(139, 139, 139, 0.02) 80%, rgba(139, 139, 139, 0.02) 100%),linear-gradient(
188deg
, rgba(227, 227, 227, 0.01) 0%, rgba(227, 227, 227, 0.01) 20%,rgba(105, 105, 105, 0.01) 20%, rgba(105, 105, 105, 0.01) 40%,rgba(72, 72, 72, 0.01) 40%, rgba(72, 72, 72, 0.01) 60%,rgba(33, 33, 33, 0.01) 60%, rgba(33, 33, 33, 0.01) 80%,rgba(57, 57, 57, 0.01) 80%, rgba(57, 57, 57, 0.01) 100%),linear-gradient(
90deg
, #212830,#010101);*/
    background-size: cover;
    background: #f2ecec;
}

#nftmarket_placeft .onfmarkis_title {
    text-align: center;
    color: #ec861d;
}

#nftmarket_placeft .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarketb_head {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarket_box img {
    text-align: center;
    border: 3px solid #ecb21d;
    padding: 15px;
    margin-bottom: 1.5rem;
}

#nftmarket_placeft .nftmarket_box {
    text-align: center;
}

#nftmarket_placeft .row:nth-child(2) {
    margin-bottom: 2.5rem;
}

#nftmarki_markettechstack {
    /* background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat; */
    background: #fff;
    background-position: center;
    background-size: cover;
}

#nftmarket_topreason {
    position: relative;
    background-image: linear-gradient(55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%, rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%, rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%, rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%, rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%), linear-gradient(291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%, rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%, rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%), linear-gradient(32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%, rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%, rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%, rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%), linear-gradient(312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%, rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%, rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%), linear-gradient(22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%, rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%, rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%, rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%, rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%), linear-gradient(80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%, rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%, rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%), linear-gradient(257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%, rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%, rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%), linear-gradient(47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%, rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%, rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%), linear-gradient(90deg, #ffffff, #ffffff);
}

#nftmarki_markettechstack .onfmarkis_title {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarket_topreason:after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarket_topreason .nftmarket_box .nftmarketb_head {
    color: #3d3d3d;
    font-size: 17px;
    font-weight: 600;
}

#nftmarket_topreason .nftmarket_box {
    padding: 15px 20px;
    border: 1px solid #acacac;
    background-color: #ffffff6e;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.nftmarket_box.nftmarket_art {
    min-height: 310px;
    background-size: cover;
    position: relative;
}

#nftmarket_artbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-01.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_fansportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-02.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_musicbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-03.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_realesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-04.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_vidclipbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-05.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_sportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-06.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_gamesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-07.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_accesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-08.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_domainbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-09.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_infrabg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-10.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicollectbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-11.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_photobg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-12.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_swlicense {
    /* background: url(../images/inner-pages/nft_marketplace/nft-13.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_xchange {
    /* background: url(../images/inner-pages/nft_marketplace/nft-14.jpg?v2) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicont {
    /* background: url(../images/inner-pages/nft_marketplace/nft-15.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_investcollat {
    /* background: url(../images/inner-pages/nft_marketplace/nft-16.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

.nftmarketbox_wrap {
    position: absolute;
    bottom: -9px;
    text-align: center;
    padding: 17px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.nftmarket_box.nftmarket_art:before {
    background: linear-gradient(180deg, rgba(5, 49, 126, 0) 33.54%, #05317E 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    border-radius: 20px;
}

.nftmarket_box.nftmarket_art .nftmarketb_head {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_fields {
    background-color: #14171c;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
}

#nftmarki_fields .row:nth-child(2),
#nftmarki_fields .row:nth-child(3),
#nftmarki_fields .row:nth-child(4) {
    margin-bottom: 3rem;
}

#nftmarki_whyMetaBlock {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px;
    border: 2px solid #ff8f1c;
    margin-bottom: 35px;
    min-height: 90px;
    background-color: #ffd6bb0f;
    border-radius: 8px;
}

/*.nftwhyMetaBlock_box img{
position: absolute;
    right: -26px;
    top: -22px;
    border: 3px solid #ff8f1c;
    border-radius: 50px;
    background-color: #181614;
}*/

#nftmarki_whyMetaBlock .row {
    margin-bottom: 1rem;
}

.nftmarki_whysprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

.nftwhyMetaBlock_box .nftwhyMetaBlock_head {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p a {
    color: #fff;
}

a.osimarknftcta_btn {
    background-color: #ffcf33;
    text-align: center;
    padding: 10px 19px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.osimarknft_cta {
    text-align: center;
}

#nftmarki_marketplatform {
    position: relative;
}

#nftmarki_marketplatform .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #ec861d;
    opacity: 1;
    display: inline-block;
    margin: 3px;
}

#nftmarki_marketplatform .owl-dots {
    margin: 30px 2px 0px 2px;
}

#nftmarki_pl1 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl2 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl3 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl4 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl5 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl6 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl7 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl8 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-08.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl9 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-09.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl10 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl11 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-11.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl12 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-12.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl13 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-13.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl14 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-14.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl15 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-15.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl16 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl17 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-17.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl18 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-18.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl19 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-19.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl20 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-20.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl21 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-21.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl25 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl26 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl27 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl28 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl29 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl30 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl31 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl32 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl33 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl34 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl35 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_marketplatform .nftmarket_box {
    height: 310px;
    width: 290px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
}

#nftmarki_fields:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0.8;
}

#nftmarki_fields {
    /*background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat;*/
    position: relative;
    background-size: cover;
    background: #fff;
}

/*#nftmarki_marketplatform .nftmarket_box:before {
    background: linear-gradient( 
0deg
 , rgb(32 33 55) 14%, rgb(3 4 5 / 0%) 100.51%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
}*/

#nftmarki_marketplatform .nft_marketb_wrap {
    background-color: #14202dde;
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #1e1e1e;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
    color: #333333;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap {
    text-align: left;
}

#nftmarki_marketplatform:before {
    position: absolute;
    content: '';
    /* background: url(../images/inner-pages/nft_marketplace/intro_bg.png) no-repeat; */
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarki_marketplatform:after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_marketplatform .nft_marketb_wrap .nftmarki_bxplatform {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

#nftmarki_marketplatform .owl-dots {
    display: flex;
    justify-content: center;
}

#nftmarki_marketplatform .owl-nav {
    position: absolute;
    top: -80px;
    right: 0;
    display: flex;
}

#nftmarki_marketplatform .owl-nav .owl-prev,
#nftmarki_marketplatform .owl-nav .owl-next {
    border: 3px solid #000;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#nftmarki_intro .row{
    display: flex;
    align-items: center;
}*/

.nftmarki_sprite1 {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.nftmarki_sprite2 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 3rem;
}

#nftmarki_intro {
    padding: 0;
}

#nftmarki_whitelablesln {
    /* background : linear-gradient(0deg, rgba(22, 28, 76, 1) 0%, rgba(103, 45, 145, 1) 100%);*/
    background: #fff;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap {
    color: #000;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #000;
}

#nftmarki_developmentprocess {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
    background-size: cover;
}

#nftmarki_developmentprocess .onfmarkis_title {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_developmentprocess .row {
    display: flex;
    justify-content: center;
}

#nftmarketplace_tab {
    display: flex;
    justify-content: center;
    border: 0;
}

.nft-market-tabselectul {
    background-color: #1d2023;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: 1px solid #353535;
}

#nftmarketplace_tab.nav-tabs>li.active>a,
#nftmarketplace_tab.nav-tabs>li.active>a:focus,
#nftmarketplace_tab.nav-tabs>li.active>a:hover {
    background-color: #00000038;
    border: 0;
    border-bottom: 5px solid #ff9905;
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
}

#nftmarketplace_tab.nav-tabs>li>a {
    font-weight: 500;
    font-size: 18px;
    border: 0;
    border-bottom: 5px solid #1d202300;
    color: #ffffff6b;
}

#nftmarketplace_tab.nav>li>a:focus,
#nftmarketplace_tab.nav>li>a:hover {
    text-decoration: none;
    background-color: #00000066;
}

.nft-market-tabcontul {
    background-color: #161616;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tabpane_nfttabswrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.tabpane_nfttabswrap .tpnft_box {
    text-align: center;
    width: 100px;
    height: 116px;
    background-color: #ffffff08;
    margin: 0px 5px;
    border-radius: 4px;
    border: 1px solid #2d2d2d;
    padding: 10px 0px;
}

.tabpane_nfttabswrap .tpnft_head {
    color: #eaf4ff;
    font-size: 15px;
    margin: 5px 0px;
    font-weight: 500;
}

#nftmarketplace_tab.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

.nftmarkitech_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

@media (max-width: 767px) {
    .masthead-nftmarketplace-development .header-content h1 {
        font-weight: 900;
        font-size: 33px !important;
        text-align: center;
    }
    .masthead-nftmarketplace-development .heading-tagline {
        width: 100%;
    }
    .masthead-nftmarketplace-development {
        background-position: left;
        height: 489px !important;
    }
    .nftmarkibanner_cta {
        text-align: center;
    }
    #nftmarki_intro .onfmarkis_title {
        font-weight: 700;
        font-size: 25px;
        text-align: center;
    }
    #nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .MetaBlock_nftmarketplace {
        padding: 30px 0px;
    }
    .onfmarkis_title {
        text-align: center;
        font-size: 22px;
    }
    #nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .nfttoken_lt_sec img {
        display: none;
    }
    #nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
        text-align: center;
    }
    #nftmarki_uft .nftmarket_box {
        margin-bottom: 1rem;
    }
    .nftwat_lt_sec img {
        display: none;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    #nftmarket_placeft .nftmarket_box {
        text-align: center;
        margin-bottom: 1rem;
    }
    .nftmarket_box.nftmarket_art {
        margin-bottom: 2rem;
    }
    #nftmarki_marketplatform .owl-nav {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
    }
    #nftmarki_marketplatform .nftmarket_box {
        height: 310px;
        width: auto;
    }
    #nftmarki_marketplatform .owl-nav {
        margin-top: 1rem;
        justify-content: center;
    }
    #nftmarki_marketplatform .owl-dots {
        margin: 5px 2px 0px 2px;
    }
    #nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
        color: #333333;
        text-align: center;
    }
    #nftmarki_whyMetaBlock {
        /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
        font-weight: 700;
        font-size: 22px;
    }
    #nftmarki_marketplatform .owl-dots .owl-dot.active span {
        background-color: #000;
    }
    #nftmarki_what {
        background-size: cover;
    }
    .tabpane_nfttabswrap {
        overflow-x: scroll;
    }
    #nftmarketplace_tab {
        display: block;
    }
    #nftmarketplace_tab.nav-tabs>li {
        float: none;
    }
    #nftmarketplace_tab.nav>li>a {
        text-align: center;
    }
    .tabpane_nfttabswrap .tpnft_box {
        min-width: 90px;
        width: auto;
        min-height: 135px;
    }
    .tabpane_nfttabswrap {
        justify-content: left;
    }
    .nftwhyMetaBlock_box img {
        position: static;
        position: initial;
    }
    .nftwhyMetaBlock_box .nftwhyMetaBlock_head {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-left: 8px;
    }
    #nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
        min-height: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 1440px) and (min-width: 1280px) {
    #nftmarki_whyMetaBlock {
        /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat; */
        background-size: cover;
        background-position: center;
        background: #fff;
    }
}

/*==================================PANCAKESWAP CLONE SCRIPT===============================*/

.masthead-pancakesclo-development {
    /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
    background-position: right;
    height: 665px !important;
}

.masthead-pancakesclo-development .header-content h1 {
    font-weight: 900;
    font-size: 48px !important;
    text-align: left;
    font-family: Raleway, sans-serif !important;
    text-transform: uppercase;
}

.masthead-pancakesclo-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
}

.masthead-pancakesclo-development .header-content h1 span {
    color: #fea901;
}

.masthead-pancakesclo-development .heading-tagline {
    color: #fff2d9;
}

.masthead-pancakesclo-development .header-content p {
    color: #dbd7ce;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.masthead-pancakesclo-development .header-content {
    margin-top: 9rem;
}

.masthead-pancakesclo-development .header-content a.expert-btn {
    background: -webkit-linear-gradient(271deg, #ffd86b, #542b08);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 2px 16px -4px #e6ba3e;
    line-height: 1.5;
}

.MetaBlock_panckeswapclo {
    padding: 50px 0px;
}

.pancswap_title {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

#pancswap_intro {
    /* background: url(../images/inner-pages/pancaksswap-clone/intro-bg.png) no-repeat; */
    background-size: contain;
    background-position: left;
}

#pancswap_intro .pancswap_title {
    color: #e86b00;
    text-transform: capitalize;
}

#pancswap_featuresnew .pancswap_bft_box .pancswapb_head {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #282727;
}

#pancswap_features .row {
    display: flex;
    align-items: center;
}

#pancswap_featuresnew .pancswap_bft_box {
    text-align: center;
}

#pancswap_featuresnew .row {
    margin-bottom: 3rem;
}

#pancswap_featuresnew .row:nth-child(5) {
    margin-bottom: 0rem;
    display: flex;
    justify-content: center;
}

#pancswap_featuresnew {
    background-color: #f4f4f4;
}

.panft_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
    margin-bottom: 1rem;
}

#pancswap_featuresnew .pancswap_title {
    text-align: center;
}

.MetaBlock_panckeswapclo .pancswapb_head {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    margin-left: 6px;
    margin: 2px 4px;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head {
    display: flex;
    align-items: baseline;
}

#pancswap_bftofpc .pancswap_bft_box {
    display: flex;
    align-items: center;
}

#pancswap_bft {
    background: rgb(32, 32, 32);
    background: radial-gradient(circle, rgba(32, 32, 32, 1) 8%, rgba(0, 0, 0, 1) 100%);
    position: relative;
}

#pancswap_bft:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    /* background: url(../images/inner-pages/pancaksswap-clone/springbg.png) no-repeat; */
    background-size: contain;
    background-position: center;
    opacity: 0.1;
}

.pcs_container_swap {
    padding: 0px 80px;
}

#pancswap_bft .pancswap_title {
    color: #ffaa0e;
}

#pancswap_bft .pancswap_desc {
    color: #ddcfc1;
    width: 60%;
    margin: 19px auto;
    line-height: 1.5;
}

#pancswap_bft .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_bft .row:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pancswap_bft_wrap ul {
    padding: 0;
}

.pancswap_bft_wrap ul li {
    list-style: none;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    text-align: left;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: right;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
    text-align: right;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: left;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

.pancswap_bftrt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

#pancswap_features {
    /* background: url(../images/inner-pages/pancaksswap-clone/pancswapfeatures_bg.jpg) no-repeat; */
    background-size: cover;
}

#pancswap_features .pancswap_sec_titlewrap p {
    text-align: justify;
}

.pancswapb_ftsec {
    display: flex;
}

.pancswapb_ftsec ul {
    padding: 0;
    display: inline-block;
    padding-right: 10px;
}

.pancswapb_ftsec .pancswapb_desc {
    font-size: 14px;
    font-weight: 500;
}

.pancswapb_ftsec ul li {
    list-style: none;
}

#pancswap_features .pancswapb_head {
    font-size: 18px;
    font-weight: 700;
    color: #ee8400;
    text-align: left;
    margin-bottom: .5rem;
}

.pancswapb_ftsec .pancswap_bft_box {
    margin-bottom: 1rem;
}

#pancswap_wallet {
    /* background: url(../images/inner-pages/pancaksswap-clone/wallet-bg.jpg) no-repeat; */
    background-size: cover;
    background-position: bottom;
}

#pancswap_wallet .pancswap_bft_box {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ffaf3412;
    border: 1px solid #c16f2f;
    border-radius: 5px;
}

#pancswap_wallet .pancswap_title {
    color: #ffc00e;
}

#pancswap_wallet .pancswap_sec_titlewrap p {
    color: #ddcfc1;
}

#pancswap_rewards {
    /* background: url(../images/inner-pages/pancaksswap-clone/reward_multipliers.jpg) no-repeat; */
    background-size: cover;
    background-position: bottom;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
}

#pancswap_rewards .pancswap_title {
    color: #501e0d;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head {
    color: #ffd3ae;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head span {
    display: block;
    font-weight: 300;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
    padding: 10px;
    text-align: left;
    background: linear-gradient(90deg, rgb(75 40 29) 0%, rgb(52 19 9) 100%);
    border-radius: 4px;
    border: 1px solid #cf8b00;
    margin-bottom: 1rem;
    min-width: 145px;
}

#pancswap_clonesoftware {
    background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23, 0.05) 0%, rgba(23, 23, 23, 0.05) 50%, rgba(109, 109, 109, 0.05) 50%, rgba(109, 109, 109, 0.05) 100%), radial-gradient(circle at 21% 96%, rgba(92, 92, 92, 0.05) 0%, rgba(92, 92, 92, 0.05) 50%, rgba(199, 199, 199, 0.05) 50%, rgba(199, 199, 199, 0.05) 100%), radial-gradient(circle at 25% 37%, rgba(230, 230, 230, 0.05) 0%, rgba(230, 230, 230, 0.05) 50%, rgba(25, 25, 25, 0.05) 50%, rgba(25, 25, 25, 0.05) 100%), linear-gradient(90deg, rgb(77 26 0), rgb(223 124 0));
    padding: 10px 0px;
}

#pancswap_clonesoftware .row {
    display: flex;
    align-items: center;
}

#pancswap_clonesoftware .pancswap_title {
    color: #ffc00e;
}

#pancswap_clonesoftware .pancswap_sec_titlewrap p {
    color: #fff7df;
    text-align: justify;
}

#pancswap_bftofpc {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#pancswap_bftofpc .pancswap_sec_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#pancswap_bftofpc .pancswapb_head {
    font-size: 18px;
    font-weight: 500;
    color: #393939;
    text-align: center;
    text-align: left;
}

#pancswap_bftofpc .pancswap_title {
    color: #37150b;
    font-size: 30px;
}

#pancswap_bftofpc .pancswap_bft_box {}

#pancswap_currency {
    /* background: url(../images/inner-pages/pancaksswap-clone/currencybg.png) no-repeat; */
    background-position: center;
    background-size: cover;
}

#pancswap_currency .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_currency .pancswapb_head {
    font-size: 19px;
    font-weight: 600;
    color: #2f2f2f;
    text-align: center;
}

#pancswap_whydex {
    /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat; */
    background-position: center;
    background-size: cover;
}

#pancswap_whydex .pancswap_title {
    color: #ffc00e;
    text-align: center;
}

#pancswap_whydex .pancswap_sec_titlewrap p {
    color: #fff7df;
    text-align: center;
}

#pancswap_whydex .row {
    justify-content: center;
    display: flex;
}

#pancswap_dexbin {
    /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-binnace.jpg) no-repeat; */
    background-position: right;
    background-size: cover;
}

#pancswap_dexbin .pancswap_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 2rem;
    color: #2d2d2d;
}

#pancswap_dexbin .pancswap_sec_titlewrap p {
    color: #333;
    font-weight: 600;
    text-align: justify;
}

.pancswap_sec_titlewrap p,
.pancswap_desc {
    font-size: 15px;
    margin-bottom: 8px;
}

.pancakeswap_coins {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#pancswap_currency .pancswap_bft_box {
    text-align: center;
}

.pancswap_dexbin_btn {
    display: flex;
    align-items: center;
}

.pancswap_dexbin_btn.watsp {
    background-color: #20a652;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    margin-right: 10px;
}

.pancswap_dexbin_btn.tgrm {
    background-color: #0083db;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn i {
    font-size: 27px;
    margin-right: 5px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn img {
    margin-right: 5px;
}

.pancakeswap_socialccta {
    display: flex;
    align-items: center;
}

.pancakeswap_socialccta img {
    width: 25px;
    background-color: #fff;
    border-radius: 50px;
    padding: 4px;
}

@media (max-width: 767px) {
    .masthead-pancakesclo-development {
        /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
        background-position: left;
        height: 665px !important;
        background-size: cover !important;
    }
    .masthead-pancakesclo-development .header-content h1 {
        font-weight: 900;
        font-size: 40px !important;
        text-align: center;
        font-family: Raleway, sans-serif !important;
        text-transform: uppercase;
        line-height: 1.1;
    }
    .masthead-pancakesclo-development .header-content p {
        text-align: center;
    }
    .MetaBlock_panckeswapclo {
        padding: 20px 0px;
    }
    .pancswap_title {
        font-size: 22px;
        text-align: center;
        line-height: 1.3;
        text-transform: capitalize;
    }
    #pancswap_bftofpc .pancswap_title {
        color: #37150b;
        font-size: 24px;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap {
        text-align: center !important;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap p {
        text-align: center !important;
    }
    .pancswap_sec_titlewrap p,
    .pancswap_desc {
        font-size: 18px;
        text-align: justify;
    }
    #pancswap_features .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_features .pancswap_dexbin_btn.watsp {
        justify-content: center;
    }
    #pancswap_features .pancswap_dexbin_btn.tgrm {
        justify-content: center;
    }
    #pancswap_intro {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    #pancswap_bft .pancswap_desc {
        color: #ddcfc1;
        width: 100%;
    }
    #pancswap_bft .row:nth-child(2) {
        display: block;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
        text-align: left;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
        text-align: left;
    }
    #pancswap_features {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    .pancswapb_ftsec {
        display: block;
    }
    #pancswap_wallet .pancswap_bft_box {
        display: block;
        padding: 10px 15px;
        background-color: #ffaa343d;
        border: 1px solid #b8682afa;
        border-radius: 5px;
        margin-bottom: 1rem;
    }
    #pancswap_rewards .pancakebox_wrap {
        text-align: center;
    }
    #pancswap_whydex {
        /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #pancswap_dexbin {
        background-position: left;
        background-size: cover;
    }
    #pancswap_dexbin .pancswap_title {
        font-weight: 700;
        font-size: 20px;
    }
    #pancswap_dexbin .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_dexbin .pancswap_dexbin_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pancswap_dexbin_btn.watsp {
        margin-right: 0px;
        margin-bottom: 1rem;
    }
    #pancswap_featuresnew .row:nth-child(5) {
        display: block;
    }
}

.cxscommon_ctrl p {
    margin-bottom: 0;
}

#cxsbannner {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/banner.png) no-repeat; */
    background-size: contain;
    background-position: top;
}

#cxsbannner .header-content h1 {
    text-align: left;
    font-size: 39px !important;
    font-weight: 700;
}

header#cxsbannner {
    /*height: 580px !important;*/
}

#cxsbannner .heading-tagline {
    text-align: left;
    font-size: 17px;
}

#cxsbannner a.expert-btn {
    background-color: #1cbec9;
    border: 0;
    border-radius: 0 !important;
    color: #fff;
    box-shadow: none;
    box-shadow: initial;
    font-size: 16px;
    min-width: 200px;
}

.cxscommon_ctrl {
    padding: 50px 0px;
}

#cxs_intro {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/intro-bg.jpg); */
    text-align: center;
}

.MetaBlockcxs_sec_titlewrap .oncxs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 3rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

#cxs_whatis {
    /*background-color: #1b334d;*/
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #282828;
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap p {
    color: black;
    margin-bottom: 0;
}

#cxs_whitelabel {
    background-size: cover;
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/cxs_whitelabel_bg.png) no-repeat; */
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#cxs_fts {
    background-color: #1b334d;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#MetaBlockcxstabs.nav-tabs>li.active>a {
    border-radius: 50px;
    color: #0d233b;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a {
    border-radius: 50px;
    color: #95a5b6;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a:hover {
    background-color: #081d35;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li.active>a:hover {
    background-color: #fff;
}

#MetaBlockcxstabs.nav-tabs {
    border-bottom: 0px solid #ddd;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 2rem;
}

#MetaBlockcxstabs {
    background-color: #0f2135;
    padding: 7px;
    border-radius: 50px;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_fts .ocsxt_box {
    display: inline-block;
    padding: 15px;
    background-color: #29a0cf;
    min-width: 200px;
    border-radius: 2px;
}

#cxs_fts .ocsx_head {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

#cxs_fts .tab-content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#cxs_benefits .ocsxt_box .ocsx_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-left: 10px;
}

#cxs_benefits {
    background-color: #f6faff;
}

#cxs_benefits .ocsxt_box {
    border: 1px solid #cddff2;
    background-color: #fff;
    padding: 15px;
    /*min-height: 190px;*/
    margin-bottom: 3rem;
    box-shadow: 0 8px 9px -10px #1b334d;
    display: flex;
    align-items: center;
}

#cxs_benefits .ocsx_desc {
    color: #5e6f83;
}

#cxs_benefits .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #1b334d;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch {
    background-color: #1b334d;
}

#cxs_cryptlaunch .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch .ocsx_head {
    color: #7fdbff;
    font-weight: 600;
    min-height: 45px;
    text-align: center;
}

#cxs_cryptlaunch .ocsx_desc {
    color: #d7ecf4;
    text-align: center;
    font-size: 15px;
}

#cxs_cryptlaunch .ocsxt_box {
    border: 1px solid #3e5268;
    padding: 15px;
    min-height: 260px;
    background-color: #00000047;
    text-align: center;
}

#cxs_whycrypt {
    background-color: #1782ac;
}

#cxs_whycrypt .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}

#cxs_whycrypt .ocsxt_box .ocsx_head {
    color: #dff6ff;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

#cxs_clonescripts {
    background-color: #1b334d;
}

#cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: left;
    color: #c7efff;
    font-size: 25px;
}

#cxs_clonescripts .ocsxt_box {
    background: linear-gradient(179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
    padding: 20px 15px;
    text-align: center;
    border-radius: 4px;
    min-height: 235px;
}

#cxs_clonescripts .ocsxt_box .ocsx_head {
    color: #08233f;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1rem;
}

#cxs_clonescripts .ocsxt_box .ocsx_desc {
    color: #373b3f;
    font-size: 16px;
}

#cxs_clone_carousel .owl-nav {
    position: absolute;
    top: -73px;
    right: 0;
}

#cxs_clone_carousel .owl-nav .owl-prev,
#cxs_clone_carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 32px;
    background-color: #07182b;
    border: 3px solid #658ebf;
}

#cxs_clone_carousel .owl-nav .owl-prev i {
    font-size: 24px;
    color: #7eade6;
    padding-right: 3px
}

#cxs_clone_carousel .owl-nav .owl-next i {
    font-size: 24px;
    color: #7eade6;
    padding-left: 4px;
}

#cxs_clone_carousel .owl-dots {
    padding-top: 3rem;
}

.cxsclone_wrap {
    padding: 0px 30px;
}

.sprite1 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-bottom: 1rem;
}

.sprite2 {
    width: 60px;
    height: 60px;
    object-fit: none;
    margin-bottom: 1rem;
}

#cxs_whycrypt .ocsxt_box {
    text-align: center;
}

.sprite3 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none;
    margin-bottom: 1rem;
}

.btn.cbwatsapp {
    background-color: #1a9a49;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.btn.cbtelegram {
    background-color: #0097cf;
    color: #fff;
    font-weight: 700;
}

#cxs_intro .cxs_btn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.cxs_btn .cxsbtn_box i {
    font-size: 25px;
}

.cxs_btn .cxsbtn_box a.btn {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    #cxs_intro .cxs_btn {
        display: block;
    }
    .btn.cbwatsapp {
        margin-bottom: 10px;
    }
    .MetaBlockcxs_sec_titlewrap .oncxs_title {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.5;
    }
    #cxs_whitelabel {
        background-size: cover;
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        background-color: #1782ac;
        background-position: bottom;
    }
    #MetaBlockcxstabs.nav-tabs>li.active>a {
        font-size: 16px;
        min-width: auto;
    }
    #MetaBlockcxstabs.nav-tabs>li>a {
        font-size: 15px;
        min-width: auto;
        padding: 4px;
    }
    #MetaBlockcxstabs {
        padding: 5px;
    }
    .ocsx_tab_wrap {
        text-align: center;
    }
    #cxs_fts .ocsxt_box {
        display: inline-block;
        padding: 7px;
        background-color: #29a0cf;
        min-width: 330px;
        border-radius: 2px;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cxsclone_wrap {
        padding: 0px;
    }
    #cxs_cryptlaunch .ocsxt_box {
        min-height: auto;
        margin-bottom: 1.3rem;
    }
    #cxs_whycrypt .ocsxt_box {
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #cxs_clone_carousel .owl-nav {
        position: static;
        position: initial;
        top: -73px;
        right: 0;
    }
    #cxs_clone_carousel .owl-dots {
        display: none;
    }
    #cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
        text-align: center;
    }
    #cxsbannner .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        font-weight: 700;
    }
    .header-content {
        text-align: center;
    }
    #cxsbannner {
        background-position: left;
    }
}

@media (max-width: 1280px) and (max-width: 1440px) {
    #cxs_clonescripts .ocsxt_box {
        background: linear-gradient(179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
        padding: 20px 15px;
        text-align: center;
        border-radius: 4px;
        min-height: 300px;
    }
}

header.masthead-sportsbet .header-content {
    text-align: left;
    padding-top: 90px;
}

header.masthead-sportsbet .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-sportsbet .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

header.masthead-sportsbet .header-content .expert-btn {
    background: #ff5aae;
    color: #ffffff;
    border: 1px solid #ff76bc;
}

header.masthead-sportsbet .sportbet_hero_img img {
    position: absolute;
    max-width: none;
    right: 0;
    left: 0;
}

header.masthead-sportsbet {
    overflow: hidden;
}

.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.MetaBlock_sportsbet {
    padding: 30px 0px 30px 0px;
}

.MetaBlock_sportsbet .onfsportsbet_title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p,
.MetaBlock_sportsbet .MetaBlocksportbet_box p {
    margin-bottom: 0;
}

#sportsbet_ftsec {
    background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(176deg, rgb(37, 56, 222), rgb(96, 189, 244));
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    color: #fff;
}

#sportsbet_ftsec .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 31rem;
}

#sportsbet_ftsec .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

#sportsbet_btsec {
    background-image: radial-gradient(circle at center center, rgba(217, 217, 217, 0.05) 0%, rgba(217, 217, 217, 0.05) 15%, rgba(197, 197, 197, 0.05) 15%, rgba(197, 197, 197, 0.05) 34%, rgba(178, 178, 178, 0.05) 34%, rgba(178, 178, 178, 0.05) 51%, rgba(237, 237, 237, 0.05) 51%, rgba(237, 237, 237, 0.05) 75%, rgba(138, 138, 138, 0.05) 75%, rgba(138, 138, 138, 0.05) 89%, rgba(158, 158, 158, 0.05) 89%, rgba(158, 158, 158, 0.05) 100%), radial-gradient(circle at center center, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 100%);
    background-size: 42px 42px;
}

#sportsbet_btsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_btsec .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_btsec .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_btsec .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_hwitwrks {
    background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient(circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient(circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient(circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient(circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, rgb(34, 222, 237), rgb(135, 89, 215));
    padding-bottom: 70px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 28rem;
    position: relative;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:before {
    position: absolute;
    width: 3px;
    height: 41px;
    content: '';
    background-color: #fff;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:after {
    position: absolute;
    width: 30px;
    height: 30px;
    content: '';
    background-color: #ff3b84;
    bottom: -44px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 50px;
    border: 4px solid #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box span {
    background-color: #2d39cc;
    width: 25px;
    height: 25px;
    padding: 0px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap {
    margin-bottom: 3rem;
}

#sportsbet_hwitwrks .row:nth-child(2) {
    position: relative;
}

#sportsbet_hwitwrks .row:nth-child(2):before {
    position: absolute;
    width: 100%;
    height: 3px;
    content: '';
    bottom: 0;
    border: none;
    border-top: 4px dotted #fff;
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

.ocean {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box {
    background-color: #663784;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 33rem;
    position: relative;
    text-align: center;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_appdev {
    overflow: hidden;
    position: relative;
    background: rgb(17, 22, 32);
    background: linear-gradient(180deg, rgb(72 125 232 / 81%) 0%, rgb(255 76 167 / 62%) 100%);
}

#sportsbet_appdev:before {
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    /* background: url(../images/inner-pages/sports-betting/sports-bg.jpg) no-repeat; */
    background-size: cover;
    top: 0;
    filter: blur(2px);
    z-index: -1;
    background-position: center;
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game01 {
    /* background: url(../images/inner-pages/sports-betting/games-01.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game02 {
    /* background: url(../images/inner-pages/sports-betting/games-02.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game03 {
    /* background: url(../images/inner-pages/sports-betting/games-03.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game04 {
    /* background: url(../images/inner-pages/sports-betting/games-04.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game05 {
    /* background: url(../images/inner-pages/sports-betting/games-05.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game06 {
    /* background: url(../images/inner-pages/sports-betting/games-06.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game07 {
    /* background: url(../images/inner-pages/sports-betting/games-07.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game08 {
    /* background: url(../images/inner-pages/sports-betting/games-08.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game09 {
    /* background: url(../images/inner-pages/sports-betting/games-09.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game10 {
    /* background: url(../images/inner-pages/sports-betting/games-10.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game11 {
    /* background: url(../images/inner-pages/sports-betting/games-11.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game12 {
    /* background: url(../images/inner-pages/sports-betting/games-12.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game13 {
    /* background: url(../images/inner-pages/sports-betting/games-13.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_appdev .MetaBlocksportbet_box {
    background-size: cover !important;
    padding: 20px;
    text-align: right;
    border-radius: 4px;
    margin-bottom: 1rem;
    position: relative;
    z-index: 0;
    box-shadow: 0 5px 7px -2px #ff83da;
}

#sportsbet_appdev .MetaBlocksportbet_box:before {
    background: linear-gradient(270deg, rgb(17 22 32 / 81%) 0%, rgb(27 30 44 / 26%) 100%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1;
}

#sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    margin: 0;
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_revenue_model {
    background-image: linear-gradient(45deg, transparent 0%, transparent 55%, rgba(64, 64, 64, 0.04) 55%, rgba(64, 64, 64, 0.04) 76%, transparent 76%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 14%, rgba(64, 64, 64, 0.04) 14%, rgba(64, 64, 64, 0.04) 41%, transparent 41%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 2%, rgba(64, 64, 64, 0.04) 2%, rgba(64, 64, 64, 0.04) 18%, transparent 18%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 61%, rgba(64, 64, 64, 0.04) 61%, rgba(64, 64, 64, 0.04) 71%, transparent 71%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_revenue_model .MetaBlocksportbet_box {
    text-align: center;
}

#sportsbet_revenue_model .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform {
    /* background: url(../images/inner-pages/sports-betting/blockchain-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_blockchainplatform:before {
    background-color: #071d3cc7;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box {
    background-color: #0314249e;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    text-align: center;
    border: 1px solid #8fc2d25c;
    min-height: 325px;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_softdevelopment {
    background-image: repeating-linear-gradient(90deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(0deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(135deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), linear-gradient(90deg, hsl(275, 3%, 97%), hsl(275, 3%, 97%));
}

#sportsbet_techstack {
    /* background: url(../images/inner-pages/sports-betting/techstac-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_techstack:before {
    position: absolute;
    content: '';
    top: 0;
    background: rgb(17, 22, 32);
    background: linear-gradient(181deg, rgb(23 17 32 / 97%) 0%, rgb(154 81 152 / 40%) 100%);
    width: 100%;
    height: 100%;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 2rem;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_techstack.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
    background-color: #230b1394;
    color: #eaeaea;
    font-weight: 700;
    border-radius: 60px;
    width: 126px;
    text-align: center;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li.active a {
    background-color: #d83068;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs {
    justify-content: center;
    display: flex;
    border-bottom: 0;
    margin-bottom: 2rem;
}

.MetaBlocksportbet_techstack_sec .tab-content .row {
    justify-content: center;
    margin-bottom: 1rem;
    display: flex;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec .tab-content .MetaBlocksportbet_box .onfsportsbe_head {
    text-align: center;
    color: #fff;
}

.tech-sprite {
    width: 55px;
    height: 55px;
    object-fit: none;
}

#sportsbet_techstack .tab-content .MetaBlocksportbet_box {
    background-color: #120b218c;
    text-align: center;
    padding: 10px;
    border: 1px solid #e4c8ee52;
    border-radius: 5px;
}

#sportsbet_whychoose {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.whychoose_pts_wrap ul {
    padding: 0;
    margin-bottom: 0;
}

.whychoose_pts_wrap ul li {
    background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23, 0.05) 0%, rgba(23, 23, 23, 0.05) 50%, rgba(109, 109, 109, 0.05) 50%, rgba(109, 109, 109, 0.05) 100%), radial-gradient(circle at 21% 96%, rgba(92, 92, 92, 0.05) 0%, rgba(92, 92, 92, 0.05) 50%, rgba(199, 199, 199, 0.05) 50%, rgba(199, 199, 199, 0.05) 100%), radial-gradient(circle at 25% 37%, rgba(230, 230, 230, 0.05) 0%, rgba(230, 230, 230, 0.05) 50%, rgba(25, 25, 25, 0.05) 50%, rgba(25, 25, 25, 0.05) 100%), linear-gradient(90deg, rgb(156, 48, 160), rgb(75, 105, 255));
    list-style: none;
    margin-bottom: 1rem;
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

#sportsbet_hire {
    /* background: url(../images/inner-pages/sports-betting/hire-bg.png) no-repeat; */
}

#sportsbet_hire .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_hire.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

.sportbet-sprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

#sportsbet_whychoose .row {
    align-items: center;
    display: flex;
}

@media (max-width: 767px) {
    header.masthead-sportsbet .header-content h1 {
        font-size: 34px !important;
    }
    .MetaBlock_sportsbet .onfsportsbet_title {
        font-size: 24px;
        line-height: 32px;
    }
    .MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap {
        text-align: center;
    }
    #sportsbet_hwitwrks .row:nth-child(2):before {
        display: none;
    }
    #sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
        font-size: 25px;
    }
    #sportsbet_revenue_model .MetaBlocksportbet_box {
        text-align: center;
    }
    #sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
        width: 80px;
        text-align: center;
        padding: 5px;
        font-size: 14px;
    }
    .MetaBlocksportbet_techstack_sec .tab-content .row {
        display: block;
        margin-bottom: 0;
    }
    #sportsbet_techstack .tab-content .MetaBlocksportbet_box {
        margin-bottom: 2rem;
    }
    #sportsbet_whychoose .row {
        display: block;
    }
    #sportsbet_hire {
        background-size: cover;
        background-position: right;
    }
    #sportsbet_typesofsportsbit .MetaBlocksportbet_box {
        min-height: 0;
        min-height: initial;
    }
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    display: none;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    border-bottom-color: currentColor;
    border-bottom-color: initial;
}

.MetaBlock_cryptoexchange_tabs .nav-justified .nav-item {
    text-align: center;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px 40px !important;
    font-size: 17px;
    border: none !important;
    color: #1b334d;
    font-weight: 700;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    position: relative;
    border: 1px solid #1b334d;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 6px;
    background-color: #ecf3ff;
}

.MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
    width: 80%;
    margin: 0px auto;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li {
    margin: 0px !important;
    border-right: 1px solid #1b334d;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs.nav-justified>li {
    width: 100%;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    background: #1b334d;
    border: none !important;
    color: #fff !important;
    border-radius: 0;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 8px 9px -2px rgb(125 127 156 / 35%);
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    min-height: 93px;
    justify-content: center;
    text-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card_head {
    font-weight: 700;
    font-size: 16px;
    margin: 10px;
}

.tech_stack_img {
    width: 60%;
}

.MetaBlock_cryptoexchange_tabs .card:hover {
    transform: none;
}

@media(min-width:768px) {
    .MetaBlock_cryptoexchange_tabs .nav-tabs {
        display: flex;
    }
    .MetaBlock_cryptoexchange_tabs .card {
        border: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .card-header {
        display: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .MetaBlock_cryptoexchange_tabs .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc {
        background: #1b334d;
        font-weight: bold;
        padding: 10px;
        display: flex;
        margin-top: 15px;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc_head {
        color: #fff;
        font-weight: bold;
    }
    .MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
        width: 100%;
    }
    .tech_stack_img {
        width: 100%;
    }
    .MetaBlock_cryptoexchange_tabs .cryptocurrency_tabs_scroll_mobile {
        overflow: scroll;
        height: 317px;
    }
}

/*=========================================NFT Game Platform DEVELOPMENT=================================*/

.nft_gameplatform {
    padding: 50px 0px;
}

#nftgp_hero {
    background: radial-gradient(circle at 80% 50%, rgb(42 46 59) 0%, rgb(31 35 45) 42.71%, rgb(14 17 23) 100%);
    padding: 130px 0px 50px 0px;
}

#nftgp_hero .header-content {
    padding-top: 5rem;
}

#nftgp_hero .header-content h1 {
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    font-size: 45px !important;
}

#nftgp_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

#nftgp_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

.nftgp_custom_container {
    padding: 0px 50px;
}

#nftgp_sec1 {
    padding-top: 50px;
    padding: 0;
    overflow: hidden;
}

#nftgp_sec1 .row {
    display: flex;
    align-items: center;
}

#nftgp_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}

.nft_gameplatform#nftgp_sec2 .row {
    display: flex;
    justify-content: center;
}

.nftgb_dark_theme {
    background-color: #222631;
}

.nftgb_lite_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #222631;
}

.nftgb_dark_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #fff;
}

.nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
}

.nft_gameplatform#nftgp_sec2 .nftgp_sectitle_wrap {
    text-align: center;
}

.nft_gameplatform p {
    margin-bottom: 0;
}

.nftgb_dark_theme .nftgp_sectitle_wrap p {
    color: #dcdee4;
}

.nftgb_dark_theme .nftgp_box .nftgp_head {
    color: #fff;
}

.nftgb_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

.nft_gameplatform .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

#nftgp_sec3 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 {
    padding: 0;
    padding-top: 50px;
    overflow: hidden;
}

#nftgp_sec4 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 5rem;
}

#nftgp_sec4 .nftgp_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #7d8395;
    border-radius: 10px;
}

#nftgp_sec4 .nftgp_box img {
    border-radius: 10px;
    transition: .3s;
}

#nftgp_sec4 .nftgp_box img:hover {
    transform: scale(1.01);
}

#nftgp_sec4 .row:nth-child(2),
#nftgp_sec4 .row:nth-child(3),
#nftgp_sec4 .row:nth-child(4) {
    margin-bottom: 4rem;
}

#nftgp_sec4.nft_gameplatform .nftgp_box .nftgp_head {
    margin-top: 1rem;
}

#nftgp_sec5 .row:nth-child(2) {
    justify-content: center;
    display: flex;
}

#nftgp_sec5 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec5 .row:nth-child(2) .col-md-4 {
    padding: 0;
}

#nftgp_sec5 .row .col-md-4:nth-child(1) {
    background-color: #222631;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .row .col-md-4:nth-child(2) {
    background-color: #af27e7;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-left-radius: 20px;
}

#nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-right-radius: 20px;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul {
    padding: 0;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li {
    list-style: none;
    color: #fff;
    padding: 20px 20px;
    border-bottom: 1px solid #ffffff2b;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li.nftgp_diff_head {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #0000004d;
}

#nftgp_sec6 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec7.nft_gameplatform .nftgp_box {
    padding: 15px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 3px -2px black;
    border-radius: 5px;
    min-height: 100px;
}

#nftgp_sec7 .row:nth-child(2),
#nftgp_sec7 .row:nth-child(3) {
    margin-bottom: 2rem;
}

.nftgp_techsprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_techtitle {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #ffffffe6;
    color: #222631;
    padding: 20px 0px;
}

/*.nftgp_head {
    color: #222631;
    margin: 10px 0px;
    font-weight: 500;
}*/

.nftgp_techlist ul li {
    display: inline-block;
    text-align: center;
}

.nftgp_techlist ul {
    padding: 20px 0px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-around;
}

.nftgp_techstack_wrap {
    background-color: #ededed;
    margin-bottom: 3rem;
}

.keyfac-sprite {
    width: 120px;
    height: 120px;
    object-fit: none;
    transition: .2s;
}

.keyfac-sprite:hover {
    transform: scale(1.1);
}

.nftgp_whychoose {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .nftgp_custom_container {
        padding: 0px 00px;
    }
    #nftgp_hero .header-content h1 {
        font-size: 26px !important;
        text-align: center;
    }
    #nftgp_sec1 {
        padding: 35px 0px;
    }
    #nftgp_sec3 {
        padding: 35px 0px;
    }
    #nftgp_sec4 .nftgp_box {
        margin: 20px 0px;
    }
    #nftgp_hero .header-content {
        text-align: center;
    }
    .nftgp_sectitle_wrap {
        text-align: center;
    }
    .nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .nft_gameplatform#nftgp_sec2 .row,
    #nftgp_sec4 .row {
        display: block;
    }
    #nftgp_sec5 .row:nth-child(2) {
        justify-content: center;
        display: block;
    }
    #nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head,
    #nftgp_sec5 .row .col-md-4:nth-child(1),
    #nftgp_sec5 .row .col-md-4:nth-child(2),
    #nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
        border-radius: 0;
    }
    .nftgp_techlist ul {
        display: block;
        text-align: center;
    }
    .nftgp_techlist ul li {
        padding: 6px;
    }
    .nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
        display: block;
    }
}

.nftgp_servsprite {
    width: 231px;
    height: 231px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_box {
    display: flex;
    align-items: center;
}

/*
whitepaper style start*/

#white_paper_page {
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
}

@media(min-width:767px) {
    #white_paper_page .whitepaper_banner_sec {
        /* background-image: url('../../asset/oimages/white-paper-img/whitepaper-banner.png'); */
        height: 600px;
        background-size: cover;
        background-position: top;
        display: grid;
        align-items: center;
    }
}

#white_paper_page .whitepaper_banner_sec .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#white_paper_page .whitepaper_banner_sec .contents {
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    padding-top: 10px;
}

#white_paper_page .whitepaper_btn:hover {
    color: #fff;
}

#white_paper_page .what_whitepaper,
#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_aspects,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_process,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_why,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire,
#white_paper_page .whitepaper_hire_do {
    padding: 0px;
}

#white_paper_page .what_whitepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_btn {
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    background-image: linear-gradient(315deg, #fbd100 0%, #ff660c 74%);
    font-size: 16px;
    padding: 8px 10px;
    box-shadow: 0 1px 27px #ff660c;
}

#white_paper_page .what_whitepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_whitepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .what_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_litepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .what_litepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_litepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_litepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_litepaper .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_comprehensive .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card {
    padding: 10px;
    margin-top: 20px;
    min-height: 200px;
    box-shadow: 0 0px 9px #ff660c7d;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    border: 1px solid #ff660c63;
    border-radius: 10px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_title {
    font-weight: 800;
    font-size: 25px;
    text-transform: capitalize;
    text-align: center;
    color: #ff660c;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_aspects .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
    line-height: 1.3;
}

#white_paper_page .whitepaper_aspects .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_aspects .card {
    position: relative;
}

#white_paper_page .whitepaper_aspects .card .face {
    transition: 0.5s;
    height: 116px
}

#white_paper_page .whitepaper_aspects .card .face.face1 {
    position: relative;
    background: #040029;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(86px);
    border: 1px solid #eeeef14a;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 {
    background: #e15300;
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover {
    padding: 10px;
    transition: 0.5s;
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover h3 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 .content__hover {
    opacity: 1;
}

#white_paper_page .whitepaper_aspects .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgb(0 0 0 / 80%);
    transform: translateY(-29px);
    height: 114px;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face2 {
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face2 p {
    padding: 10px;
    margin: 0;
}

#white_paper_page .whitepaper_investors .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_investors .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card {
    min-height: 240px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    margin-top: 30px;
    border-left: 1px solid #ff660c;
    padding: 5px 10px;
    border-right: 1px solid #ff660c;
    box-shadow: 0 0px 9px #4343439e;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_content {
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
}

#white_paper_page .whitepaper_process .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_process .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_process .whitepaper_process_card {
    min-height: 223px;
    margin-top: 30px;
    border: 2px dotted #50cef266;
    padding: 10px 7px;
    border-radius: 10px;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_needs .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_needs .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_why .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#white_paper_page .whitepaper_industries .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_industries .white_paper_industry_img {
    width: 35px;
    height: 35px;
    object-fit: none;
}

#white_paper_page .whitepaper_industries .whitepaper_industries_card {
    padding: 20px 12px;
    border-radius: 4px;
    border: 1px solid #ff690078;
    color: #3e3e3e;
    margin-top: 2rem;
    text-align: center;
}

#white_paper_page .whitepaper_industries .white_paper_industry_card_title {
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    padding-top: 10px;
    color: #fff;
}

#white_paper_page .whitepaper_hire .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}

#white_paper_page .whitepaper_hire .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card {
    padding: 10px 7px;
    background: linear-gradient(178deg, #0c003d 0%, #03001f 74%);
    box-shadow: 0 0px 9px #ff690091;
    min-height: 265px;
    border: 1px solid #ff690073;
    border-radius: 10px;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_title {
    color: #ff6900;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_hire_do .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_do_card {
    padding: 10px 10px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    box-shadow: 0 0px 9px #4343439e;
    min-height: 197px;
    margin-top: 20px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_title {
    color: #ff691e;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 10px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire_do {
    box-shadow: 0 0px 9px #00cbff7a;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_paper_page .whitepaper_why {
    position: relative;
}

#white_paper_page .whitepaper_why ul li:before {
    content: "\25BA";
    color: #ff6900;
    position: absolute;
    left: 30px;
}

#white_paper_page .whitepaper_process_row_align {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
    #white_paper_page .whitepaper_banner_sec .title {
        font-size: 30px;
        text-align: center;
    }
    #white_paper_page .whitepaper_banner_sec .contents {
        font-size: 20px;
        text-align: center;
        padding-bottom: 10px;
    }
    #white_paper_page .what_whitepaper .title {
        font-size: 25px;
    }
    #white_paper_page .what_whitepaper .contents {
        text-align: justify;
    }
    #white_paper_page .what_whitepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    .whitepaper_btn_mobile {
        text-align: center;
    }
    #white_paper_page .what_whitepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
        padding-top: 10px;
    }
    #white_paper_page .what_litepaper .contents,
    #white_paper_page .whitepaper_aspects .contents,
    #white_paper_page .whitepaper_investors .contents,
    #white_paper_page .whitepaper_needs .contents,
    #white_paper_page .whitepaper_hire_do .contents {
        text-align: justify;
    }
    #white_paper_page .what_litepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .what_litepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .whitepaper_litepaper .title,
    #white_paper_page .whitepaper_comprehensive .title,
    #white_paper_page .whitepaper_aspects .title,
    #white_paper_page .whitepaper_investors .title,
    #white_paper_page .whitepaper_process .title,
    #white_paper_page .whitepaper_needs .title,
    #white_paper_page .whitepaper_why .title,
    #white_paper_page .whitepaper_industries .title,
    #white_paper_page .whitepaper_hire .title,
    #white_paper_page .whitepaper_hire_do .title {
        font-size: 25px;
    }
    #white_paper_page .whitepaper_process .whitepaper_process_card {
        min-height: 0;
        min-height: initial;
    }
    #white_paper_page .whitepaper_hire .whitepaper_hire_card {
        min-height: 0;
        min-height: initial;
        margin-top: 30px;
    }
    #white_paper_page .whitepaper_industries .whitepaper_industries_card {
        min-height: 130px;
    }
}

/*
whitepaper style end*/

/*=========================================Metaverse DEVELOPMENT=================================*/

#metavdev_hero {
    background-color: #202036;
    /* background-image: url(../images/inner-pages/metaverse-development-company/banner1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.metavdev_custom_container {
    padding: 0px 50px;
}

#metavdev_hero .header-content {
    padding-top: 5rem;
}

#metavdev_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
    color: #000;
}

#metavdev_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #f1ae2a;
    color: #fff;
}

#metavdev_se4 a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

#metavdev_hero .header-content h1 {
    text-transform: capitalize;
    font-weight: 900;
    text-align: left;
    font-size: 50px !important;
    background-image: linear-gradient(90deg, #2f005b 0%, #682d86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    text-shadow: none;
}

#metavdev_sec1 {
    padding: 0;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

#metavdev_sec1 p {
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /* background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

#metavdev_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.MetaBlock_metaverse_deve p {
    margin-bottom: 0;
}

#metavdev_sec1 .row {
    display: flex;
    align-items: center;
}

.MetaBlock_metaverse_deve {
    padding: 40px 0px;
}

.metavdev_dark_theme {
    background-color: #eefaff;
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: left;
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

/*#metavdev_sec2{
    position: relative;
    background-position: center;
        padding-top: 50px;
    background-image: url(https://images.unsplash.com/photo-1626379945538-6c8824dd898f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
}*/

/*#metavdev_sec2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:linear-gradient(359deg, rgb(17 11 29 / 93%) 0.18%, rgb(61 26 58 / 92%) 100%);
    top: 0;
    opacity: 0.7;
    }*/

#metavdev_sec2 ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
}

#metavdev_sec2 ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

#metavdev_sec2 ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

/*#metavdev_sec2 ul:before {
position: absolute;
width: 100%;
height: 8px;
background-color: #ac93ee;
border-radius: 5px;
content: '';
bottom: -40px; 
}*/

#metavdev_sec2 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

#metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    position: relative;
    margin-bottom: 0.2rem;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title.title_alict:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap.title_alilt .nftgp_sec_title:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /*background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title:before {
    background-color: #fff;
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
}

/*#metavdev_sec2 ul li:before{
position: absolute;
    width: 25px;
    height: 25px;
    background-color: #ac93ee;
    border-radius: 50px;
    content: '';
    bottom: -48px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/

#metavdev_sec2.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

/*.metavdev_timestamp {
    position: absolute;
    bottom: -81px;
    left: 0;
    right: 0;
    font-size: 22px;
    font-weight: 700;
}*/

.metaban_span {
    display: block;
    font-weight: 300;
    font-size: 30px;
    margin-top: 1.5rem;
}

#metavdev_sec3 .nftgp_box {
    text-align: center;
    background-color: #ffffff17;
    border-radius: 5px;
    padding: 15px;
    min-height: 285px;
    /* margin-bottom: 3rem; */
    margin-top: 50px;
    box-shadow: inset -3px -6px 16px 0px #9f9ba1, inset 9px 5px 14px 0px #7c7c7c38;
}

/*#metavdev_sec3 .nftgp_box:hover {
    box-shadow: -3px -6px 16px 0px #fdfdfdb0, 9px 5px 14px 0px #00000026;
    transition: all .3s;
}*/

/*#metavdev_sec3 .nftgp_box:before {
    content: "";
    height: 60px;
    width: 60px;
    border-radius: 100px;
    background-color: #84c1ff2b;
    position: absolute;
    bottom: -28px;
    right: -10px;
    opacity: 0;
}*/

/*#metavdev_sec3 .nftgp_box:hover:before {
    opacity: 1;
}*/

/*.nftgp_box {
    transition: all .3s;
    padding: 0 45px 0px;
    margin: 20px;
    background: transparent linear-gradient(311deg, #ebecf0 0%, #ebecf0 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset -3px -6px 16px 0px #fdfdfdb0, inset 9px 5px 14px 0px #00000026;
    border-radius: 20px;
    height: 100%;
    position: relative;
}*/

#metavdev_sec3.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
    padding-top: 10px;
    text-align: center;
}

#metavdev_se4 .nftgp_box .nftgp_head {
    color: #202036;
    font-size: 17px;
    margin-bottom: 0px;
    text-align: center;
}

/*#metavdev_se4{
    background-size: cover;
    padding: 50px;
    position: relative;
    background-image: url(https://images.unsplash.com/photo-1620120966883-d977b57a96ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
}*/

/*#metavdev_se4:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background : linear-gradient(359deg, rgb(65 31 61 / 90%) 0.18%, rgb(54 54 113 / 92%) 100%);
}*/

#metavdev_se4 .nftgp_box {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 31.18%, rgb(255 255 255) 100%);
    padding: 15px;
    /* margin-bottom: 1.5rem; */
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    box-shadow: 0px 0px 6px #ccc;
    display: flex;
    align-items: center;
    min-height: 75px;
    justify-content: center;
}

#metavdev_se4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    margin-bottom: .2rem;
}

#metavdev_se5 .row:nth-child(1) {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se5 .nftgp_sectitle_wrap p {
    color: #000;
}

#metavdev_se5 .row:nth-child(2),
#metavdev_se5 .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box {
    background: #fff;
    padding: 10px;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    min-height: 436px;
    box-shadow: 0px 0px 9px #ccc;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #3a0863;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    color: #000;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_content_wrap {
    margin: 27px 5px;
}

#metavdev_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#sec7_bg1 {
    background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat;
    background-size: cover;
}*/

#metavdev_se8 .nftgp_box {
    height: 195px;
    width: 182px;
    position: relative;
}

#metavdev_se8 .nftgp_content_wrap {
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(1deg, #4747c2 0%, #2c2c67 74%);
}

#metavdev_se8 .nftgp_head {
    background: linear-gradient(1deg, #3e0070 0%, #1d004c 74%);
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 800;
    width: 195px;
    margin: 0 auto;
    font-size: 20px;
}

#metavdev_se8 .owl-nav .owl-prev,
#metavdev_se8 .owl-nav .owl-next {
    border: 3px solid #f3b5ff;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #e14fff;
}

#metavdev_se8 .owl-nav .owl-prev {
    left: 0px;
}

#metavdev_se8 .owl-nav .owl-next {
    right: 0px;
}

#metavdev_se8 .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    width: 100%;
}

#metavdev_se8 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se6 .nftgp_box {
    padding: 15px 20px;
    min-height: 175px;
    border-radius: 12px;
    border: 1px solid #3a0863;
    box-shadow: 4px 5px 0 #3a0863;
}

/*#metavdev_se6{
    position: relative;
    background-size: cover;
    background-image: url(https://images.unsplash.com/photo-1511447333015-45b65e60f6d5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1255&q=80);
}*/

/*#metavdev_se6:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
     background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
 }*/

#metavdev_se6 .nftgp_box .nftgp_head {
    text-align: center !important;
}

#metavdev_se6 .nftgp_box .nftgp_desc {
    color: #202036;
    font-weight: 500;
    text-align: center;
}

#metavdev_se6 .row {
    margin-bottom: 3rem;
}

#metavdev_se6 .row:nth-child(4) {
    margin-bottom: 0;
}

#metavdev_se11 .nav-tabs {
    display: none;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a:hover {
    color: #e900ff !important;
}

#metavdev_se11 .nav-tabs>li.active>a,
#metavdev_se11 .nav-tabs>li.active>a:focus,
#metavdev_se11 .nav-tabs>li.active>a:hover {
    color: #e900ff !important;
    background: transparent;
    border: none;
    border-bottom: 2px solid #e900ff;
}

#metavdev_se11 .nav-tabs>li>a:hover {
    background: transparent;
    color: #e900ff;
}

#metavdev_se11 .nav-tabs>li>a {
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

@media(min-width:768px) {
    #metavdev_se11 .nav-tabs {
        display: flex;
        justify-content: center;
    }
    #metavdev_se11 .card {
        border: none;
    }
    #metavdev_se11 .card .card-header {
        display: none;
    }
    #metavdev_se11 .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #metavdev_se11 .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    #metavdev_se4 .nftgp_box,
    #metavdev_se6 .nftgp_box {
        min-height: 0px !important
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title {
        text-align: center !important;
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title:before {
        left: 40%;
    }
}

#metavdev_se11 .nav-tabs {
    border-bottom: 1px solid #dddddd57;
}

#metavdev_se11 .tech_stact_card_content {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    padding-top: 10px;
    margin-bottom: 0px;
}

#metavdev_se11 .tech_stact_card {
    margin-top: 20px;
    border: 1px dotted #ffffff70;
    text-align: center;
    padding: 10px;
}

#opensea_clone_script #metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(100);
}

#metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(0);
}

/*#metavdev_sec2 ul li:hover{
  background: #7900ff;
      box-shadow: 0 0px 9px #7900ff;
    border: 1px solid #7900ff;
    
}*/

#metavdev_se8 .nftgp_img_sprite {
    width: 195px !important;
    height: 182px;
    object-fit: none;
}

@media only screen and (max-width: 600px) {
    #metavdev_hero {
        background: #440f2f;
    }
    #metavdev_hero .header-content h1 {
        background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    }
    #metavdev_hero .header-content .heading-tagline {
        color: #fff;
    }
    #metavdev_sec2 ul {
        display: grid;
    }
    #metavdev_sec2 ul li {
        width: 100%;
        margin: 10px 0px;
    }
    #metavdev_se5 .row:nth-child(2),
    #metavdev_se5 .row:nth-child(3) {
        display: grid;
    }
    #metavdev_se9 {
        display: none;
    }
    .metavdev_custom_container {
        padding: 0px;
    }
    #metavdev_hero .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        line-height: 1;
    }
    #metaverse_dev_company .metaban_span {
        font-size: 23px;
    }
    #metaverse_dev_company .MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title,
    #metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_dev_company .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
        text-align: center;
        font-size: 27px;
    }
    #metavdev_sec1 p {
        text-align: center;
    }
    #metavdev_se6 .nftgp_box {
        margin-top: 30px;
    }
    #metavdev_se10 .nftgp_box {
        margin-top: 20px;
    }
    #metavdev_se11 [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #metavdev_se11 .card-header {
        background: #fff;
        margin-top: 20px;
    }
    #metavdev_se11 .fa-chevron-down:before {
        content: "\f078";
    }
    #mdc_collapse-C .card-body .row {
        display: grid;
    }
    #metavdev_se11 .card-header h5 {
        color: #000;
        font-weight: 800;
        font-size: 18px;
    }
    #metavdev_se11 .card-body {
        height: 200px;
        overflow: scroll;
    }
}

/*#metavdev_se7{
    position: relative;
    padding:50px 0px;
    background-size: 42px 42px;
    background-image: radial-gradient(circle at center center, rgba(255,255,255, 0.05) 0%, rgba(255,255,255, 0.05) 15%,rgba(197, 197, 197,0.05) 15%, rgba(197, 197, 197,0.05) 34%,rgba(178, 178, 178,0.05) 34%, rgba(178, 178, 178,0.05) 51%,rgba(237, 237, 237,0.05) 51%, rgba(237, 237, 237,0.05) 75%,rgba(138, 138, 138,0.05) 75%, rgba(138, 138, 138,0.05) 89%,rgba(158, 158, 158,0.05) 89%, rgba(158, 158, 158,0.05) 100%),radial-gradient(circle at center center, rgb(32,32,54) 0%, rgb(32,32,54) 6%,rgb(32,32,54) 6%, rgb(32,32,54) 12%,rgb(32,32,54) 12%, rgb(32,32,54) 31%,rgb(32,32,54) 31%, rgb(32,32,54) 92%,rgb(32,32,54) 92%, rgb(32,32,54) 97%,rgb(32,32,54) 97%, rgb(32,32,54) 100%); 

}*/

#metavdev_se7 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se7:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}

#metavdev_se7 .nftgp_box {
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    /* box-shadow: 0 0px 9px #0ee3cf;
    border: 1px solid #0ee3c5;*/
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 0px 14px #c5c5c5c2;
}

/*#metavdev_se7 .nftgp_box:before {
    background: linear-gradient(90deg, #45457d 0%, #20203652 74%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
}*/

#metavdev_se7.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    color: #000;
}

/*#metadev7_clone {
    background-image: url(https://images.unsplash.com/photo-1624398891398-fbb14f1acc11?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
    background-size: cover;
    background-position: center;
} */

#metavdev_se9 .nftgp_box {
    background-color: #fff;
    padding: 25px;
    position: relative;
    border: 1px solid #dcdcdc;
}

#metavdev_se9 .nftgp_box .sec9_count {
    background-color: #481b93;
    border-radius: 50px;
    width: 40px;
    /* text-align: center; */
    height: 40px;
    position: absolute;
    top: -20px;
    font-weight: 600;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-bottom: 4px;
}

#metavdev_se9 .nftgp_box.nftgp_horiline,
#metavdev_se9 .nftgp_box.nftgp_vertline,
#metavdev_se9 .nftgp_box.nftgp_lthoriline {
    position: relative;
    z-index: 0;
}

#metavdev_se9 .row:nth-child(2) {
    margin-bottom: 3rem;
}

#metavdev_se9 .nftgp_box.nftgp_horiline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    right: -32px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9 .nftgp_box.nftgp_vertline:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 32px;
    background-color: #fff;
    bottom: -31px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#metavdev_se9 .nftgp_box.nftgp_lthoriline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    left: -31px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
}

#metavdev_se9 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#metavdev_se10{
    position: relative;
    background:url(https://images.unsplash.com/photo-1604818640599-71bda0165d53?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80);
}
#metavdev_se10:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
}*/

#metavdev_se10 .nftgp_box {
    padding: 10px;
    /* background-image: linear-gradient(22deg, #c4c8ec 0%, #ffffff 100%); */
    border-radius: 12px;
    background: #fff;
    border: 1px solid #3a0863;
    box-shadow: inset 3px -2px 0px 0px #3a0863;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metavdev_se10.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 17px;
    text-align: center;
}

#metavdev_se10 .row:nth-child(2),
#metavdev_se10 .row:nth-child(3) {
    margin-bottom: 2rem;
}

/*=========================================Metaverse DEVELOPMENT -END=================================*/

/*opensea clone style start*/

#opensea_clone_script {
    background-color: #000000;
    background-image: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding-bottom: 60px;
}

#opensea_clone_script .row_align {
    justify-content: center;
    display: flex;
}

#opensea_clone_script .ocs_banner,
#opensea_clone_script .ocs_nft,
#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    padding: 0px;
}

#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    margin-top: 80px;
}

@media (min-width: 767px) {
    #opensea_clone_script .ocs_banner {
        height: 600px;
        display: flex;
        align-items: center;
        /* background: url(../images/inner-pages/opensea-clone/banner.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
}

#opensea_clone_script .ocs_banner .title {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
}

#opensea_clone_script .ocs_banner .contents {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

#opensea_clone_script .ocs_nft .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .ocs_nft .contents {
    color: #fff;
    font-size: 16px;
    position: relative;
}

#opensea_clone_script .ocs_nft .contents:before {
    content: "\25BA";
    position: absolute;
    color: #9402d6;
    left: -24px;
}

#opensea_clone_script .ocs_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(126deg, #ab05ff 0%, #8600bd 98%);
    border: transparent;
    border-radius: 5px;
    box-shadow: inset -4px -4px 0px #680593;
}

#opensea_clone_script .ocs_btn:hover {
    color: #fff;
}

#opensea_clone_script .osc_video .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .osc_video .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_whitelabel .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_design {
    padding: 20px;
}

#opensea_clone_script .osc_whitelabel .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_whitelabel ul {
    padding-left: 0px;
}

#opensea_clone_script .osc_whitelabel ul li {
    list-style: none;
    padding-top: 15px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_subdesign {
    background: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px -2px 12px 2px #680593;
}

#opensea_clone_script .osc_whitelabel .whitelabel_icons {
    line-height: 1.5;
    color: #680593;
}

#opensea_clone_script .osc_features .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

#opensea_clone_script .osc_features .nav-tabs {
    display: none;
}

#opensea_clone_script .osc_features .nav-item .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

@media(min-width:768px) {
    #opensea_clone_script .osc_features .nav-tabs {
        display: flex;
        justify-content: center;
        border-bottom: none;
    }
    #opensea_clone_script .osc_features .card {
        border: none;
    }
    #opensea_clone_script .osc_features .card .card-header {
        display: none;
    }
    #opensea_clone_script .osc_features .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #opensea_clone_script .osc_features .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#opensea_clone_script .osc_features .osc_features_card {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #9b02e2;
    box-shadow: 3px 3px 0px 0px #9b02e2;
    border-radius: 0px 20px;
}

#opensea_clone_script .osc_features .osc_features_content {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 800;
}

#opensea_clone_script .osc_features .nav-tabs>li>a {
    margin-right: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
}

#opensea_clone_script .osc_features .nav-tabs>li {
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav-tabs>li.active>a,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:focus,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:hover {
    background-color: #9b02e2;
    color: #fff;
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav>li>a:focus,
#opensea_clone_script .osc_features .nav>li>a:hover {
    background: transparent;
    border: transparent;
}

#opensea_clone_script .osc_tech_stack .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #fff;
    text-shadow: none;
    position: relative;
}

#opensea_clone_script .osc_advantages .title {
    font-size: 28px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_advantages .main {
    width: 250px;
    height: 250px;
    border: 1px solid #CCC;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#opensea_clone_script .osc_advantages .main:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #9b02e2 !important;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: opensea_circle 6s linear infinite;
}

@keyframes opensea_circle {
    0% {
        transform: rotate(0deg) translate(-125px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(-125px) rotate(-360deg);
    }
}

#opensea_clone_script .osc_advantages ul li {
    list-style: none;
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    font-weight: bold;
}

#opensea_clone_script .osc_advantages ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .title {
    font-size: 45px;
    text-align: left;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_customcurrencies .sub_title {
    text-align: left;
    color: #fff;
}

#opensea_clone_script .osc_customcurrencies .sub_content {
    display: grid;
    justify-content: center;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .sub_title_1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    margin-top: 50px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #9b02e2;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#opensea_clone_script .osc_customcurrencies .osc_row_align {
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_left {
    margin-left: 60px;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical {
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #9401d9;
    transform: translate(-50%, 50%);
    color: #000;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#opensea_clone_script .osc_business .title {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_business .osc_business_card {
    margin-top: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 25px 0px 25px 0px;
}

#opensea_clone_script .osc_business .osc_business_card_content {
    color: #000;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_build_platform .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#opensea_clone_script .osc_collaboration .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card {
    padding: 20px;
    background: #fff;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 6px 6px 0px 0px #9401d9;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_content {
    text-align: center;
    margin-bottom: 0px;
    padding-top: 10px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before {
    position: relative;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
    content: "";
    height: 5px;
    width: 100%;
    background: #9401d9;
    position: absolute;
    top: 50%;
}

#opensea_clone_script .osc_whychoose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_whychoose ul li {
    list-style: none;
    padding-top: 20px;
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_whychoose ul li i {
    color: #9401d9;
}

#opensea_clone_script .osc_whychoose ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_live .title {
    font-size: 45px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#opensea_clone_script .osc_live .osc_live_card {
    background: #fff;
    padding: 20px;
    min-height: 145px;
    margin-top: 30px;
    border-radius: 30px 0px 30px 0px;
}

#opensea_clone_script .osc_live .osc_live_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_live .osc_live_card_content {
    margin-bottom: 0px;
    text-align: center;
    padding-top: 10px;
}

#opensea_clone_script .animate_border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #9202d2;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 50px;
}

#opensea_clone_script .animate_border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    animation: opensea_animborder 2s linear infinite;
    border-radius: 50px;
}

@keyframes opensea_animborder {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(113px)
    }
}

@media only screen and (max-width: 600px) {
    .osc_advantages .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .ocs_banner .title,
    #opensea_clone_script .ocs_nft .title,
    #opensea_clone_script .osc_video .title,
    #opensea_clone_script .osc_whitelabel .title,
    #opensea_clone_script .osc_features .title,
    #opensea_clone_script .osc_customcurrencies .title,
    #opensea_clone_script .osc_business .title,
    #opensea_clone_script .osc_build_platform .title,
    #opensea_clone_script .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #opensea_clone_script .osc_collaboration .title,
    #opensea_clone_script .osc_whychoose .title,
    #opensea_clone_script .osc_live .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #opensea_clone_script .ocs_banner .contents,
    #opensea_clone_script .osc_video .contents,
    #opensea_clone_script .osc_whitelabel .contents,
    #opensea_clone_script .osc_customcurrencies .sub_title {
        text-align: justify;
    }
    #opensea_clone_script .ul_mob {
        padding-left: revert !important;
    }
    #opensea_clone_script .osc_customcurrencies .sub_title_1 {
        font-size: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before:before,
    #opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
        display: none;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_right {
        margin-right: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_left {
        margin-left: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_business_mob {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_card {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
        display: none;
    }
    #opensea_clone_script .osc_btn_mob {
        text-align: center !important;
    }
    #opensea_clone_script .ocs_banner {
        padding-top: 100px;
    }
    #opensea_clone_script .ocs_btn_mob {
        text-align: center;
    }
    #opensea_clone_script .ocs_nft .contents {
        text-align: justify;
    }
    #opensea_clone_script .ocs_nft .contents:before {
        display: none;
    }
    #opensea_clone_script .animate_border {
        margin: 0 auto;
    }
    #opensea_clone_script .osc_advantages .main {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .osc_features .card-header {
        padding: 5px;
        background: #fff;
        margin-top: 20px;
    }
    #opensea_clone_script .osc_features .card-body {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_features [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #opensea_clone_script .fa-chevron-down:before {
        content: "\f078";
    }
    #opensea_clone_script .osc_features .card-header h5 {
        font-size: 17px;
        font-weight: 800;
        padding: 0px 10px;
    }
}

/*opensea clone style end*/

/*metaverse game dev style start*/

#metaverse_game_development .row_justify {
    display: flex;
    justify-content: center;
}

#metaverse_game_development .row_align {
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_nft_game {
    background: linear-gradient(130deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_collabration {
    background: linear-gradient(326deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_why_MetaBlock {
    background: linear-gradient(21deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_benefits,
#metaverse_game_development .osc_tech_stack {
    background: linear-gradient(323deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_advantage {
    background: linear-gradient(106deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_main_benefits {
    background: linear-gradient(178deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_build_platform {
    background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_banner,
#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_collabration,
#metaverse_game_development .mgd_why_MetaBlock {
    padding: 0px;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_why_MetaBlock,
#metaverse_game_development .mgd_collabration {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 767px) {
    #metaverse_game_development .mgd_banner {
        /* background-image: url('../../asset/images/inner-pages/metaverse-game-dev/banner.png'); */
        height: 650px;
        display: grid;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
}

#metaverse_game_development .mgd_banner .title {
    color: #fff;
    font-size: 45px;
    text-align: left;
    font-weight: 800;
}

#metaverse_game_development .mgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 22px;
    padding-top: 15px;
    line-height: 1.3;
}

#metaverse_game_development .mgd_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(130deg, rgba(245, 74, 5, 1) 16%, rgba(166, 34, 21, 1) 58%, rgb(117 0 69) 91%);
    border-radius: 20px 0px 20px 0px;
    border: none;
}

#metaverse_game_development .mgd_btn:hover {
    color: #fff;
}

#metaverse_game_development .mgd_heighlights {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#metaverse_game_development .game_icon {
    font-size: 20px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

#metaverse_game_development .mgd_platform .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#metaverse_game_development .mgd_platform .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

#metaverse_game_development .mgd_platform .sub_content {
    color: #fff;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform_main {
    margin-top: 40px;
}

#metaverse_game_development .mgd_live .title {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#metaverse_game_development .mgd_live ul li {
    list-style: none;
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_live ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 16px;
}

#metaverse_game_development .mgd_live ul li i {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotation 2s infinite linear;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_element .mgd_element_card {
    padding: 10px;
    min-height: 158px;
    margin-top: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_element .mgd_element_img {
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #b12712;
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 0px 6px 0px #d3390c;
}

#metaverse_game_development .mgd_element .mgd_element_img:hover {
    box-shadow: 0px -1px 0px 5px #d3390c;
}

#metaverse_game_development .mgd_benefits .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card {
    padding: 15px;
    box-shadow: inset -3px -6px 16px 0px #897f7f8c, inset 9px 5px 14px 0px #202036;
    background-color: #ffffff17;
    border-radius: 5px;
    margin-top: 30px;
    min-height: 200px;
    display: grid;
    align-items: center;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card {
    padding: 10px;
    margin-top: 20px;
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    box-shadow: 8px 0px 0px 0px #f77905;
    border-radius: 20px 0px 20px 0px;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card_content {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_main_benefits .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card {
    padding: 20px;
    margin-top: 40px;
    border-radius: 20px;
    min-height: 285px;
    box-shadow: -1px 1px 6px 4px #00000087;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon_main {
    position: relative;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon {
    font-size: 40px;
    /*animation: zoom-in-zoom-out 2s ease-out infinite;*/
    color: #f77905;
    transform: rotate(323deg);
    position: absolute;
    top: -15px;
    left: -14px;
}

#metaverse_game_development .mgd_build_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
    padding: 15px;
    margin-top: 20px;
    min-height: 355px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_head {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_in {
    height: 70px;
    width: 70px;
    background: #181226;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #f77905;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out:before {
    content: "";
    -webkit-clip-path: polygon(100% 0, 0 0, 51% 100%);
    clip-path: polygon(100% 0, 0 0, 51% 100%);
    position: absolute;
    bottom: -20px;
    width: 30px;
    height: 30px;
    background: #f77905;
}

#metaverse_game_development .mgd_nft_game .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    display: flex;
    align-items: center;
    height: 450px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #fa7903fc;
    border-radius: 0px 80px 0px 80px;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    padding: 10px;
    border: 2px solid #ff6e00;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_nft_game .owl-dots {
    display: none;
}

#metaverse_game_development .mgd_nft_game .owl-carousel .owl-item img {
    width: 100% !important;
}

#metaverse_game_development .mgd_nft_game .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff6a00;
}

#metaverse_game_development .mgd_collabration .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card {
    padding: 40px 20px;
    margin-top: 20px;
    border-top: 2px dotted #ff7300;
    border-left: 2px dotted #ff7300;
    border-right: 2px dotted #ff7300;
    position: relative;
    border-radius: 20px;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    background: #ff7300;
    padding: 7px;
    position: absolute;
    top: 32px;
    left: 0;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_content {
    text-align: left;
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
}

#metaverse_game_development .mgd_why_MetaBlock .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li {
    display: flex;
    margin-top: 25px;
    align-items: center;
}

#metaverse_game_development .mgd_why_MetaBlock ul li i {
    color: #ff7300;
    font-size: 18px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    padding-left: 15px;
}

#metaverse_game_development .mgd_why_MetaBlock .mgd_why_MetaBlock_ul {
    display: grid;
    justify-content: flex-end;
}

#metaverse_game_development .metaverse_game_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_game_development .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

#metaverse_game_development .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    #metaverse_game_development .row_justify {
        display: inline;
        display: initial;
    }
    #metaverse_game_development .row_align {
        display: inline;
        display: initial;
    }
    .mgd_banner {
        background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #metaverse_game_development .mgd_banner .title {
        font-size: 30px;
        text-align: center;
    }
    #metaverse_game_development .mgd_banner .contents {
        text-align: center;
    }
    .mgd_btn_mob {
        text-align: center;
    }
    #metaverse_game_development .mgd_platform .title,
    #metaverse_game_development .mgd_live .title,
    #metaverse_game_development .mgd_element .title,
    #metaverse_game_development .mgd_benefits .title,
    #metaverse_game_development .mgd_build_platform .title,
    #metaverse_game_development .mgd_nft_game .title,
    .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_game_development .mgd_collabration .title,
    #metaverse_game_development .mgd_why_MetaBlock .title {
        font-size: 25px;
        line-height: 1.3;
    }
    #metaverse_game_development .mgd_platform .contents {
        text-align: justify;
    }
    #metaverse_game_development .mgd_platform .sub_title,
    #metaverse_game_development .mgd_platform .sub_content {
        text-align: center;
    }
    #metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
        margin-top: 0px;
        min-height: 0;
        min-height: initial;
    }
}

/*metaverse game dev style end*/

/*celebrity nft marketplace style start*/

#celebrity_nft_marketplace_dev {
    background: linear-gradient(45deg, #2f0f37, #1d0b3c, #1a0817);
    padding-bottom: 80px;
}

#celebrity_nft_marketplace_dev .cnmd_banner,
#celebrity_nft_marketplace_dev .cnmd_business,
#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    padding: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    margin-top: 50px;
}

@media (min-width: 767px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        /* background: url(../../asset/images/inner-pages/celebrity-nft-marketplace/banner.jpg); */
        height: 600px;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
}

#celebrity_nft_marketplace_dev .cnmd_banner .title {
    font-size: 40px;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 2px 2px #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_banner .contents {
    font-size: 18px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
    line-height: 1.6;
}

#celebrity_nft_marketplace_dev .row_justify {
    display: flex;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .row_align {
    display: flex;
    align-items: center;
}

#celebrity_nft_marketplace_dev .cnmd_btn {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    background: #ff5e00;
    border-radius: 5px;
}

#celebrity_nft_marketplace_dev .cnmd_business .title {
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_business .contents {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .contents {
    color: #fff;
    font-size: 17px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_platform .contents {
    text-align: center;
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
    padding: 20px 10px;
    background: #ffffff0f;
    margin-top: 35px;
    border: 1px solid #ffffff1c;
    border-radius: 10px;
    min-height: 335px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:after {
    top: 0%;
    right: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-left-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:before {
    top: 0%;
    left: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-right-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design {
    height: 70px;
    width: 70px;
    border-radius: 0px 0px 50% 50%;
    background: #ff5e00;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .title {
    text-align: left;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before {
    content: " \25C9";
    position: absolute;
    color: #ff5e00;
    left: -20px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 15px;
    line-height: 1.5;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card {
    background: #2f1a46b5;
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 4px 0px 0px #fb6711;
    border: 1px solid #e1d9e914;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_counter {
    counter-reset: cnmd_counter_increment;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card:before {
    counter-increment: cnmd_counter_increment;
    content: counter(cnmd_counter_increment);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background: #ff5e00;
    position: absolute;
    top: 8px;
    left: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card_content {
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_features .title {
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.2;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card {
    margin-top: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title {
    font-size: 20px;
    font-weight: 800;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title:before {
    content: "|";
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_content {
    font-size: 17px;
    color: #fff;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
    display: none;
}

@media(min-width:768px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
        display: flex;
        border-bottom: 0;
        border-bottom: initial;
        justify-content: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card {
        border: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .card-header {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-link {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:hover {
    background-color: #fb6711;
    color: #fff;
    border: none;
    border-radius: 40px 0px 40px 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
    border: none;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 19px;
    color: #fff;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 1px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 20px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li:before {
    content: "\276F";
    position: absolute;
    left: -15px;
    color: #ff5e00;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title {
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li {
    list-style: none;
    color: #fff;
    padding-top: 25px;
    font-size: 17px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
    content: "\25B6";
    position: absolute;
    left: -20px;
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_process .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_process .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card {
    display: flex;
    min-height: 295px;
    margin-top: 30px;
    border: 1px solid #ffffff38;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_content {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head_des {
    background: #fb6711;
    padding: 20px;
    border-radius: 0% 10px 90% 0px;
    width: 165px;
    height: 165px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_content_des {
    padding: 10px 15px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:before {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:after {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 1px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px 2px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
    width: 20px;
    height: 20px;
    background: #fb6711;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before {
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    right: 0;
    top: 130px;
    left: 0;
}

#celebrity_nft_marketplace_dev .cnmd_turn .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card {
    padding: 15px 10px;
    margin-top: 20px;
    border: 1px dotted #ff5e00;
    min-height: 170px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    min-height: 105px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .platform_icons {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

#celebrity_nft_marketplace_dev .platform_icons_new {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#celebrity_nft_marketplace_dev .process_icons_new {
    height: 70px;
    width: 70px;
    object-fit: none;
    margin: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_line {
    width: 100px;
    height: 2px;
    background: #ff5e00;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        height: 500px;
        display: flex;
        align-items: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .title,
    #celebrity_nft_marketplace_dev .cnmd_business .title,
    #celebrity_nft_marketplace_dev .cnmd_superlative .title,
    #celebrity_nft_marketplace_dev .cnmd_platform .title,
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity .title,
    #celebrity_nft_marketplace_dev .cnmd_features .title,
    #celebrity_nft_marketplace_dev .cnmd_benefits .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title,
    #celebrity_nft_marketplace_dev .cnmd_process .title,
    #celebrity_nft_marketplace_dev .cnmd_collaboration .title,
    #celebrity_nft_marketplace_dev .cnmd_turn .title,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .contents,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_btn_mob {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_business .contents,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
        text-align: justify;
    }
    #celebrity_nft_marketplace_dev .cnmd_line {
        margin: 0 auto;
    }
    #celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
        min-height: auto;
    }
    #celebrity_nft_marketplace_dev .row_align {
        display: grid;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header {
        background: #fff;
        padding: 8px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header h5 {
        font-weight: 800;
        font-size: 18px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-body {
        height: 250px;
        overflow: scroll;
    }
}

/*celebrity nft marketplace style end*/

/*cryptocurrency exchange script new style start*/

.cryptocurrency_exchange_script {
    background: #fff;
    padding-bottom: 50px;
}

.cryptocurrency_exchange_script .cesd_banner,
.cryptocurrency_exchange_script .cesd_what,
.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    padding: 0px;
}

.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    /* margin-top: 70px;*/
    padding-top: 60px;
}

.cryptocurrency_exchange_script .row_justify {
    display: flex;
    justify-content: center;
}

.cryptocurrency_exchange_script .row_align {
    display: flex;
    align-items: center;
}

.cryptocurrency_exchange_script .cesd_banner {
    background: #fff;
    height: 100%;
    padding-top: 130px;
    padding-bottom: 80px;
}

.cryptocurrency_exchange_script .cesd_banner .title {
    font-weight: 800;
    text-align: left;
    font-size: 35px;
    text-transform: uppercase;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_banner .contents {
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_btn {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    background: #9d0035;
    border-radius: 5px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card {
    border: 1px solid #000;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card_main {
    width: auto;
}

.cryptocurrency_exchange_script .cesd_what .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_what .contents {
    color: #000;
    font-size: 16px;
    text-align: center;
}

.cryptocurrency_exchange_script .cesd_whitelabel {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_whitelabel .title {
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_whitelabel .contents {
    color: #000;
    font-size: 16px;
    text-align: justify;
}

.cryptocurrency_exchange_script .cesd_scope .title {
    font-size: 35px;
    color: #000;
    font-weight: 800;
    text-align: left;
    line-height: 1.1;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_scope ul li {
    list-style: none;
    color: #000;
    font-size: 16px;
    padding-top: 15px;
    position: relative;
}

.cryptocurrency_exchange_script .cesd_scope ul li:before {
    content: "\25B6";
    color: #1ef4f4;
    position: absolute;
    left: -20px;
}

.cryptocurrency_exchange_script .cesd_workflow {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_workflow .title {
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .title {
    color: #000;
    font-weight: 800;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_various_business .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card {
    margin-top: 30px;
    min-height: 408px;
    border: 1px solid #ae2a54;
    padding: 20px;
    box-shadow: 0px 0px 4px 2px #ae2a54;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_head {
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    padding-top: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_content {
    color: #000;
    text-align: justify;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    background: #ae2a54;
}

.cryptocurrency_exchange_script .cesd_features .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_features .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head {
    color: #000;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head:before {
    content: "|";
    color: #9d0035;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_corefeatures {
    background: linear-gradient(144deg, #16a7af, transparent, transparent, transparent, transparent, #16a7af);
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
    display: none;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
    color: #000;
    font-weight: 800;
    font-size: 20px;
}

@media(min-width:768px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
        display: flex;
        border-bottom: none;
        justify-content: center;
        border: 1px solid #15e9f4;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li {
        border-left: 1px solid #15e9f4;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a:hover {
        background: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
        margin-right: 0px;
        border: none;
        border-radius: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a:hover {
        background-color: #16a7af;
        color: #fff;
        border: 0px;
        border-bottom-color: #fff;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card {
        border: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .card-header {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
    margin-top: 20px;
    border: 1px solid #16a7af;
    padding: 13px;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 3px 3px 0px #16a7af;
    min-height: 212px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_head {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-top: 10px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_content {
    text-align: center;
    font-size: 16px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_clone .title {
    font-weight: 800;
    text-align: left;
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_clone .contents {
    text-align: left;
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card {
    padding: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_clone .item {
    background: #001b1d;
    /* box-shadow: 1px 2px 1px 1px #fff; */
    border: 1px solid #053e42;
    border-radius: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_icon_design {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #d40042;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 1px #d80043;
}

.cryptocurrency_exchange_script .cesd_clone .owl-dots {
    display: none;
}

.cryptocurrency_exchange_script .cesd_clone .owl-nav {
    position: absolute;
    left: 47%;
    bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_clone .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 20px;
    margin: 5px;
    padding: 4px 10px;
    background: #c7094d;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.cryptocurrency_exchange_script .cesd_platform {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
    padding: 20px 30px;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_head {
    color: #000;
    font-size: 20px;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .timeline_after {
    position: relative;
}

.cryptocurrency_exchange_script .timeline_after:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0px;
    background: #000;
    left: 50%;
    right: 50%;
    width: 1px;
}

.cryptocurrency_exchange_script .timeline_counter_after {
    position: relative;
    overflow: hidden;
    counter-increment: timeline_counter_before;
}

.cryptocurrency_exchange_script .timeline_counter_after:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #0eb4bd;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    content: counter(timeline_counter_before);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
}

.cryptocurrency_exchange_script .timeline_counter_after:before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    border: 2px solid #fff;
    border-left-color: #c7094d;
    border-right-color: #c7094d;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.cryptocurrency_exchange_script .cesd_collaboration {
    background: #fff;
    margin-bottom: 35px;
}

.cryptocurrency_exchange_script .cesd_collaboration .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card {
    margin-top: 35px;
    padding: 20px;
    background: linear-gradient(4deg, #b11848, #e01a58, #bd194c);
    border: 1px dotted #ffffff24;
    border-radius: 20px 0px 20px 0px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_project {
    background: #fff;
}

.cryptocurrency_exchange_script .cesd_project .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_content {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #16b4bd;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0eb4bda8;
    box-shadow: 0px 0px 4px 3px #16b4bd;
}

.cryptocurrency_exchange_script .project_after_line {
    position: relative;
}

.cryptocurrency_exchange_script .project_after_line:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #0eb4bd;
    position: absolute;
    top: 140px;
}

.cryptocurrency_exchange_script .project_after_round {
    width: 20px;
    height: 20px;
    background: #0eb4bd;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_business_icon {
    height: 60px;
    width: 60px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_clone_icon {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_project_icon {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.cryptocurrency_exchange_script .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    .cryptocurrency_exchange_script .row_justify {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .row_align {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .cesd_banner .title,
    .cryptocurrency_exchange_script .cesd_whitelabel .title,
    .cryptocurrency_exchange_script .cesd_scope .title,
    .cryptocurrency_exchange_script .cesd_various_business .title,
    .cryptocurrency_exchange_script .cesd_features .title,
    .cryptocurrency_exchange_script .cesd_corefeatures .title,
    .cryptocurrency_exchange_script .cesd_clone .title,
    .cryptocurrency_exchange_script .cesd_platform .title,
    .cryptocurrency_exchange_script .cesd_collaboration .title,
    .cryptocurrency_exchange_script .cesd_project .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    .cryptocurrency_exchange_script .cesd_banner .contents {
        text-align: center;
    }
    .cesd_btn_align {
        text-align: center;
    }
    .cryptocurrency_exchange_script .cesd_banner {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .cryptocurrency_exchange_script .cesd_what .title {
        font-size: 25px;
    }
    .cryptocurrency_exchange_script .cesd_what .contents {
        text-align: justify;
    }
    .cryptocurrency_exchange_script .cesd_whitelabel,
    .cryptocurrency_exchange_script .cesd_scope,
    .cryptocurrency_exchange_script .cesd_workflow,
    .cryptocurrency_exchange_script .cesd_various_business,
    .cryptocurrency_exchange_script .cesd_features,
    .cryptocurrency_exchange_script .cesd_corefeatures,
    .cryptocurrency_exchange_script .cesd_clone,
    .cryptocurrency_exchange_script .cesd_platform,
    .cryptocurrency_exchange_script .cesd_collaboration,
    .cryptocurrency_exchange_script .cesd_project {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_features .cesd_features_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
        min-height: 0;
        min-height: initial;
    }
    .cryptocurrency_exchange_script .cesd_btn {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .cryptocurrency_exchange_script .cesd_clone .owl-nav {
        left: 36%;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:before {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
        padding: 0px;
    }
    .cryptocurrency_exchange_script .project_after_round {
        display: none;
    }
    .cryptocurrency_exchange_script .project_after_line:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_project .cesd_project_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .card-header {
        background: #fff;
        margin-top: 10px;
    }
    .cryptocurrency_exchange_script .card-header h5 {
        font-size: 20px;
        font-weight: 800;
    }
    .cryptocurrency_exchange_script .card-body {
        height: 200px;
        overflow: scroll;
    }
    .cryptocurrency_exchange_script .cesd_line {
        display: none
    }
    .cryptocurrency_exchange_script .line {
        display: none
    }
}

/*cryptocurrency exchange script new style end*/

/* Blockchain Game Devlopment new style starts */

.blockchain_game_dev .row_justify {
    display: flex;
    justify-content: center;
}

.blockchain_game_dev .bgd_banner {
    padding: 50px;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_benefits,
.blockchain_game_dev .bgd_platform,
.blockchain_game_dev .bgd_usecase,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.blockchain_game_dev .row_align {
    display: flex;
    align-items: center;
}

.blockchain_game_dev .bgd_banner_btn {
    font-size: 16px;
    color: #fff !important;
    font-weight: 800;
    text-align: center;
    background: #fe5b6d;
    border-radius: 5px;
}

@media (min-width: 767px) {
    .blockchain_game_dev .bgd_banner {
        background: linear-gradient(45deg, #151027, #1b122a, #151027);
        height: 100vh;
        display: flex;
        align-items: center;
        /* background: url('../../asset/images/inner-pages/blockchain-game-dev/banner.png'); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
    }
}

.blockchain_game_dev .bgd_banner .title {
    text-align: left;
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    background: linear-gradient(45deg, #151027, #1b122a, #151027);
}

.blockchain_game_dev .bgd_top_notch .title {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_top_notch .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_bg {
    width: 15px;
    height: 15px;
    background: #ff5c6e;
    display: block;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 20px #ff5c6e;
}

.blockchain_game_dev .bgd_services .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_services .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_services .bgd_services_list_design {
    background: linear-gradient(130deg, rgb(234 83 102 / 37%) 0%, rgb(11 11 46) 15%, rgb(49 23 55) 100%);
    display: flex;
    align-items: center;
    height: 500px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #f25669;
    border-radius: 0px 80px 0px 80px;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content_design {
    background: linear-gradient(130deg, rgb(245 88 106 / 33%) 0%, rgb(11 11 46) 39%, rgb(36 19 52) 88%);
    padding: 10px;
    border: 2px solid #ff5c6e;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_services .owl-carousel .owl-item img {
    width: 100% !important;
}

.blockchain_game_dev .bgd_services .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

.blockchain_game_dev .bgd_services .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

.blockchain_game_dev .bgd_services .owl-dots {
    display: none;
}

.blockchain_game_dev .bgd_game .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_game .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list {
    padding: 25px;
    margin-top: 35px;
    box-shadow: 0px 0px 11px 6px #1502095c;
    border-radius: 20px;
    background: linear-gradient(45deg, #60264330, #130e30a1);
    min-height: 295px;
    position: relative;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_title {
    color: #ff6273;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list:after {
    content: "";
    border: 1px solid #ff627369;
    position: absolute;
    width: 93%;
    height: 88%;
    left: 15px;
    border-radius: 20px;
    top: 15px;
}

.blockchain_game_dev .bgd_benefits .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list {
    display: flex;
    margin-top: 20px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_title {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 18px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list_main {
    margin-left: 15px;
}

.blockchain_game_dev .bgd_platform .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_platform .contents {
    text-align: center;
    font-size: 16px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list {
    background: #191129;
    padding: 15px;
    box-shadow: 0px 0px 20px 13px #05050536;
    margin-top: 10px;
    min-height: 330px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 0px;
    position: relative;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ff6273;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -7px;
    transform: translate(-50%, 50%);
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul {
    display: grid;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li {
    list-style: none;
    padding-top: 20px;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li:before {
    content: "\25C9";
    position: absolute;
    left: 0px;
    color: #ff6273;
}

.blockchain_game_dev .bgd_usecase .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list {
    padding: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_title {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_content {
    color: #000;
    font-size: 16px;
    padding-top: 7px;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #191129;
    position: absolute;
    top: 0px;
    left: 50%;
    right: 50%;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side:after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #ff6273;
    position: absolute;
    left: 100%;
    top: 15px;
    right: 0px;
    bottom: 0px;
    transform: translate(-50%, 50%);
    z-index: 1;
}

.blockchain_game_dev .bgd_process .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .title {
    text-align: left;
    font-weight: 800;
    color: #fff;
    font-size: 50px;
    line-height: 1.0;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .contents {
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list {
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    border-radius: 15px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #000;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

.blockchain_game_dev .services_img {
    width: 320px;
    height: 340px;
    object-fit: none;
}

.bgd_benefits_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    max-width: none;
    max-width: initial;
}

@media only screen and (max-width: 600px) {
    .blockchain_game_dev .bgd_banner {
        background: #161128;
        padding: 0px;
        height: 500px;
        display: flex;
        align-items: center;
    }
    .blockchain_game_dev .row_justify,
    .blockchain_game_dev .row_align {
        display: inline;
        display: initial;
    }
    .blockchain_game_dev .bgd_banner .title {
        text-align: center;
        font-size: 30px;
    }
    .blockchain_game_dev .bgd_banner .contents,
    .blockchain_game_dev .bgd_stand .title,
    .blockchain_game_dev .bgd_stand .contents {
        text-align: center;
    }
    .bgd_banner_btn_mob {
        text-align: center !important;
    }
    .blockchain_game_dev .bgd_top_notch .title,
    .blockchain_game_dev .bgd_services .title,
    .blockchain_game_dev .bgd_game .title,
    .blockchain_game_dev .bgd_benefits .title,
    .blockchain_game_dev .bgd_platform .title,
    .blockchain_game_dev .bgd_usecase .title,
    .blockchain_game_dev .bgd_process .title,
    .blockchain_game_dev .bgd_stand .title {
        font-size: 25px;
    }
    .blockchain_game_dev .bgd_usecase .bgd_usecase_side:after,
    .blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
        display: none;
    }
}

/* Blockchain Game Devlopment new style ends */

/*white label cryptocurrency software start*/

.white_label_main .row_justify {
    display: flex;
    justify-content: center;
}

.white_label_main .wl_banner {
    height: 100vh;
    /* background: url('../../asset/images/inner-pages/whitelabel-crypto/whitelabel-banner.png'); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.white_label_main .wl_banner .title {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.white_label_main .wl_banner .contents {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    padding-top: 10px;
}

.white_label_main .wl_btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    padding: 15px;
    border-radius: 50px;
    margin-top: 7px;
}

.white_label_main .wl_btn_hover:hover {
    background: #fff;
    color: #000;
}

.white_label_main .wl_dev,
.white_label_main .wl_features_sec,
.white_label_main .wl_types,
.white_label_main .wl_benefits,
.white_label_main .wl_process,
.white_label_main .wl_why,
.white_label_main .wl_hire,
.white_label_main .wl_automate,
.white_label_main .wl_breadcrumb {
    padding: 0px;
}

.white_label_main .wl_dev {
    margin-top: 20px;
}

.white_label_main .wl_dev .title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    line-height: 1.3;
    text-align: center;
}

.white_label_main .wl_dev .contents {
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: 1.7;
    padding-top: 10px;
}

.white_label_main .wl_features_sec .wl_features_head .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.white_label_main .wl_features_sec .wl_features_head .contents {
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
}

.white_label_main .wl_features_sec .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    .white_label_main .wl_features_sec .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li>a {
        border: 1px solid #ad1650 !important;
        border-radius: 0px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 800;
        color: #ad1650;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li.active>a {
        background: #ad1650;
        color: #fff;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-heading {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: #ad1650;
        padding: 15px 10px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-title a {
        display: block;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a .panel-title {
        font-weight: 800;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

.white_label_main .wl_features_sec .features_list {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    box-shadow: 1px 1px 12px 0px rgb(151 163 184 / 50%);
}

.white_label_main .wl_features_sec {
    margin-top: 20px;
    background: #cccccc38;
}

.white_label_main .wl_features_sec .features_list .sub_content {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.white_label_main .wl_types {
    margin-top: 20px;
}

.white_label_main .wl_types .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_types .types_list {
    padding: 15px;
    margin-top: 20px;
    text-align: center;
    border: 1px dotted #000;
    min-height: 326px;
}

.white_label_main .wl_types .types_list .sub_title {
    font-size: 19px;
    font-weight: 800;
}

.white_label_main .wl_types .types_list .sub_content {
    font-size: 15px;
}

.white_label_main .wl_benefits {
    margin-top: 50px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_benefits .title {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
}

.white_label_main .wl_benefits ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_benefits ul {
    padding-left: 0px;
}

.white_label_main .wl_benefits ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .line {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
}

.white_label_main .line_center {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
    margin: 0 auto;
    margin-bottom: 10px;
}

.white_label_main .row_align {
    display: flex;
    align-items: center;
}

.white_label_main .wl_process {
    margin-top: 20px;
}

.white_label_main .wl_process .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

.white_label_main .wl_process .process_list .sub_title {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
}

.white_label_main .wl_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
}

.white_label_main .wl_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ae2a53;
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.white_label_main .wl_why {
    margin-top: 40px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_why .title {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_why .contents {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 10px;
}

.white_label_main .wl_why ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_why ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .wl_hire {
    margin-top: 30px;
    margin-bottom: 30px;
}

.white_label_main .wl_hire .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_hire .contents {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.wl_automate {
    margin-top: 40px;
}

.wl_automate_div {
    border: 2px solid #205a5d;
    padding: 40px;
    text-align: center;
    border-radius: 5px;
}

.wl_automate .contents {
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3
}

.wl_breadcrumb {
    margin-top: 20px;
}

@media only screen and (max-width: 600px) {
    .white_label_main .row_justify,
    .white_label_main .row_align {
        display: inherit;
    }
    .white_label_main .wl_banner .title,
    .white_label_main .wl_dev .title,
    .white_label_main .wl_features_sec .wl_features_head .title,
    .white_label_main .wl_types .title,
    .white_label_main .wl_benefits .title,
    .white_label_main .wl_process .title,
    .white_label_main .wl_why .title,
    .white_label_main .wl_hire .title,
    .wl_automate .contents {
        font-size: 25px;
    }
    .white_label_main .wl_banner .contents {
        font-size: 18px;
    }
    .white_label_main .wl_dev .contents,
    .white_label_main .wl_hire .contents {
        text-align: justify;
    }
    .white_label_main .wl_types .types_list {
        min-height: 0;
        min-height: initial;
    }
    .white_label_main .wl_benefits ul {
        padding-left: revert;
    }
}

/*white label cryptocurrency software end*/

/* web 3.0 Development company starts  */

.web-3-0-development-company .cesd_various_business .cesd_various_business_card {
    min-height: 330px;
}

.web-3-0-development-company .cesd_various_business .cesd_various_business_icon_design {
    margin: 0px auto;
}

.web-3-0-development-company .MetaBlock_nft_services .contents,
.web-3-0-development-company .cesd_collaboration .contents,
.web-3-0-development-company .cesd_corefeatures .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.web-3-0-development-company .card__side {
    min-height: 230px;
    height: 230px;
}

.web-3-0-development-company .cesd_collaboration .cesd_collaboration_card {
    min-height: 255px;
    margin-bottom: 22px;
}

.web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    position: absolute;
    margin-top: -61px;
    margin-left: -27px;
}

.web-3-0-development-company .cesd_clone .owl-nav {
    bottom: 5px;
}

.web-3-0-development-company .bcgnd_clr {
    background-image: radial-gradient(circle at center center, transparent 0%, rgb(0, 0, 0) 85%), linear-gradient(78deg, rgba(192, 192, 192, 0.05) 0%, rgba(192, 192, 192, 0.05) 50%, rgba(60, 60, 60, 0.05) 50%, rgba(60, 60, 60, 0.05) 100%), linear-gradient(227deg, rgba(97, 97, 97, 0.05) 0%, rgba(97, 97, 97, 0.05) 50%, rgba(52, 52, 52, 0.05) 50%, rgba(52, 52, 52, 0.05) 100%), linear-gradient(240deg, rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 50%, rgba(249, 249, 249, 0.05) 50%, rgba(249, 249, 249, 0.05) 100%), linear-gradient(187deg, rgba(1, 1, 1, 0.05) 0%, rgba(1, 1, 1, 0.05) 50%, rgba(202, 202, 202, 0.05) 50%, rgba(202, 202, 202, 0.05) 100%), linear-gradient(101deg, rgba(61, 61, 61, 0.05) 0%, rgba(61, 61, 61, 0.05) 50%, rgba(254, 254, 254, 0.05) 50%, rgba(254, 254, 254, 0.05) 100%), linear-gradient(176deg, rgba(237, 237, 237, 0.05) 0%, rgba(237, 237, 237, 0.05) 50%, rgba(147, 147, 147, 0.05) 50%, rgba(147, 147, 147, 0.05) 100%), linear-gradient(304deg, rgba(183, 183, 183, 0.05) 0%, rgba(183, 183, 183, 0.05) 50%, rgba(57, 57, 57, 0.05) 50%, rgba(57, 57, 57, 0.05) 100%), radial-gradient(circle at center center, hsl(351, 4%, 12%), hsl(351, 4%, 12%));
}

.web-3-0-development-company .cryptocurrency_exchange_script {
    padding-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    .web-3-0-development-company .cesd_banner {
        padding-top: 100px;
    }
    .web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin: 0px auto;
    }
    .web-3-0-development-company .card-body {
        height: auto;
        overflow: hidden;
    }
}

/* web 3.0 Development company ends  */

/*================TESTIMONAL CSS - START ======================*/

.essential_page_testimonal #essential_sec1 {
    /*background-color: #eee;*/
    /* background-image: url(../oimages/essentials/testimonials/bg-cover.png); */
    height: 500px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

#essential_sec1 {
    /* margin-top: 8rem;
    background-position: bottom;*/
}

#essential_sec1 .essential_content_wrap .essential_title {
    color: #193060;
    font-size: 45px;
    font-weight: 800;
    padding-top: 30px;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 20px;
    color: #526283;
    margin-top: 20px;
}

#essential_sec2 .essential_content_wrap #mainTabs {
    justify-content: center;
    display: flex;
    border-bottom: 1px solid #de4141;
}

#essential_sec2 .essential_content_wrap #mainTabs li a {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 0;
    border: 0;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a {
    background-color: #de4141;
    color: #fff;
}

#essential_sec2 .essential_content_wrap #mainTabs li>a:hover {
    border: 0;
    color: #de4141db;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a:hover {
    color: #fff;
}

.testimonal_content_wrap {
    margin-top: 5rem;
    min-height: 190px;
}

.testimonal_customername {
    font-size: 27px;
    font-weight: 700;
    color: #d12b2b;
}

.testimonal_location {
    font-size: 21px;
    font-weight: 500;
    color: #8c8c8c;
}

.testimonal_feedback {
    margin-top: 1rem;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

.testimonal_customer_detail {
    display: flex;
    align-items: center;
    font-style: italic;
    margin-bottom: 5px;
}

.testimonal_customer_detail .circle_dot {
    width: 6px;
    height: 5px;
    background-color: #9d9d9d;
    border-radius: 20px;
    margin: 0px 6px;
}

.testimonal_content_wrap iframe {
    border-radius: 10px;
}

@media (max-width: 767px) {
    #essential_sec1 {
        background-position: left;
        text-align: center;
        margin-top: 3rem;
    }
    #essential_sec1 .essential_content_wrap .essential_title {
        color: #193060;
        font-size: 36px;
        font-weight: 800;
    }
    #essential_sec2 .essential_content_wrap #mainTabs li a {
        font-size: 16px;
    }
    .testimonal_customer_detail {
        display: block;
    }
    .testimonal_customer_detail .circle_dot {
        display: none;
    }
    .testimonal_customername {
        margin-bottom: 1.5rem;
    }
    .testimonal_content_wrap {
        min-height: auto;
        margin-top: 4rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #dcdcdc;
    }
    .testimonal_content_wrap iframe {
        border-radius: 10px;
        width: 100%;
        height: auto;
    }
    .essential_pages#essential_sec2 {
        padding-bottom: 0;
    }
}

/*================TESTIMONAL CSS - END ======================*/

/*==================== SCAMMER PAGE - START ================== */

.essential_page_scammer #essential_sec1 {
    padding: 60px 0px;
    text-align: center;
    /* background-image: url(../oimages/essentials/scam/banner.png); */
}

.essential_page_scammer #essential_sec1 .essential_content_wrap {
    text-align: left;
}

.essential_page_scammer #essential_sec1 .essential_content_wrap p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_scammer #essential_sec2 .essential_content_wrap {
    padding: 10px;
}

.essential_page_scammer #essential_sec2 {
    position: relative;
}

.essential_page_scammer #essential_sec2:before {
    position: absolute;
    width: 100%;
    height: 20%;
    /*background-color:#e6eff4;*/
    content: '';
}

.scam_form #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_scammer #essential_form {
    padding-top: 0;
}

.scam_form #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.scam_form #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column textarea {
    width: 100%;
    padding: 17px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border-radius: 3px;
}

.scam_form #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_scammer #essential_sec1 .essential_content_wrap {
        text-align: center;
    }
    .scam_form #essential_form .essential_content_wrap {
        padding: 25px;
        margin-bottom: 2rem;
    }
}

/*==================== SCAMMER PAGE - END ================== */

/*==================== CASESTUDIES - START ================== */

.essential_page_casestudydetails #essential_sec1 .essential_content_wrap .essential_title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -1px;
    padding-bottom: 2rem;
    margin-top: 1rem;
}

.essential_page_casestudydetails #essential_sec1 {
    margin-top: 1rem;
    background-position: top;
    padding-top: 0;
}

.casetudy_details_descs {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.39;
    color: #49505e;
    margin-bottom: 1.9rem;
}

.casetudy_details_descs.casestudydetails_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
}

.casetudy_details_descs.casestudydetails_heads {
    color: #193060;
    font-size: 20px;
    font-weight: 700;
}

.essential_page_casestudydetails #essential_form {
    padding-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
    margin-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_casestudydetails #essential_form p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

.essential_page_casestudydetails #essential_form {
    background-color: #f3f3f3;
    padding: 80px 0px;
}

.essential_page_casestudydetails #essential_form .form_wrap {
    text-align: center;
    width: 60%;
    margin: 0 auto 2rem auto;
}

.essential_page_casestudydetails .custom_row {
    justify-content: center;
    display: flex;
}

.casestudy_breadcrump ol {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 1rem;
}

.casestudy_breadcrump ol li {
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
}

.casestudy_breadcrump ol>li+li:before {
    padding: 0 5px;
    color: #111;
    content: ">";
}

@media (max-width: 767px) {
    .case_stu_sec_img {
        padding-top: 100px !important;
    }
    .essential_page_casestudydetails #essential_sec1 {
        text-align: left;
        margin-top: 0rem;
    }
    .essential_page_casestudydetails #essential_form .form_wrap {
        width: 100%;
    }
}

/*==================== CASESTUDIES - END ================== */

/*==================== FEEDBACK - START ================== */

.essential_page_feedback #essential_sec1 {
    /* background-image: url(../oimages/essentials/feedback/feedback.png); */
}

.essential_page_feedback #essential_form .selection_wrap label {
    font-weight: 500;
    font-size: 14px;
}

.essential_page_feedback #essential_form .feedback_head {
    font-weight: 700;
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .form_column {
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .inner_container {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_feedback #essential_form {
    padding-top: 0;
    position: relative;
}

.essential_page_feedback #essential_form:before {
    /*background-color: #e6eff4;*/
    position: absolute;
    content: '';
    width: 100%;
    height: 8%;
    z-index: -1;
}

.essential_page_feedback {}

.essential_page_feedback #essential_form .feedback_inputs_wrap {
    margin: 1.6rem 0;
}

.essential_page_feedback #essential_form .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_feedback #essential_form {
        padding-bottom: 0;
    }
}

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
}

.essential_page_feedback .starrating>input {
    display: none;
}

/* Remove radio buttons */

.essential_page_feedback .starrating>label:before {
    content: "\f005";
    /* Star */
    margin: 2px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block;
}

.essential_page_feedback .starrating>label {
    color: #222222;
    /* Start color when not clicked */
}

.essential_page_feedback .starrating>input:checked~label {
    color: #ff8f00;
}

/* Set yellow color when star checked */

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
    justify-content: left;
}

.essential_page_feedback .starrating>input:hover~label {
    color: #ff8f00;
}

/* Set yellow color when star hover */

/*==================== FEEDBACK - END ================== */

/*==================== CASESTUDY - START ================== */

.essential_page_casestudyhome #essential_sec1 {
    /* background-image: url(../oimages/essentials/casestudies/casestudy-home.jpg); */
    background-position: top;
    position: relative;
}

.essential_page_casestudyhome #essential_sec1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #07102194;
    content: '';
    top: 0;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_title {
    color: #fff;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #f1f5ff;
    line-height: 1.4;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_descs {
    color: #494848;
    font-weight: 500;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 1px 5px -3px black;
    min-height: 450px;
    margin-top: 30px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_cardswrap {
    padding: 25px 30px;
}

.essential_page_casestudyhome #casestudy_cards {
    padding-top: 25px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol li {
    font-size: 15px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol {
    margin-bottom: 1rem;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump {
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .essential_page_casestudyhome #essential_sec1:before {
        left: 0;
    }
}

/*==================== CASESTUDY - END ================== */

/*==================== COMPLAINT BOARD - END ================== */

.essential_page_complaintboard #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group textarea {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 25px;
    border: 2px dashed rgb(34 33 33 / 40%);
    border-radius: 3px;
    transition: 0.2s;
    justify-content: center;
    background-color: #f7f7f7;
}

.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 0px solid rgba(255, 255, 255, 0.1);
    border-radius: 0px;
    margin-right: 10px;
    color: #3586FF;
    font-weight: 600;
}

.file-message {
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

.essential_page_complaintboard #essential_form {
    padding-top: 0;
}

.essential_page_complaintboard #essential_sec1 {
    /* background-image: url(../oimages/essentials/complaint-board/banner.jpg); */
}

/*.essential_page_complaintboard #essential_form:before {
    background-color: #e6eff4;
    position: absolute;
    content: '';
    width: 100%;
    height: 10%;
    z-index: -1;
}*/

@media (max-width: 767px) {
    .essential_page_complaintboard #essential_form .essential_content_wrap {
        padding: 20px;
    }
    .essential_page_complaintboard #essential_form {
        padding-bottom: 20px;
    }
}

@media (max-width:991px) {
    #nftmarki_what:before {
        background: none;
        background-color: #f2f4f8;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
        width: 100%;
    }
}

/*binance new style start*/

.binance_main .banner_sec {
    padding: 0px;
    /* background: url('../../asset/images/inner-pages/binance_new/banner.png'); */
    height: 100vh;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.binance_main .banner_sec:after {
    content: 'Binance clone script';
    font-size: 75px;
    font-weight: 800;
    color: #ffffff00;
    text-transform: uppercase;
    position: absolute;
    top: 15%;
    left: 0px;
    right: 0px;
    -webkit-text-stroke: 1px #ffffff14;
    transform: translate(17%, 50%);
    letter-spacing: 3px;
}

.binance_main .row_justify {
    display: flex;
    justify-content: center;
}

.binance_main .row_align {
    display: flex;
    align-items: center;
}

.binance_main .banner_sec .title {
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.binance_main .banner_sec .contents {
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 30px;
}

.binance_main .clone_sec {
    padding: 50px 0px;
}

.binance_main .clone_sec .title {
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.binance_main .clone_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .clone_bg {
    position: relative;
}

.binance_main .clone_bg:after {
    content: "";
    /* background: url('../../asset/images/inner-pages/binance_new/clone-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec {
    padding: 50px 0px;
    background: #F1EBEB;
    position: relative;
}

.binance_main .whitelabel_sec:after {
    content: "";
    /* background: url('../../asset/images/inner-pages/binance_new/whitelabel-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .whitelabel_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .whitelabel_sec .white_index {
    z-index: 1;
    position: relative;
}

.binance_main .features_sec {
    padding: 50px 0px;
}

.binance_main .features_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.binance_main .features_sec .features_list {
    padding: 10px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-height: 335px;
    transition: 0.5s;
}

.binance_main .features_sec .features_list:hover {
    transform: scale(1.1);
    background: #e4970021;
}

.binance_main .features_sec .features_list .sub_title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.binance_main .features_sec .features_list .sub_content {
    font-size: 17px;
    line-height: 1.8;
}

.binance_main .features_sec .features_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .security_sec {
    background: linear-gradient(180deg, rgba(67, 66, 66, 0.26) 0%, rgba(241, 235, 235, 0) 100%);
    padding: 50px 0px;
}

.binance_main .security_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.binance_main .security_sec .security_list {
    padding: 10px;
    margin-top: 10px;
    min-height: 260px;
}

.binance_main .security_sec .security_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.binance_main .security_sec .security_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .security_sec .row_after_line {
    position: relative;
}

.binance_main .security_sec .row_after_line:after {
    content: "";
    top: 25px;
    width: 1px;
    height: 750px;
    background-color: #00000059;
    position: absolute;
    left: 33%;
}

.binance_main .security_sec .border_bottom {
    border-bottom: 1px solid #00000059;
}

.binance_main .app_sec {
    padding: 50px 0px;
    border-top: 1px solid #ccc;
}

.binance_main .app_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .app_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .benefits_sec {
    padding: 50px 0px;
    background: linear-gradient(90deg, #FEF3A7 -38.65%, #FFFFFF 48.12%, #FEF3A8 136.72%);
}

.binance_main .benefits_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .benefits_sec .benefits_list {
    padding: 10px;
    margin-top: 30px;
    background: linear-gradient(179.97deg, #FEF29F 0.02%, rgba(255, 255, 255, 0) 86.75%);
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 3px rgba(102, 80, 1, 0.24);
    border-radius: 10px;
    min-height: 300px;
    transition: 0.5s;
}

.binance_main .benefits_sec .benefits_list:hover {
    transform: scale(1.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_img {
    background: #FFC700;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_icons {
    filter: brightness(0);
}

.binance_main .benefits_sec .benefits_list .sub_title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.binance_main .benefits_sec .benefits_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .benefits_sec .benefits_img {
    background: #000000;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.binance_main .benefits_sec .benefits_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .crypto_sec {
    padding: 50px 0px;
}

.binance_main .crypto_sec .title {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .crypto_sec .crypto_list {
    padding: 10px;
}

.binance_main .crypto_sec .crypto_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.binance_main .crypto_sec .crypto_list .sub_content {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 0px;
}

.binance_main .crypto_sec .crypto_list .counter {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFC700;
    font-size: 30px;
    color: #fff;
}

.binance_main .tech_sec {
    padding: 50px 0px;
    background: #000000;
}

.binance_main .tech_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

.binance_main .tech_sec .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.binance_main .unique_sec {
    padding: 50px 0px;
}

.binance_main .unique_sec .title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.binance_main .unique_sec .contents {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .unique_sec ul li {
    list-style: none;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    position: relative;
}

.binance_main .unique_sec ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -25px;
    color: #deaf06;
    font-size: 20px;
}

.binance_main .banner_btn {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    background: #e6ca00;
    border-radius: 0px;
    color: #000 !important;
    padding: 10px 30px;
    -webkit-clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    position: relative;
    border: 1px solid #fff;
}

.binance_main .banner_btn:after {
    border-top-style: solid;
    top: 0px;
    left: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_one 3s alternate infinite;
}

.binance_main .banner_btn:before {
    border-bottom-style: solid;
    bottom: 0px;
    right: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_two 3s alternate infinite;
}

@keyframes binance_border_two {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-155px);
    }
}

@keyframes binance_border_one {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(155px);
    }
}

.binance-whatsapp {
    background: #006e29;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

.binance-telegram {
    background: #4eaff0;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

@media(max-width: 991px) {
    .binance_main .banner_sec {
        background: #181818;
        height: auto;
        height: initial;
        padding: 100px 0px;
        text-align: center;
    }
    .binance_main .clone_bg:after,
    .binance_main .whitelabel_sec:after,
    .binance_main .security_sec .row_after_line:after,
    .binance_main .banner_sec:after {
        display: none;
    }
    .binance_main .clone_bg,
    .binance_main .whitelabel_sec,
    .binance_main .app_sec {
        text-align: center;
    }
    .binance_main .security_sec .border_bottom {
        border-bottom: none;
    }
    .binance_main .unique_sec .contents {
        text-align: justify;
    }
    .binance_main .unique_sec .title {
        text-align: center;
    }
}

@media(max-width: 765px) {
    .binance_main .banner_sec .title {
        font-size: 40px;
    }
    .binance_main .clone_sec .title,
    .binance_main .whitelabel_sec .title,
    .binance_main .features_sec .title,
    .binance_main .security_sec .title,
    .binance_main .app_sec .title,
    .binance_main .benefits_sec .title,
    .binance_main .crypto_sec .title,
    .binance_main .tech_sec .title,
    .binance_main .unique_sec .title {
        font-size: 30px;
    }
    .binance_main .features_sec .features_list,
    .binance_main .security_sec .security_list,
    .binance_main .benefits_sec .benefits_list {
        min-height: 0;
        min-height: initial;
    }
}

/*binance new style end*/

/*========Blockchain Crowdfunding Development Company START=======*/

.blockchain_crowd_main .bc_row_flex {
    display: flex;
    justify-content: center;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .banner_sec {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('../../asset/images/inner-pages/blo-crowdfunding/banner.png'); */
    }
}

.blockchain_crowd_main .banner_sec .title {
    font-size: 40px;
    color: #361baa;
    font-weight: 800;
    line-height: 50px;
}

.blockchain_crowd_main .banner_sec .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

.blockchain_crowd_main .banner_sec .banner_btn_sec {
    margin-top: 30px;
}

.blockchain_crowd_main .banner_sec .banner_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #701abb;
        box-shadow: 0 0 0px #701abb;
    }
    50% {
        background-color: #701abb;
        box-shadow: 0 0 10px #701abb;
    }
    100% {
        background-color: #701abb;
        box-shadow: 0 0 0px #7e48e4;
    }
}

.blockchain_crowd_main .platform_dev {
    padding: 50px 0px;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .platform_dev_bg {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        padding: 50px 65px 50px 90px;
        border-radius: 30px;
        display: flex;
        /* background: url('../../asset/images/inner-pages/blo-crowdfunding/sec-2-img1.png'); */
    }
}

.blockchain_crowd_main .platform_dev .title {
    font-size: 35px;
    font-weight: 800;
    text-align: left;
    color: #000;
}

.blockchain_crowd_main .platform_dev .contents {
    color: #000;
    line-height: 1.8;
    text-align: left;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    color: #fff !important;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

.blockchain_crowd_main .how_does {
    padding: 50px 0px;
}

.blockchain_crowd_main .how_does .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .how_does .contents {
    line-height: 1.8;
    text-align: center;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .how_does_list {
    background: #3f89ec;
    padding: 15px;
    margin-top: 30px;
    border-radius: 10px;
    min-height: 325px;
}

.blockchain_crowd_main .how_does_list .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .how_does_list .sub_title {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
}

.blockchain_crowd_main .how_does_list .sub_content {
    color: #fff;
    margin-bottom: 0px;
    line-height: 1.8;
}

.blockchain_crowd_main .features_sec {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .features_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    color: #000;
}

.blockchain_crowd_main .features_list {
    padding: 10px;
    margin-top: 20px;
    min-height: 160px;
    border: 1px dashed #3f89ec;
    text-align: center;
    border-radius: 5px;
}

.blockchain_crowd_main .features_list:hover {
    box-shadow: 0px 0px 7px 0px #c3c7da;
    transform: scale(1.08);
    border: none;
}

.blockchain_crowd_main .features_list:hover .sub_title {
    color: #3f89ec;
}

.blockchain_crowd_main .features_list .sub_title {
    color: #000;
    font-size: 21px;
    font-weight: 700;
}

.blockchain_crowd_main .features_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_sec {
    padding: 50px 0px;
}

.blockchain_crowd_main .advantage_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .advantage_list {
    background: #3f89ec;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.blockchain_crowd_main .advantage_list .sub_title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.blockchain_crowd_main .advantage_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_list_top {
    margin-top: 60px;
}

.blockchain_crowd_main .advantage_sec .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blockchain {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .create_blockchain .title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .create_blockchain_list {
    padding: 5px;
    text-align: center;
    margin-top: 30px;
}

.blockchain_crowd_main .create_blockchain_list:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #a96ef396;
    border-radius: 10px;
}

.blockchain_crowd_main .create_blockchain .create_blockchain_list:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

.blockchain_crowd_main .create_blockchain_list .sub_title {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
}

.blockchain_crowd_main .create_blockchain_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 10px;
}

.blockchain_crowd_main .create_blockchain .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blck_desig {
    width: 75px;
    height: 75px;
    background: linear-gradient(39.01deg, #4485EF -27.39%, #5277F7 17.7%, #5B76F7 23.67%, #7374F6 33.36%, #9A70F4 45.49%, #BB6DF3 54.4%);
    border-radius: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_crowd_main .create_after {
    position: relative;
}

/*.blockchain_crowd_main .create_after:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    top: 50px;
    left: 0px;
  }*/

.blockchain_crowd_main .blockchain_solutions {
    padding: 50px 0px;
}

.blockchain_crowd_main .blockchain_solutions .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list {
    padding: 15px;
    background: #3f89ec;
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    min-height: 230px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.blockchain_crowd_main .why_MetaBlock {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .why_MetaBlock .title {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .contents {
    color: #000;
    text-align: center;
    font-size: 17px;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 0px;
}

.blockchain_crowd_main .why_MetaBlock .why_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .why_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@media(max-width: 992px) and (min-width: 766px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

@media(max-width: 767px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 25px;
        text-align: center;
        line-height: 35px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .platform_dev .contents {
        text-align: center;
    }
    .blockchain_crowd_main .advantage_list_top {
        margin-top: 20px;
    }
    .blockchain_crowd_main .how_does_list,
    .blockchain_crowd_main .features_list,
    .blockchain_crowd_main .blockchain_solutions .solutions_list {
        min-height: 0px;
        margin-top: 10px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*========Blockchain Crowdfunding Development Company END=======*/

/*========Smart Contract MLM software development START=======*/

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('../../asset/images/inner-pages/smart-contract-mlm-software/banner.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_banner .title {
    font-weight: 800;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    margin-top: 50px;
    text-transform: uppercase;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .cus_title {
    color: #54FFFF;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .contents {
    color: #fff;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn_sec {
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #00063E;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00FFFF;
    color: #fff;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgba(0, 255, 255, 0.2);
    width: 215px;
    height: 58px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
    padding: 10px 15px;
    text-transform: uppercase;
    border: 2px solid #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    margin-left: 35px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1:hover {
    background: #00FFFF;
    border: none;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
    position: absolute;
    content: '';
    top: -9px;
    left: -10px;
    background: rgba(0, 255, 255, 0.2);
    width: 205px;
    height: 60px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec {
    margin-top: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_services {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
    padding: 20px;
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_title {
    font-weight: 700;
    font-size: 20px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features {
    padding: 70px 0px;
    background: rgba(0, 49, 179, 0.12);
}

#smart_contract_mlm_main .smart_contract_mlm_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_features .features_box {
    padding: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 0px 25px;
    text-align: center;
    min-height: 240px;
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box1:hover {
    border: 3px solid #B500D2;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box2:hover {
    border: 3px solid #00FFA3;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box3:hover {
    border: 3px solid #8F00FF;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box4:hover {
    border: 3px solid #FF7A00;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box5:hover {
    border: 3px solid #FF00E5;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box6:hover {
    border: 3px solid #D20000;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
    padding: 20px;
    margin-top: 30px;
    background: linear-gradient(180deg, rgba(224, 230, 245, 0) 0%, #E0E6F5 100%);
    border-radius: 15px;
    min-height: 270px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box:hover {
    background: linear-gradient(180deg, #E0E6F5 0%, rgba(224, 230, 245, 0) 86.98%);
    border: 1px solid #00095E;
    border-radius: 15px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title_sec {
    display: flex;
    align-items: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 10px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sprite_icons {
    width: 46px;
    height: 46px;
    object-fit: none;
}

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background-size: cover;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('../../asset/images/inner-pages/smart-contract-mlm-software/why_bg.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_why .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list {
    display: flex;
    padding: 10px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list img {
    width: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 8px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00063E;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00063E;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgb(0 9 94 / 18%);
    width: 270px;
    height: 58px;
    border-radius: 0px 20px;
}

@media(max-width: 992px) and (min-width: 766px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 450px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media(max-width: 767px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits#smart_contract_mlm_main .smart_contract_mlm_why {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title,
    #smart_contract_mlm_main .smart_contract_mlm_why .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_features .features_box,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn,
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn,
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
        padding: 10px 35px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
        top: -6px;
        left: -6px;
        width: 255px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 50px 0px;
    }
}

@media(max-width: 424px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Smart Contract MLM software development END======*/

.node-image {
    width: 170px;
    margin-left: 50px;
}

.stechnologies {
    padding-right: 150px !important;
}

@media(max-width: 524px) {
    .stechnologies {
        padding-left: 100px !important;
    }
}

.Technology-Stack {
    font-size: 31px;
    font-weight: bold;
}

/*    ----------------scroll bar--------------- */

.slider-main-div {
    width: 100vw;
    padding: 50px 20px 30px 20px;
}

.slider-div-1 {
    width: 83vw;
    margin: auto;
}

@media(max-width:911px) {
    .testimonial_resposive {
        flex-direction: column !important;
        height: 420px !important;
        align-items: center !important;
        margin: 20px 15px !important;
        min-height: 330px !important;
        border: 1px solid !important;
        border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
        border-radius: 20px;
        padding: 40px 25px !important;
        display: flex !important;
    }
    .testimonial_rating {
        flex-direction: column;
        display: flex;
        align-items: center;
    }
    .slider-div-1 {
        width: 83vw;
        margin: auto;
        width: 60vh;
        /* height: 30vh; */
    }
    .sub_contents {
        font-size: 12px !important;
        padding-top: 15px !important;
        color: #fff;
        font-weight: 300 !important;
        margin-bottom: 0px !important;
        line-height: 1.7 !important;
    }
}

@media(max-width:768px) {
    .slider-div-1 {
        width: 41vh;
        /* height: 30vh; */
    }
}

.item {
    /* position: relative; */
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    /* background-color: white; */
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("https://www.MetaBlocktechnologies.com/asset/home-page-new/images/blueQuotes.webp") center/52px no-repeat;
}

.item .testMoLst {
    margin-left: 15px;
}

.item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.item .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.slick-prev {
    left: 0%;
    z-index: 1;
}

.title1 {
    font-size: 35px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px 0px 20px 0px;
    text-align: center;
    text-wrap: wrap;
}

.title,
.OurBlgBg .OurSrvcHdd .blog_title {
    font-weight: 600 !important;
    font-size: 40px !important;
    line-height: 1.4 !important;
    font-family: "Urbanist", sans-serif !important;
    text-transform: capitalize !important;
    width: 83vw;
    margin: auto;
    padding: 0px 0px 3px 0px;
}

/* .item .slick-prev:before {
    position: absolute;
    top: 20px;
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
  } */

.slick-next {
    right: 1%;
    z-index: 1;
}

/* .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
  } */

/* @media (max-width: 991px) {
  .Main-section .MetaBlock_testimonial_sec .title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .Main-section .MetaBlock_testimonial_sec .title {
    font-size: 25px;
    text-align: center;
  }
}

@media (max-width: 467px) {
  .Main-section .MetaBlock_testimonial_sec .item {
    display: initial;
    padding: 30px;
  }

  .Main-section .MetaBlock_testimonial_sec .item .testMoLst {
    margin-left: 0px;
    margin-top: 10px;
  }

  .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
    display: initial;
  }

  .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg .head_sec {
    margin-bottom: 10px;
  }
}



@media (min-width: 991px) {
  .Main-section .scroll-reveal-section .item {
    position: relative;
  }

  .Main-section .scroll-reveal-section .item:after {
    content: "";
    display: block;
    height: 120vh;
    margin-bottom: -120vh;
  }

  .Main-section .scroll-reveal-section .item:last-of-type {
    margin-bottom: 0;
    background-image: linear-gradient(to bottom,
        rgba(0, 0, 0, 0.05),
        transparent 50px),
      linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
  }

  .Main-section .scroll-reveal-section .item:last-of-type:after {
    display: none;
  }

  .Main-section .scroll-reveal-section .item .image-holder {
    position: sticky;
    top: 5%;
  }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
  margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
  position: relative;
  z-index: 1;
  padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
  background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
  min-height: 810px;
} */

title1 {
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-family: "Urbanist", sans-serif !important;
    text-transform: capitalize !important;
    /* width: 83vw; */
    margin: auto;
    padding: 40px 0px;
}

/* .devanshu {
    display: flex;

}

@media(max-width:768px) {
    .devanshu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    .award-1 div {
        width: 80%;
        height: 200px !important;
    }

}

@media(max-width:768px) {
    .why-choose-us-right-slider {
        margin-bottom: 40px !important;
    }

    .award-same-1 {
        display: none;
    }
} 
  */

/* Updated CSS */

.devanshu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 2rem;
}

@media (max-width: 768px) {
    .devanshu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }
    .award-1 div {
        width: 100%;
        height: auto !important;
    }
    .why-choose-us-right-slider {
        margin-bottom: 20px !important;
    }
    .award-same-1 {
        display: none;
    }
}

/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */

/* FONT_START */

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

/* FONT_END */

:root {
    --swiper-theme-color: #007aff;
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: initial;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid #007aff;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Slide styles end */

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    top: auto;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: 0.2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    left: auto;
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Fraction */

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(44px / 44 * 27);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (44px / 2));
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-theme-color);
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-lock {
    display: none;
}

/* Navigation font start */

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-feature-settings: ;
    font-variant: normal;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next';
}

/* Navigation font end */

.brands-work-box {
    /* width: 300px;
    height: 200px;
    border: 1px solid white; */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-direction: column !important;
}

@media (max-width:768px) {
    .brands-we-have-worked {
        display: flex;
        gap: 5px;
    }
}

.brands-we-have-worked {
    display: flex !important;
    flex-direction: row;
}

/* .swiper {
    width: 100%;
    height: 100%;
} */

.benefits-slider-main-container {
    padding: 40px 30px 0px 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 60px; */
}

/* .benefits-slider-inner-container {
    width: 100% !important;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;

} */

.arrow.prev {
    left: 10px;
}

.arrow.next {
    right: 10px;
}

.benefits-slider-box {
    width: 300px;
    /* height: auto; */
    /* border: 1px solid white; */
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* gap: 15px; */
    border-radius: 15px;
}

.benefits-slider-box img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    width: 300px !important;
    height: 200px;
    border-radius: 20px;
}

.benefits-slider-box h4 {
    flex-wrap: wrap;
    width: 300px;
    text-align: center;
    font-size: 30px;
}

@media (max-width:430px) {
    .benefits-slider-main-container {
        width: 100% !important;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.swiper-button-prev,
.swiper-button-next {
    background-color: rgb(0, 0, 0);
    /* Set background color */
    color: black !important;
    /* Set text color */
    font-size: 20px;
    /* Set font size */
    width: 40px !important;
    /* Set width */
    height: 40px !important;
    /* Set height */
    border-radius: 50%;
    /* Make it circular */
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 20px !important;
    /* Set arrow size */
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .swiper-slide img {
    display: block;
    width: 80%;
    height: 100%;
    object-fit: cover;
} */

.Benefits-slider-box {
    text-align: center;
    /* To center the content inside each slide */
}

.RelatedPortfolioSlider-main-div-2 {
    width: 100vw;
    padding: 50px 20px 30px 20px;
    margin: 35px 0px;
    /* gap: 50px; */
    background-color: #fff;
}

.RelatedPortfolioSlider-div-2 {
    width: 91vw;
    margin: auto;
}

.ondemand-head {
    /* gap: 20px; */
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: black;
    padding-bottom: 24px;
}

.RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid {
    border-radius: 7px;
    width: 200px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid:hover {
    transform: scale(1.1);
}

@media(max-width:768px) {
    .RelatedPortfolioSlider-main-div {
        padding: 10px 0px;
        width: 80vw !important;
    }
    .RelatedPortfolioSlider-div {
        margin: auto;
        width: 75vw;
    }
    .RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid {
        border-radius: 7px;
        width: 300px;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    .RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid:hover {
        transform: scale(1.1);
    }
}

.item-1 {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.image-upper-color:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ce7070ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 8px;
    transition: transform .3s ease-out;
    width: 270px;
    height: 280px;
}

.image-upper-color:hover:before {
    transform: scaleX(1);
}

.btn__div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
}

.get__demo__a {
    background: #148bfd;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.ondemand__app__box-1 .title__div {
    position: relative;
    bottom: 30px;
    text-align: center;
    background: #fff;
    padding: 5px;
    margin: 0 15px;
    border-radius: 3px;
    box-shadow: gray;
    box-shadow: 0 0 29.1px 0.9px rgba(0, 0, 0, .2);
    z-index: 1;
}

.ondemand__app__box-1 .title__div p {
    color: black;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
}

.overlay {
    /* display: none; */
    text-align: center;
    width: 98px;
    background: #148bfd;
    color: #fff;
    padding: 10px;
    padding-right: 0px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}

.overlay .overlay-content a {
    color: white;
    text-decoration: none;
}

@media(max-width:375px) {
    .RelatedPortfolioSlider-main-div-2 {
        width: 100vw !important;
        /* height: 130vh; */
        /* padding: 0px 20px 30px !important; */
        margin-left: -25px;
    }
    .RelatedPortfolioSlider-div-2 {
        width: 87vw !important;
        /* margin: auto !important; */
        margin-left: 40px;
        width: 60vh;
        /* height: 30vh; */
    }
    .sub_contents {
        font-size: 12px !important;
        padding-top: 15px !important;
        color: #fff;
        font-weight: 300 !important;
        margin-bottom: 0px !important;
        line-height: 1.7 !important;
    }
}

@media(max-width:768px) {
    .slider-div {
        width: 43vh;
        /* height: 30vh; */
    }
    .item {
        /* flex-direction: column; */
    }
    .item .testMoImgBg {
        /* flex-direction: column; */
    }
}

#app {
    height: 100%
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper {
    margin: 0px 20px;
    width: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.elatedPortfolioSlider-main-div {
    padding: 60px 0px;
    width: 70vw;
}

.RelatedPortfolioSlider-div {
    margin: auto;
    width: 65vw;
}

.RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid {
    border-radius: 7px;
    width: 200px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid:hover {
    transform: scale(1.1);
}

@media(max-width:768px) {
    .RelatedPortfolioSlider-main-div {
        padding: 10px 0px;
        width: 80vw !important;
    }
    .RelatedPortfolioSlider-div {
        margin: auto;
        width: 75vw;
    }
    .RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid {
        border-radius: 7px;
        width: 300px;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    .RelatedPortfolioSlider-div .PrjctExmplsImg .img-fluid:hover {
        transform: scale(1.1);
    }
}

.dashboard-main-box {
    margin-top: 40px !important;
}

.dashboard-container-box {
    padding: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid white;
    /* transition: 0.6s; */
    width: 100%;
    max-width: 290px;
    /* Adjust this to allow flexibility */
    height: auto;
}

/* Hover effect */

/* .dashboard-container-box:hover {
    transform: scale(1.06);
} */

/* Key feature heading styles */

.dashboard-main-box .Key-feature-heading {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 28px;
    font-weight: 600;
    margin: 10px 0px 20px 0px;
}

.Key-feature-heading {
    background: linear-gradient(to right, #7d8dff, #ff4f81) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.dashboard-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 44px;
    margin-bottom: 30px;
}

/* Mobile responsiveness */

@media (max-width: 768px) {
    .dashboard-container {
        gap: 20px !important;
        justify-content: center;
        /* Ensure the cards align well */
    }
    .dashboard-container-box {
        width: 100%;
        /* Make the cards take full width on smaller screens */
        max-width: 100%;
        /* Ensure they don't exceed container width */
    }
}

/* Tablet and smaller screen responsiveness */

@media (max-width: 600px) {
    .dashboard-container {
        gap: 15px !important;
    }
    .dashboard-container-box {
        width: 100%;
        /* Ensure one column layout on very small screens */
    }
}

/* Large screens */

@media (min-width: 1200px) {
    .dashboard-container {
        gap: 30px !important;
        /* Adjust the gap on larger screens */
    }
    .dashboard-container-box {
        width: calc(33.33% - 30px);
        /* 3 columns layout */
    }
}

/* Extra Large screens */

@media (min-width: 1500px) {
    .dashboard-container-box {
        width: calc(25% - 30px);
        /* 4 columns layout on very large screens */
    }
}

.key-feature-heading h4 {
    text-align: center;
}

/* Center the image */

.key-feature-heading img {
    width: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.key-feature-box:hover {
    border: 1px solid rgb(184, 32, 211);
}

/* Main container styling */

.Admin-control-main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    gap: 30px;
    overflow: hidden;
}

.Admin-control-main-container h2 {
    color: white;
    font-weight: 700;
    font-size: 40px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    margin-top: 40px;
    margin-bottom: 20px !important;
}

/* Inner container layout */

.Admin-control-inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 80%;
    gap: 20px;
}

/* Card styling */

.a-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 20px;
    /* Initial padding */
    border-radius: 10px;
    margin-bottom: 30px;
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
    /* Smooth transition for transform and box-shadow */
    box-shadow: 0px 4px 8px 2px #80808021;
    max-width: 230px;
    width: 100%;
    height: auto;
    /* Auto height to adjust based on content */
    overflow: hidden;
    /* Prevent overflow */
    position: relative;
}

.a-card:hover {
    transform: scale(1.1) !important;
    /* Increased scale for a more noticeable zoom effect */
    box-shadow: 0px 12px 24px 4px #80808040;
    /* Enhanced shadow on hover for depth */
}

.card-icon-title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

/* Styling for the icon */

.card__icon {
    margin-bottom: 10px;
    transition: transform 0.3s ease;
    /* Smooth transition for icon */
}

.icon__wrapper img {
    width: 80px;
    height: auto;
}

/* Styling the title */

.card__title {
    margin-bottom: 10px;
    font-size: calc(1.275rem + .3vw);
    color: #333;
    max-width: 200px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    transition: transform 0.3s ease;
    /* Smooth transition for title */
}

/* Styling for the description */

.card__description-wrapper {
    margin-top: 10px;
    position: relative;
    flex-grow: 1;
}

.card__description {
    font-size: 16px;
    line-height: 1.5;
    color: #b8b5b5;
    margin-bottom: 10px;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    /* Limit the height of description */
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.3s ease;
    /* Smooth transition for height */
}

.card__description.expanded {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    /* Allow full height when expanded */
}

/* Styling for the 'Read More' button */

.read-more-btn {
    background-color: #0a0a2e;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 10px;
    /* Add margin to separate from description */
    transition: background-color 0.3s ease;
    /* Smooth transition for button */
}

.read-more-btn:hover {
    background-color: #ff4f81;
}

/* Centering text */

.g-text,
.Admin-control-main-container h2 {
    background: linear-gradient(to right, #7d8dff, #ff4f81) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

/* Responsive Design */

@media (max-width: 430px) {
    .card-discover {
        height: auto;
        width: 100% !important;
    }
}

@media (max-width: 620px) {
    .Admin-control-main-container {
        margin: 60px 0px 50px;
    }
    .Admin-control-inner-container {
        flex-direction: column;
        width: 100%;
        gap: 20px;
    }
    .a-card {
        width: 90%;
        max-width: none;
        height: auto;
        /* Allow card to adjust height based on content */
    }
}

.dashboard-main-box {
    margin-top: 40px !important;
}

.dashboard-container-box {
    padding: 20px 20px;
    cursor: pointer;
    width: 290px !important;
    height: auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-evenly;
    border-radius: 15px;
    border: 1px solid white;
    transition: 0.6s;
}

.dashboard-container-box:hover {
    transform: scale(1.06);
}

.dashboard-main-box .Key-feature-heading {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 28px;
    font-weight: 600;
    margin: 10px 0px 20px 0px;
}

.Key-feature-heading {
    background: linear-gradient(to right, #7d8dff, #ff4f81) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.dashboard-container {
    margin: 0px;
    flex-wrap: wrap !important;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    gap: 44px !important;
}

.software-feature-headings {
    background: linear-gradient(to right, #7d8dff, #ff4f81) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

@media (max-width:768px) {
    .dashboard-container {
        width: 100%;
        gap: 20px !important;
    }
}

/*   
  .devanshu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 2rem;
}

@media (max-width: 768px) {
    .devanshu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .award-1 div {
        width: 100%;
        height: auto !important;
    }

    .why-choose-us-right-slider {
        margin-bottom: 20px !important;
    }

    .award-same-1 {
        display: none;
    }
} */

/* General styles for the section */

.main-container {
    display: flex !important;
    flex-direction: column !important;
}

/* Row styles */

.row {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 1rem !important;
    /* Space between rows */
}

/* Column styles */

.col {
    flex: 1 1 !important;
    /* Allow columns to grow equally */
    max-width: 48% !important;
    /* Set max width for two columns */
}

/* Styles for the award items */

.award-1 {
    max-width: 100% !important;
    /* Ensure they don't overflow */
}

/* Text styles */

.text-white {
    color: white !important;
}

.text-warning {
    color: #ffc107 !important;
    /* Bootstrap warning color */
}

.p-award-1 {
    border-radius: 10px !important;
    padding: 1rem !important;
}

/* Responsive styles */

@media (max-width: 768px) {
    .row {
        flex-direction: column !important;
        /* Stack rows vertically on small screens */
    }
    .col {
        max-width: 100% !important;
        /* Full width for columns on small screens */
    }
}

@font-face {
    font-family: "revicons";
    fallback: fallback;
    src: url(../../static/media/revicons.e8746a624ed098489406.woff) format('woff'), url(../../static/media/revicons.57fd05d4ae650374c8de.ttf) format('ttf'), url(../../static/media/revicons.a77de540a38981833f9e.eot) format('ttf')
}

.react-multi-carousel-list {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative
}

.react-multi-carousel-track {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    position: relative;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, transition
}

.react-multiple-carousel__arrow {
    position: absolute;
    outline: 0;
    transition: all .5s;
    border-radius: 35px;
    z-index: 1000;
    border: 0;
    background: rgba(0, 0, 0, 0.5);
    min-width: 43px;
    min-height: 43px;
    opacity: 1;
    cursor: pointer
}

.react-multiple-carousel__arrow:hover {
    background: rgba(0, 0, 0, 0.8)
}

.react-multiple-carousel__arrow::before {
    font-size: 20px;
    color: #fff;
    display: block;
    font-family: revicons;
    text-align: center;
    z-index: 2;
    position: relative
}

.react-multiple-carousel__arrow:disabled {
    cursor: default;
    background: rgba(0, 0, 0, 0.5)
}

.react-multiple-carousel__arrow--left {
    left: calc(4% + 1px)
}

.react-multiple-carousel__arrow--left::before {
    content: "\e824"
}

.react-multiple-carousel__arrow--right {
    right: calc(4% + 1px)
}

.react-multiple-carousel__arrow--right::before {
    content: "\e825"
}

.react-multi-carousel-dot-list {
    position: absolute;
    bottom: 0;
    display: flex;
    left: 0;
    right: 0;
    justify-content: center;
    margin: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.react-multi-carousel-dot button {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 1;
    padding: 5px 5px 5px 5px;
    box-shadow: none;
    transition: background .5s;
    border-width: 2px;
    border-style: solid;
    border-color: grey;
    padding: 0;
    margin: 0;
    margin-right: 6px;
    outline: 0;
    cursor: pointer
}

.react-multi-carousel-dot button:hover:active {
    background: #080808
}

.react-multi-carousel-dot--active button {
    background: #080808
}

.react-multi-carousel-item {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .react-multi-carousel-item {
        flex-shrink: 0 !important
    }
    .react-multi-carousel-track {
        overflow: visible !important
    }
}

[dir='rtl'].react-multi-carousel-list {
    direction: rtl
}

.rtl.react-multiple-carousel__arrow--right {
    right: auto;
    left: calc(4% + 1px)
}

.rtl.react-multiple-carousel__arrow--right::before {
    content: "\e824"
}

.rtl.react-multiple-carousel__arrow--left {
    left: auto;
    right: calc(4% + 1px)
}

.rtl.react-multiple-carousel__arrow--left::before {
    content: "\e825"
}

.numbers-div {
    display: flex;
    /* justify-content: center; */
    gap: 25px;
}

.offer-all-data {
    align-items: center;
    padding: 20px 40px;
    background-color: white;
    border-radius: 10px;
    width: 90%;
    height: 50vh;
    display: flex;
    margin-top: 40px;
    gap: 20px;
}

.offer-div-1 {
    height: auto;
    width: 400px;
    display: flex;
    flex-direction: column;
}

.timer {
    width: 50px;
    height: 50px;
    background-color: #E7EEF7;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.numbers-name {
    display: flex;
    margin-top: 10px;
    gap: 35px;
}

.main-timer-div {
    margin: auto;
    background-color: white;
    border-radius: 10px;
    width: 90%;
    height: auto;
    margin-top: 10px;
}

.sale-heading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sale-heading h2 {
    color: blue;
}

.sliderItem-2 {
    width: 90%;
}

.sliderItems {
    width: 85vw;
}

.Item img {
    border: 1px solid #F8F8F8;
    width: 200px;
    cursor: pointer;
}

.product-img-div {
    border-radius: 5px;
    margin-top: 50px;
    /* width: 104px; */
    /* cursor: pointer; */
}

.product-img-div img {
    border: 1px solid #F4F4F4;
    border-radius: 5px;
}

.productdisplay-right-star-icon {
    display: flex;
    width: 30px;
    border: none;
}

.Item .star-div p {
    color: #6C757D;
}

.Item .star-div span {
    font-weight: bold;
}

.Item .star-div .rate {
    color: #608CC7;
}

.star-div span {
    text-decoration: line-through;
}

/* Slider */

body {
    color: black !important;
    /* background-color: #f5f5f5 !important; */
}

li {
    cursor: pointer !important;
}

a {
    text-decoration: none !important;
}

.BnrCnt .why-Metablock-heading {
    text-wrap: wrap;
    text-align: center;
}

@media (max-width: 430px) {
    .our-service-heading {
        text-align: center !important;
    }
}

.slick-slider {
    position: relative !important;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: black;
}

@media (max-width: 1400px) {
    .bnrVideoTop {
        margin-top: 50px;
    }
}

.Main-section #homebanner .banner_btn_sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Main-section #homebanner .BnrCnt .title {
    margin-bottom: 20px;
    color: #ffffffb8;
    line-height: 1.2;
}

.Main-section #homebanner .BnrCnt .cus_title {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.Main-section #homebanner .vdoCntLst {
    margin-top: 10px;
}

.Main-section .BnnerCntSec .cus_title {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.Main-section .BnnerCntSec .cus_title_we {
    font-weight: 200;
}

@media (max-width: 767px) {
    .Main-section #homebanner .BnrCnt .title {
        line-height: 1.4;
    }
    .Main-section #homebanner .BnrCnt .cus_title {
        font-size: 38px;
    }
    .Main-section #homebanner .banner_btn_sec {
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .Main-section .BnnerCntSec .cus_title {
        font-size: 25px;
    }
    .Main-section .BnnerCntSec .BnrCnt h1 {
        line-height: 1.5;
        font-size: 25px;
    }
    .Main-section .why_MetaBlock_blockchain_sec {
        padding-top: 0px !important;
        text-align: center;
    }
    .Main-section .why_MetaBlock_blockchain_sec .HddrBtns {
        display: flex;
        justify-content: center;
    }
    .Main-section .blockchain_solution_sec .blck_sol_box,
    .Main-section .blockchain_solution_sec .blck_sol_box1 {
        min-height: 0px !important;
    }
    .Main-section .blockchain_solution_sec .sub_title {
        margin-top: 20px !important;
    }
    .Main-section .blockchain_solution_sec .BnrCnt h1 {
        text-align: center;
    }
    .Main-section .blockchain_solution_sec .img_sec {
        margin-top: -10% !important;
    }
    .Main-section .blockchain_dev_sec .blockchain_dev_btnsec .BtnPrimry {
        margin: 0 auto;
    }
    .Main-section .blockchain_dev_sec .mnyExpoSc-1Img img {
        margin-top: 30px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .Main-section .why_MetaBlock_blockchain_sec .why_MetaBlock_blockchain_card {
        /* background: url("./asset/home-page-new/images/why-MetaBlock-blk-card.webp"); */
        background-repeat: no-repeat;
        padding: 50px;
        min-height: 562px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec .contents {
    font-size: 16px !important;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

@media (min-width: 991px) {
    .Main-section .blockchain_solution_sec {
        padding: 50px 0px;
        /* background: url("./asset/home-page-new/images/blockchain-solution-bg.webp"); */
        background-repeat: no-repeat;
        min-height: 1289px;
    }
}

.Main-section .blockchain_solution_sec .blck_sol_box {
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 60px;
    min-height: 350px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .blck_sol_box1 {
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 80px;
    min-height: 354px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .sub_title {
    color: #e64dff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: 15px;
}

.Main-section .blockchain_solution_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.Main-section .blockchain_solution_sec .img_sec {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20%;
}

.Main-section .blockchain_solution_sec .img_sec:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(125deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 42%;
    left: 50%;
    z-index: -1;
    position: absolute;
    content: "";
    animation: rotatebg 2s infinite alternate-reverse;
}

.Main-section .blockchain_solution_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_dev_sec {
    overflow: visible;
    overflow: initial;
    padding-top: 0px;
}

.Main-section .blockchain_dev_sec p {
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}

@keyframes rotatebg {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0);
    }
}

.OurSrvcHdd .blog_title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MtaverseSec .title,
.Main-section .metaSlnSc .title,
.Main-section .OurPrjctBg .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MetaBlock_testimonial_sec {
    padding: 50px 0px;
}

.Main-section .MetaBlock_testimonial_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .MetaBlock_testimonial_sec .title .cus_title {
    color: #828282;
}

.Main-section .MetaBlock_testimonial_sec .testimonials {
    margin-top: 30px;
}

.Main-section .MetaBlock_testimonial_sec .item {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.Main-section .MetaBlock_testimonial_sec .item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url() center no-repeat;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoLst {
    margin-left: 15px;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.Main-section .MetaBlock_testimonial_sec .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.Main-section .MetaBlock_testimonial_sec .sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev {
    left: 0%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev:before {
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next {
    right: 1%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

@media (max-width: 991px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 25px;
        text-align: center;
    }
}

@media (max-width: 467px) {
    .Main-section .MetaBlock_testimonial_sec .item {
        display: inline;
        display: initial;
        padding: 30px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoLst {
        margin-left: 0px;
        margin-top: 10px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
        display: inline;
        display: initial;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg .head_sec {
        margin-bottom: 10px;
    }
}

/*Scroll Service Style Start*/

@media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item {
        position: relative;
    }
    .Main-section .scroll-reveal-section .item:after {
        content: "";
        display: block;
        height: 120vh;
        margin-bottom: -120vh;
    }
    .Main-section .scroll-reveal-section .item:last-of-type {
        margin-bottom: 0;
        background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.05), transparent 50px), linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
    .Main-section .scroll-reveal-section .item:last-of-type:after {
        display: none;
    }
    .Main-section .scroll-reveal-section .item .image-holder {
        position: -webkit-sticky;
        position: sticky;
        top: 5%;
    }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
}

/*Scroll Service Style End*/

/* ---------------------------------------------------------------- */

/*Mobile Service Style Start*/

.Main-section .service_mbl_sec {
    padding: 50px 0px;
}

.Main-section .service_mbl_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .service_mbl_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .service_mbl_sec .service_tabcont .tab-pane {
    border: 1px solid #ffffff42;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd .h3_title {
    font-size: 25px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt {
    padding-left: 20px;
    margin-bottom: 20px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt:after {
    left: 0px;
    top: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtaverseSec {
    padding: 0px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd {
    margin-top: 0 !important;
}

.Main-section .service_mbl_sec ul.nav-tabs {
    border-bottom: none;
    margin-top: 20px;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link {
    color: #fff;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link.active {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
}

/*Mobile Service Style End*/

/*Blockchain Process Style Start*/

.Main-section .blockchain_process_sec {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

.Main-section .blockchain_process_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.3;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .blockchain_process_sec .cusclr_title {
    color: #828282;
}

.Main-section .blockchain_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

.Main-section .blockchain_process_sec .pros_head_Sec {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
}

.Main-section .blockchain_process_sec .process_list {
    padding: 10px;
}

.Main-section .blockchain_process_sec .sub_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 10px;
}

.Main-section .blockchain_process_sec .sub_contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    padding-top: 10px;
}

.Main-section .blockchain_process_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_process_sec .process_list .img_sec {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .Main-section .blockchain_process_sec .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .Main-section .blockchain_process_sec .process_list {
        padding: 10px 0px;
    }
    .Main-section .blockchain_process_sec {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 500px;
        margin: 0px 10px;
        background: #101010;
        border: 1px solid #ffffff17;
        border-radius: 5px;
    }
    .Main-section .blockchain_process_sec .pros_head_Sec {
        top: 0%;
    }
    /* Scrollbar Styles START */
    .Main-section .blockchain_process_sec {
        scrollbar-width: thin;
        scrollbar-color: #00f0ff transparent;
        overflow-y: auto;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        border-radius: 3px;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
        border-radius: 3px;
        background: transparent;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
        height: 4px;
    }
    @-moz-document url-prefix() {
        .Main-section .blockchain_process_sec {
            scrollbar-width: thin;
            scrollbar-color: #00f0ff transparent;
            overflow-y: auto;
        }
        .Main-section .blockchain_process_sec::scrollbar {
            width: 5px;
            height: 4px;
            border-radius: 3px;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
            border-radius: 3px;
            background: transparent;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
            height: 4px;
        }
    }
    /* Scrollbar Styles END */
}

/*Blockchain Process Style End*/

@media (max-width: 1400px) {
    .bnrVideoTop {
        margin-top: 50px;
    }
}

.Main-section #homebanner .banner_btn_sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Main-section #homebanner .BnrCnt .title {
    margin-bottom: 20px;
    color: #ffffffb8;
    line-height: 1.2;
}

.Main-section #homebanner .BnrCnt .cus_title {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.Main-section #homebanner .vdoCntLst {
    margin-top: 10px;
}

.Main-section .BnnerCntSec .cus_title {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.Main-section .BnnerCntSec .cus_title_we {
    font-weight: 200;
}

@media (max-width: 767px) {
    .Main-section #homebanner .BnrCnt .title {
        line-height: 1.4;
    }
    .Main-section #homebanner .BnrCnt .cus_title {
        font-size: 38px;
    }
    .Main-section #homebanner .banner_btn_sec {
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .Main-section .BnnerCntSec .cus_title {
        font-size: 25px;
    }
    .Main-section .BnnerCntSec .BnrCnt h1 {
        line-height: 1.5;
        font-size: 25px;
    }
    .Main-section .why_MetaBlock_blockchain_sec {
        padding-top: 0px !important;
        text-align: center;
    }
    .Main-section .why_MetaBlock_blockchain_sec .HddrBtns {
        display: flex;
        justify-content: center;
    }
    .Main-section .blockchain_solution_sec .blck_sol_box,
    .Main-section .blockchain_solution_sec .blck_sol_box1 {
        min-height: 0px !important;
    }
    .Main-section .blockchain_solution_sec .sub_title {
        margin-top: 20px !important;
    }
    .Main-section .blockchain_solution_sec .BnrCnt h1 {
        text-align: center;
    }
    .Main-section .blockchain_solution_sec .img_sec {
        margin-top: -10% !important;
    }
    .Main-section .blockchain_dev_sec .blockchain_dev_btnsec .BtnPrimry {
        margin: 0 auto;
    }
    .Main-section .blockchain_dev_sec .mnyExpoScImg img {
        margin-top: 30px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .Main-section .why_MetaBlock_blockchain_sec .why_MetaBlock_blockchain_card {
        background-repeat: no-repeat;
        padding: 50px;
        min-height: 562px;
    }
}

.Main-section .why_MetaBlock_blockchain_sec .contents {
    font-size: 16px !important;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

@media (min-width: 991px) {
    .Main-section .blockchain_solution_sec {
        padding: 50px 0px;
        background-repeat: no-repeat;
        min-height: 1289px;
    }
}

.Main-section .blockchain_solution_sec .blck_sol_box {
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 60px;
    min-height: 350px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .blck_sol_box1 {
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 80px;
    min-height: 354px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .sub_title {
    color: #e64dff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: 15px;
}

.Main-section .blockchain_solution_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.Main-section .blockchain_solution_sec .img_sec {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20%;
}

.Main-section .blockchain_solution_sec .img_sec:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(125deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 42%;
    left: 50%;
    z-index: -1;
    position: absolute;
    content: "";
    animation: rotatebg 2s infinite alternate-reverse;
}

.Main-section .blockchain_solution_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_dev_sec {
    overflow: visible;
    overflow: initial;
    padding-top: 0px;
}

.Main-section .blockchain_dev_sec p {
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}

@keyframes rotatebg {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0);
    }
}

.OurSrvcHdd .blog_title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MtaverseSec .title,
.Main-section .metaSlnSc .title,
.Main-section .OurPrjctBg .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MetaBlock_testimonial_sec {
    padding: 50px 0px;
}

.Main-section .MetaBlock_testimonial_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .MetaBlock_testimonial_sec .title .cus_title {
    color: #828282;
}

.Main-section .MetaBlock_testimonial_sec .testimonials {
    margin-top: 30px;
}

.Main-section .MetaBlock_testimonial_sec .item {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.Main-section .MetaBlock_testimonial_sec .item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("") center no-repeat;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoLst {
    margin-left: 15px;
}

.Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.Main-section .MetaBlock_testimonial_sec .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.Main-section .MetaBlock_testimonial_sec .sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.Main-section .MetaBlock_testimonial_sec .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev {
    left: 0%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-prev:before {
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next {
    right: 1%;
    z-index: 1;
}

.Main-section .MetaBlock_testimonial_sec .testimonials .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

@media (max-width: 991px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .Main-section .MetaBlock_testimonial_sec .title {
        font-size: 25px;
        text-align: center;
    }
}

@media (max-width: 467px) {
    .Main-section .MetaBlock_testimonial_sec .item {
        display: inline;
        display: initial;
        padding: 30px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoLst {
        margin-left: 0px;
        margin-top: 10px;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
        display: inline;
        display: initial;
    }
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg .head_sec {
        margin-bottom: 10px;
    }
}

@media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item {
        position: relative;
    }
    .Main-section .scroll-reveal-section .item:after {
        content: "";
        display: block;
        height: 120vh;
        margin-bottom: -120vh;
    }
    .Main-section .scroll-reveal-section .item:last-of-type {
        margin-bottom: 0;
        background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.05), transparent 50px), linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
    .Main-section .scroll-reveal-section .item:last-of-type:after {
        display: none;
    }
    .Main-section .scroll-reveal-section .item .image-holder {
        position: -webkit-sticky;
        position: sticky;
        top: 5%;
    }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
}

/*Scroll Service Style End*/

/*Mobile Service Style Start*/

.Main-section .service_mbl_sec {
    padding: 50px 0px;
}

.Main-section .service_mbl_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .service_mbl_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .service_mbl_sec .service_tabcont .tab-pane {
    border: 1px solid #ffffff42;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd .h3_title {
    font-size: 25px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt {
    padding-left: 20px;
    margin-bottom: 20px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt:after {
    left: 0px;
    top: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtaverseSec {
    padding: 0px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd {
    margin-top: 0 !important;
}

.Main-section .service_mbl_sec ul.nav-tabs {
    border-bottom: none;
    margin-top: 20px;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link {
    color: #fff;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link.active {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
}

.Main-section .blockchain_process_sec {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

.Main-section .blockchain_process_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.3;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .blockchain_process_sec .cusclr_title {
    color: #828282;
}

.Main-section .blockchain_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

.Main-section .blockchain_process_sec .pros_head_Sec {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
}

.Main-section .blockchain_process_sec .process_list {
    padding: 10px;
}

.Main-section .blockchain_process_sec .sub_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 10px;
}

.Main-section .blockchain_process_sec .sub_contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    padding-top: 10px;
}

.Main-section .blockchain_process_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_process_sec .process_list .img_sec {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .Main-section .blockchain_process_sec .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .Main-section .blockchain_process_sec .process_list {
        padding: 10px 0px;
    }
    .Main-section .blockchain_process_sec {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 500px;
        margin: 0px 10px;
        background: #101010;
        border: 1px solid #ffffff17;
        border-radius: 5px;
    }
    .Main-section .blockchain_process_sec .pros_head_Sec {
        top: 0%;
    }
    .Main-section .blockchain_process_sec {
        scrollbar-width: thin;
        scrollbar-color: #00f0ff transparent;
        overflow-y: auto;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        border-radius: 3px;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
        border-radius: 3px;
        background: transparent;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
        height: 4px;
    }
    @-moz-document url-prefix() {
        .Main-section .blockchain_process_sec {
            scrollbar-width: thin;
            scrollbar-color: #00f0ff transparent;
            overflow-y: auto;
        }
        .Main-section .blockchain_process_sec::scrollbar {
            width: 5px;
            height: 4px;
            border-radius: 3px;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
            border-radius: 3px;
            background: transparent;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
            height: 4px;
        }
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple;
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px;
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 0.2em rgb(165 115 201 / 10%);
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%);
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%);
    }
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10px 15px;
    line-height: 26px;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url("") no-repeat 0 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    color: inherit;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media (min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media (max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    background-clip: border-box;
    background-clip: initial;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media (max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10px 15px;
        line-height: 23px;
        text-decoration: none;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url("");
    }
}

@media (max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media (max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.5rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

body {
    font-family: "Readex Pro", sans-serif;
    /* background: #F5F5F5 !important; */
}

section {
    overflow: hidden;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.BtnPrimry {
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 113.4%;
    color: #ffffff;
    min-width: 124px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Urbanist", sans-serif;
    z-index: 1;
    min-height: 44px;
    border: none;
    line-height: 42px;
    perspective: 230px;
}

.BtnPrimry.BtnTrnsp {
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
}

.BtnPrimry.Btn175-44 {
    min-width: 175px;
}

.BtnPrimry span {
    padding-top: 10px !important;
    font-size: 14px !important;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
}

.BtnPrimry span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry:hover span:nth-child(1) {
    color: #ffffff;
    transform: rotateX(0deg);
}

.BtnPrimry:hover span:nth-child(2) {
    color: transparent;
    transform: rotateX(-90deg);
}

.TlkBtn {
    width: 192px;
}

.TlkBtn img {
    width: 20px;
    height: 20px;
}

.BtnTrnsp span {
    background: transparent;
}

.BtnTrnsp span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 100% 100% -25px;
}

@media (min-width: 1200px) {
    .container-1170 {
        max-width: 1170px;
    }
}

.pgLoad {
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
}

.HddrBg {
    background: #090909;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999999;
}

.HddrBg .navbar {
    padding: 0.25rem 1rem;
}

.HddrBg .navbar .socialIcns .icons_li {
    width: 35px;
    height: 35px;
    display: grid !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    text-decoration: none;
}

.HddrBg .navbar .socialIcns .icons_li:hover {
    -webkit-text-fill-color: unset;
}

.HddrBg .navbar .socialIcns .icons_li::before,
.HddrBg .navbar .socialIcns .icons_li::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
}

.HddrBg .navbar .socialIcns .icons_li i {
    font-size: 20px !important;
    font-weight: 500;
    color: #fff;
    margin-left: 0;
}

.HddrBg .navbar .socialIcns .icons_li.whatsapp {
    background: #34af23 !important;
}

.HddrBg .navbar .socialIcns .icons_li.telegram {
    background: #08c !important;
}

.HddrBg .navbar .socialIcns .icons_li.skype {
    background: #4ea9f4;
}

.MnuPaddTop {
    padding-top: 62px;
}

.line {
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
    transition: 500ms ease-out;
}

.line_1 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 500ms ease-out;
}

.ui .active .line_1 {
    stroke-dashoffset: 26;
}

.line_2 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 800ms ease-out;
}

.ui .active .line_2 {
    stroke-dashoffset: 25;
}

.line_3 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 1100ms ease-out;
}

.ui .active .line_3 {
    stroke-dashoffset: 26;
}

.ui {
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    display: none;
}

@media (max-width: 991px) {
    .ui {
        display: block;
    }
}

.HddrLnks li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.HddrLnks li a:hover {
    background: linear-gradient(92.12deg, #e548ff 2.22%, #2e4fff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transition: 0.6s;
}

@media (min-width: 992px) and (max-width: 1300px) {
    .HddrLnks li a {
        margin-right: 5px;
        font-size: 13px;
    }
}

.HddrLnks li a::before,
.HddrLnks li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 10px;
    margin-top: -0.5px;
    background: #3c5bff;
}

.HddrLnks li a::before {
    left: 0;
}

.HddrLnks li a::after {
    right: 0;
    background: #3c5bff;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::before {
    background: #3c5bff;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.BnrCnt h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0;
}

@media (max-width: 1300px) {
    .BnrCnt h1 {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h1 {
        font-size: 25px !important;
        line-height: 30px;
    }
    .four-box {
        width: 100vw;
        margin-left: 40px !important;
    }
    .upper-heading {
        align-items: start;
        display: flex;
    }
    .MnuPaddTop #homebanner,
    .MnuPaddTop .BnnerCntSec,
    .MnuPaddTop .mnyExpoSc-1,
    .MnuPaddTop .metaSlnSc,
    .MnuPaddTop .MtaverseSec h2,
    .MnuPaddTop .MtaverseSec h4 {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec {
        padding: 20px 0px;
        background-position: 65%;
        position: relative;
        z-index: 1;
    }
    .MnuPaddTop .MtaverseSec .metaverse_img {
        display: block;
    }
    .MnuPaddTop .MtaverseSec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060600;
    }
    .MnuPaddTop #homebanner .BnrCnt p {
        text-align: start !important;
    }
    .MnuPaddTop #homebanner .BtnPrimry {
        display: inline-table;
    }
    .mnyExpoSc-1 .mnySub:after {
        display: none;
    }
    .MnuPaddTop .BnrCnt {
        text-align: start !important;
        margin-top: 50px;
    }
    .MnuPaddTop .BnnerCntSec .BtnPrimry.Btn175-44,
    .MnuPaddTop .BnnerCntSec .TlkBtn {
        min-width: 140px !important;
        width: 140px !important;
    }
    .MnuPaddTop .TlkBtn {
        width: 165px !important;
    }
    .MnuPaddTop .BnnerCntSec .GetBtnSec {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .BtnPrimry {
        font-size: 14px;
    }
    .MnuPaddTop .metaSlnSc .metaSlnScRelat ul {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd,
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurservHdd h2,
    .MnuPaddTop .MtaverseSec .OurSrvcHdd h6,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .BnrCnt p {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .nav,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .nav {
        display: -webkit-inline-box !important;
    }
    .MnuPaddTop .MtavCntHdd h4 {
        font-size: 25px !important;
    }
}

.MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd {
    text-align: right;
}

.BnrCnt h1 {
    font-weight: 600 !important;
    font-size: 60px !important;
    line-height: 72px !important;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.BnrCnt h1 .Fw-200 {
    font-weight: 200;
}

@media (max-width: 1199px) {
    .Portfolio-buttons {
        width: 100vw;
        display: flex !important;
    }
}

@media (max-width: 1300px) {
    .BnrCnt h1 {
        font-size: 42px !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 991px) {
    .BnrCnt h1 {
        font-size: 30px !important;
        line-height: 46px;
    }
    span.TxtGrdnt {
        font-size: 10px !important;
    }
}

@media (max-width: 768px) {
    .BnrCnt h1 {
        font-size: 22px;
        line-height: 32px;
    }
    .BnrCnt h1.text {
        height: 40px;
    }
}

.BnrCnt p {
    font-size: 16px;
    line-height: 1.9;
}

span.TxtGrdnt {
    background: linear-gradient(92.12deg, #e548ff 2.22%, #2e4fff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    background-size: 200% auto;
    position: relative;
}

span.TxtGrdnt::after {
    content: attr(data-shine) " ";
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 45deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200%;
    animation: shine 10s infinite;
}

@keyframes shine {
    0% {
        background-position: -100%;
    }
    100% {
        background-position: 100%;
    }
}

.BnrCountSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.BnrCount h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    min-width: 110px;
}

@media (max-width: 767px) {
    .BnrCount h4 {
        font-size: 28px;
        line-height: 34px;
    }
}

.BnrCount p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #bababa;
}

.BnrTxtFlwr {
    position: relative;
}

.BnrTxtFlwr::after {
    content: "";
    position: absolute;
    top: -40px;
    right: 20px;
    /* background: url(.bnr-flwr.svg) no-repeat right; */
    width: 50px;
    height: 50px;
}

.BnnerCntSec {
    padding: 38px 0 25px;
}

.VideoWrper {
    position: relative;
}

.VideoWrper.VidoFltr::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #df48ff 0%, #2d4fff 100%);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
}

.VideoWrper video {
    width: 100%;
    height: calc(100vh - 91px);
    object-fit: cover;
}

/*@media (max-width: 991px) {
  .VideoWrper video {
    height: 390px;
  }
}*/

@media (max-width: 767px) {
    .desktop {
        display: none !important;
    }
    .VidoCntMn {
        margin-top: 50px !important;
    }
    .vdoCntLstCount {
        font-size: 30px !important;
    }
}

.VidoCnt {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 2;
    width: 100%;
    padding: 0 30px 0 0;
}

@media (max-width: 767px) {
    .VidoCnt {
        left: 10px;
    }
}

.GrdentBg {
    background: linear-gradient(129deg, #060606 0%, rgba(103, 58, 183, 0) 89%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.GetBtnSec {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.OurSrvcHdd h6 {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.OurservHdd .Txt8282 {
    color: #828282;
}

.MtavCnt {
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}

.MtavCnt:after {
    content: "";
    position: absolute;
    top: 7px;
    left: -25px;
    /* background: url('../images/content-star-icon.svg'); */
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .MtavCnt {
        margin-bottom: 0;
    }
}

.MtavCnt li {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 20px;
}

.MtavCnt:hover li span img {
    animation: pulsate-fwd 0.5s ease-in-out infinite alternate-reverse both;
}

@keyframes pulsate-fwd {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

.MtavCntHdd h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.MtavCntHdd .h3_title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.OurBlgBg .BlgHdd .cat_title {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}

.Main-section .h5_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.OurPrjctBg {
    background-image: url(../../static/media/metaverse-bg-new.2266a4dcd625f1063d36.webp);
}

.MtaverseSec {
    background: url(../../static/media/metaverse-bg-new.2266a4dcd625f1063d36.webp) no-repeat top;
    background-size: 100% 100%;
    position: relative;
    min-height: 800px;
    padding: 40px 0;
}

.Main-section .OurPrjctBg .port_sub_title {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .MtaverseSec {
        padding: 0;
    }
}

.MtaverseSec:hover .MtrvrRtImg img {
    animation: blink-2 0.8s linear infinite both;
}

html {
    scroll-behavior: smooth;
}

.MxBlndLight {
    mix-blend-mode: lighten;
}

.MtrvrRtImg {
    position: absolute;
    right: -5%;
    top: 11.5rem;
}

.MtrvrRtImg_cus_img {
    position: absolute;
    right: -12%;
    top: 0%;
}

.CmmnSdHdd .text-line {
    stroke-dasharray: 290;
    stroke-dashoffset: 290;
    animation: dash 4s linear infinite both alternate-reverse;
    color: transparent;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0.3em;
    opacity: 0.5;
    font-family: "Urbanist", sans-serif;
    fill: transparent;
    stroke: #e442ff;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@media (min-width: 991px) {
    .Main-section .blockchain_service_sec {
        /* background: url(../images/blockchain-bg.webp) no-repeat bottom right; */
        min-height: 700px;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: -5%;
    }
    .Main-section .blockchain_service_sec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060682;
    }
    .Main-section .blockchain_service_sec .blockchain_imgsec {
        position: absolute;
        top: 18%;
        left: 0%;
    }
}

.NftMainSec {
    /* background: url(../images/nft-main-bg-new.webp?v1) no-repeat bottom right; */
    min-height: 800px;
    position: relative;
}

@media (min-width: 991px) {
    .NftMainSec:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #0506077d;
    }
}

.NftRtImg {
    left: 0%;
    top: 0;
}

.dapp_bg .NftRtImg {
    left: -5%;
    top: 0;
}

.DefiMainBg {
    /* background: url(../images/defi-main-bg-new.webp) no-repeat bottom right; */
    min-height: 750px;
    position: relative;
}

@media (min-width: 991px) {
    .DefiMainBg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #050607c9;
    }
}

.DefiMainBg .CmmnSdHdd .text-line {
    letter-spacing: normal;
}

.DefiMainBg .MtrvrRtImg {
    top: 0;
}

.LtrSpcNorml.CmmnSdHdd .text-line {
    letter-spacing: normal;
}

@media (min-width: 992px) {
    .DapsMainBg {
        background: transparent;
        min-height: 570px;
    }
    .dapp_bg {
        /* background-image: url('../images/dapp-bg.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }
    .dapp_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606d1;
    }
    .crypto_bg {
        /* background-image: url('../images/crypto-bg-new.webp') !important; */
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top left !important;
        position: relative;
    }
    .crypto_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606cf;
    }
    .exchg_bg {
        /* background-image: url('../images/exchange-bg-new.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }
    .exchg_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606b3;
    }
    .ExchngeSec .CmmnSdCnt {
        margin-left: 20%;
    }
}

@media (min-width: 991px) {
    .CryptoMainBg {
        background: transparent;
        min-height: 721px;
    }
}

.CryptoMainBg .CmmnSdHdd .text-line {
    letter-spacing: 0.2rem;
}

.CryptoMainBg .MtrvrRtImg {
    position: static;
    position: initial;
}

.TechStkIconBox {
    background: #101010;
    display: inline-block;
    min-height: 106px;
    min-width: 106px;
    padding: 18px 0 10px;
}

.TechStkIconBox .TechStkIcnCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}

.TechStkIconSec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.TechStkIcon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.TchStkCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.TchStkCnt h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    font-family: "Urbanist", sans-serif;
}

@media (max-width: 1199px) {
    .VrtclTbb.nav-pills {
        display: flex !important;
    }
}

.VrtclTbb.nav-pills .nav-link {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #828282;
    text-align: end;
    padding-right: 0;
    position: relative;
    transition: 0.9s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover {
    padding-right: 25px;
    transition: 0.5s all ease-in-out;
    background: transparent;
    background: linear-gradient(92.08deg, #e442ff 2.18%, #3c5bff 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.VrtclTbb.nav-pills .nav-link::after {
    content: "";
    width: 0;
    background: #ffffff;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link.active {
    background: transparent;
    background: linear-gradient(92.08deg, #e442ff 2.18%, #3c5bff 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    padding-right: 25px;
}

.VrtclTbb.nav-pills .nav-link.active::after {
    content: "";
    width: 12px;
    background: #ffffff;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover::after {
    content: "";
    width: 12px;
    background: #ffffff;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.TechStkIconBox {
    position: relative;
    overflow: hidden;
}

.TechStkIconBox::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
}

.TechStkIconSec .col:nth-child(odd) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
}

.TechStkIconSec .col:nth-child(even) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
    animation-delay: 4s;
}

@keyframes shine1 {
    0% {
        left: -50%;
        opacity: 0;
    }
    50% {
        left: 25%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

.OurClintSldr .slide-content {
    margin-bottom: 15px;
}

.ClintSldr2 {
    margin-top: -60px;
}

.SldrBoxSadw {
    position: relative;
    padding-top: 61px;
}

.SldrBoxSadw::after {
    content: "";
    background: linear-gradient( 179.95deg, #060606 -5.25%, rgba(6, 6, 6, 0.3) 17.46%, rgba(6, 6, 6, 0) 39.77%, rgba(6, 6, 6, 0.46) 77.57%, #060606 99.96%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ViwallLnk {
    display: inline-flex;
    justify-content: end;
    flex-flow: column;
    overflow: hidden;
    position: relative;
    top: -20px;
}

.VwAllLnkHov {
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.VwAllLnkHov1 {
    transform: translateX(-85px) translateY(29px);
    display: inline-block;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.VwAllLnkHov2 {
    transform: translateX(0%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov1 {
    transform: translateX(0px) translateY(29px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov2 {
    transform: translateX(100%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:after {
    content: "";
    width: 0;
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    height: 1px;
    bottom: 0;
    left: 0;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ViwallLnk:hover:after {
    content: "";
    width: 100%;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ColWdth {
    flex: 0 0 15%;
    max-width: 15%;
    transition: 2s cubic-bezier(0.3, 0, 0, 1.3);
    margin: 0 10px;
}

.ColWdth .BlgCntImg {
    border-radius: 6px;
}

.ColWdth .BlgCntImg img {
    width: 100%;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active {
    flex: 0 0 31%;
    max-width: 31%;
    transition: 1s all ease-in-out;
}

.ColWdth.active .BlgCntImg img {
    width: 100%;
    border-radius: 6px;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active .BlgCntSec {
    display: inline-block;
    transform: translateX(0%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2s;
}

.ColWdth.active .BlgHdd {
    display: none;
}

@media (max-width: 1200px) {
    .ColWdth {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.BlgCntSec h4,
.BlgHdd h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.BlgHdd {
    position: absolute;
    bottom: 40px;
    left: 20px;
}

.BlgCntSec {
    display: none;
    transform: translateX(-100%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.BlgCntSec p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.BlgCntBg {
    position: relative;
    overflow: hidden;
}

.BlgCntSec {
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
    min-width: 365px;
    z-index: 1;
}

.NftSvgTxt .text-line {
    font-size: 41px;
}

@media (max-width: 767px) {
    .DefiMainBg,
    .MtaverseSec,
    .footer_details_form_new .footer_form_main {
        background: none !important;
    }
    .CmmnSdHdd .text-line {
        font-size: 25px;
    }
}

@media (max-width: 580px) {
    .CmmnSdHdd .text-line {
        font-size: 18px;
        height: 30px;
    }
}

.ColWdth.active .BlgCntBg::after {
    content: "";
    background: rgb(0 0 0 / 76%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.BlgCntBg:after {
    content: "";
    background: rgb(0 0 0 / 66%);
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 0;
}

.BlgHdd h4 {
    z-index: 1;
    position: relative;
}

.PrjctDtlsItm {
    background: linear-gradient(167.3deg, #ec1146 9.19%, #6e3cff 141.84%);
    border-radius: 50px;
    padding: 20px 45px 15px;
    margin-bottom: 15px;
}

.RltdPrjHddSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.PrjctDtlCnt h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    font-family: "Urbanist", sans-serif;
}

.PrjctDtlCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.PrjctBtn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
}

.game_PrjctBtn .PrjctBtn_new {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PrjctBtn:hover {
    background: #ffffff;
    border: 1px solid #fff;
    transition: 0.3s all ease-in-out;
    color: #101010;
}

.Btn211-42 {
    min-width: 211px;
    min-height: 42px;
}

.PrjctsBtnSec {
    display: flex;
    flex-wrap: wrap;
}

.OurPrjcts .slick-prev:before {
    content: "";
    /* background: url(.our-prjct-arrw2.svg) no-repeat 16px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-prev {
    left: auto;
    top: -55px;
    right: 6rem;
}

.OurPrjcts .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 18px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-next {
    top: -55px;
    right: 2rem;
}

.OurPrjcts .slick-slide img {
    display: inline-block;
}

.PrjctExmpls {
    padding: 0 15px 0 15px;
}

.PrjctExmpls .slick-prev {
    left: -15px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999;
}

.PrjctExmpls .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.PrjctExmpls .slick-next {
    top: 40%;
    transform: translateY(-50%);
    right: 6px;
}

.PrjctExmpls .slick-next:before {
    content: "";
    /* background: url(.our-prjct-arrw1.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.VlublClintsBg {
    min-height: 420px;
    padding-bottom: 55px;
}

.TechStk {
    padding-bottom: 85px;
}

.PrjctExmplsImg {
    margin: 0 7px;
    text-align: center;
}

.OurBlgBg {
    padding-bottom: 90px;
}

.OurPrjctBg {
    padding-bottom: 100px;
}

@media (max-width: 1200px) {
    .ColWdth .BlgCntImg img {
        height: 175px;
        margin-bottom: 30px;
    }
    .ColWdth.active {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .FtrPhnIcon {
        margin-bottom: 30px;
    }
    .BlgCntSec {
        min-width: 100%;
    }
    .ColWdth {
        margin: 0;
        padding: 0 15px;
    }
    .PrjctDtlsItm {
        padding: 20px 20px;
    }
}

.OurPrjctHddSec {
    padding-bottom: 55px;
}

@media (max-width: 991px) {
    .OurPrjctHddSec {
        padding-bottom: 0px;
    }
}

.FtrTopSec {
    background: #181818;
    padding: 35px 0 20px;
}

.LogoSpprtSec {
    display: flex;
}

.LogoSpprtSec li {
    margin-right: 30px;
}

.FtrTopCntHdd h4 {
    background: linear-gradient(90.77deg, #e442ff 0.83%, #3c5bff 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.FtrTopCnt li {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.FtrPhnIcon a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;
}

.FttrLnkHdd {
    margin-bottom: 20px;
}

.FttrLnkHdd .ft_menutitle {
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

.FtrLnkCnt li {
    margin-bottom: 10px;
}

.FtrLnkCnt li a {
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    position: relative;
    display: inline-block;
}

.FtrLnkCnt li a:hover {
    -webkit-mask-image: linear-gradient( -75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
    mask-image: linear-gradient( -75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
    -webkit-mask-size: 200%;
    mask-size: 200%;
    animation: shine2 3s infinite both;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a i {
    color: #fff;
    font-size: 16px;
    line-height: inherit;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 15px;
    word-break: break-all;
}

.FtrMltplLnks .FtrLnkSec .FttrLnkHdd .title_hrline {
    border: 1px solid #d34eff !important;
    width: 30%;
    margin: 10px 0;
}

@keyframes shine2 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.FtrLnkCnt p {
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    color: #ffffff;
}

.SclIconSec {
    display: inline-flex;
}

.SclIconSec li {
    margin-right: 8px;
}

/*.FtrBrdBtm {
  border-bottom: 1px solid rgba(255, 255, 255, 0.27);
}*/

.CpyRtSec {
    padding: 20px 0;
}

.CpyRtSec p {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
}

.FtrMltplLnks {
    padding: 40px 0 1px;
}

.ExchngeSec {
    padding-bottom: 50px;
}

.SclIconSec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.SclIconSec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

.SclIconSec li {
    transition: 0.3s all ease-in-out;
}

.FtrTopCnt {
    min-height: 75px;
    margin-bottom: 10px;
}

.MailCnt {
    display: flex;
    flex-wrap: wrap;
}

.MailCnt li {
    margin-right: 25px;
}

.MailCnt li a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;
    position: relative;
    display: inline-block;
}

.MailCnt li a:hover {
    background: linear-gradient(90.77deg, #e442ff 0.83%, #3c5bff 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transition: 0.6s;
}

.MailCnt li a::before,
.MailCnt li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 1px;
    margin-top: -0.5px;
    background: #3c5bff;
}

.MailCnt li a::before {
    left: 0;
}

.MailCnt li a::after {
    right: 0;
    background: #3c5bff;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::before {
    background: #3c5bff;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.FttrMailBox {
    background: #0c0c0c;
    padding: 10px 22px 10px;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.MailIcon {
    padding: 0 12px 0 0;
    margin-right: 15px;
}

.MailBrdRt {
    border-right: 1px solid rgba(255, 255, 255, 0.37);
}

.FtrFrm #footer_subscripe .form-group {
    position: relative;
}

.FtrFrm .form-control {
    background: #262626;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;
    min-height: 44px;
    border: medium none currentColor;
    border: initial;
    box-shadow: none;
    box-shadow: initial;
    min-width: 271px;
}

.FtrFrm #footer_subscripe label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 4px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 13px;
    font-weight: 400;
    z-index: 1;
}

.FtrFrm #footer_subscripe label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 1119px) {
    .FtrFrm .form-control {
        min-width: 200px;
    }
}

.SendBtn {
    background: #1b1b1b;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    border: medium none currentColor;
    border: initial;
    min-height: 44px;
    min-width: 81px;
    transition: 0.5s all ease-in-out;
}

.SendBtn:hover {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    transition: 0.5s all ease-in-out;
}

@media (max-width: 768px) {
    .MtavCnt li {
        line-height: 20px;
    }
    .MtaverseSec {
        background-size: cover;
    }
    .PrjctsBtnSec {
        justify-content: center !important;
    }
    .PrjctDtlsItm {
        text-align: center !important;
    }
}

@media (max-width: 1199px) {
    .MtrvrRtImg {
        display: none;
    }
    .DefiMainBg,
    .DapsMainBg,
    .CryptoMainBg,
    .MtaverseSec {
        min-height: auto;
    }
    .ExchngeSec,
    .OurBlgB,
    .OurPrjctBg,
    .TechStk,
    .OurBlgBg {
        padding-bottom: 20px;
    }
    .MtavCnt {
        margin-bottom: 30px;
    }
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .MtrvrRtImg img {
        transform: scale(0.7);
        margin-left: 24rem;
    }
    .NftRtImg {
        right: auto;
        margin-left: -31rem;
    }
    .CryptoMainBg .MtrvrRtImg img {
        margin-left: 0;
    }
}

#BnrHdAnim {
    position: absolute;
    margin: auto;
    width: 100vw;
    height: 115pt;
    top: 0;
    bottom: 0;
    filter: url(#threshold) blur(0.5px);
}

@media (max-width: 767px) {
    #BnrHdAnim {
        height: auto;
        top: 7rem;
    }
}

#text1,
#text2 {
    position: absolute;
    width: 100%;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
}

@media (max-width: 767px) {
    #text1,
    #text2 {
        font-size: 32px;
        line-height: 36px;
    }
}

.PrjctTb.nav-pills .nav-link {
    text-align: start;
    padding-right: 1rem;
    padding-left: 0px;
    outline: none;
}

.PrjctTb.nav-pills .nav-link:hover {
    padding-right: 1rem;
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link::after {
    right: auto;
    left: 0;
}

.PrjctTb.nav-pills .nav-link.active,
.PrjctTb.nav-pills .nav-link:hover {
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link.active::after,
.PrjctTb.nav-pills .nav-link:hover::after {
    right: auto;
    left: 0;
}

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

.BnrCnt {
    margin-top: 50px;
}

.text {
    height: 65px;
}

.typed-cursor,
.typed-cursor--blink {
    display: none;
}

.menu_foot_sec ul {
    gap: 20px;
    padding-left: 0px;
    display: flex;
}

.menu_foot_sec ul li a {
    color: #fff;
}

.menu_foot_sec ul li:hover a {
    background: linear-gradient(92.12deg, #e548ff 2.22%, #2e4fff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transition: 0.6s;
}

@media (min-width: 992px) {
    .bnrVideoTop {
        margin-top: 100px;
    }
}

.mnyExpoSc-1 {
    padding: 60px 0px;
}

.mnyExpoSc-1 .mnySubTlt {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    /* leading-trim: both !important;
  text-edge: cap !important; */
    color: #ffffff !important;
}

.mnyExpoSc-1 .mnySub {
    position: relative;
    z-index: 1;
}

.mnyExpoSc-1 .mnySub:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    width: 170px;
    height: 10px;
    z-index: -1;
}

@media (max-width: 767px) {
    .mnyExpoSc-1 .mnySubTlt {
        font-size: 15px !important;
    }
}

@media (max-width: 372px) {
    .mnyExpoSc-1 .mnySubTlt {
        font-size: 13px !important;
    }
}

.metaSlnSc {
    padding: 60px 0px;
}

.metaSlnTabCnt {
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
}

.metaSlnTabCnt .sml_tlt {
    font-size: 18px !important;
    color: #fff !important;
    margin-bottom: 0px;
}

.metaSlnTabCnt .Bg_tlt {
    font-size: 35px !important;
    color: #fff !important;
}

.metaSlnTabCnt .Cnt {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}

.metaSlnSc .nav-pills .nav-link.active,
.metaSlnSc .nav-pills .show>.nav-link {
    background: linear-gradient(81.04deg, #e442ff 5.15%, #3c5bff 89.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 400;
    font-size: 16px;
}

.metaSlnSc .nav-pills .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.8;
}

.metaSlnScRelat {
    margin-top: 100px;
    position: relative;
}

.gameLi {
    position: absolute;
    left: 0px;
    top: 44%;
    z-index: 10;
}

.mallLi {
    position: absolute;
    left: 10px;
    top: 19%;
    z-index: 10;
}

.theatreLi {
    position: absolute;
    left: 63px;
    top: 0%;
    z-index: 10;
}

.casinoLi {
    position: absolute;
    right: 90px;
    top: 19%;
    z-index: 10;
}

.storeLi {
    position: absolute;
    right: 120px;
    top: 0%;
    z-index: 10;
}

.eventLi {
    position: absolute;
    top: -50px;
    left: -95px;
    right: 0px;
    margin: 0 auto;
    display: grid;
}

.theatreLi .nav-link {
    color: #dcd9d9 !important;
}

.eventLi .nav-link {
    color: #999595 !important;
}

.storeLi .nav-link {
    color: #696868 !important;
}

.casinoLi .nav-link {
    color: #5f5f5f !important;
}

.metaSlnScTabBnImg {
    margin-top: -260px;
    text-align: end;
    margin-right: -38px;
    position: relative;
}

.tbSlnLst {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
}

.tbSlnLst .tbSlnLstTlt {
    font-weight: 300;
    font-size: 14px;
    /* leading-trim: both;
  text-edge: cap; */
    color: #ffffff;
    margin-bottom: 0px;
}

.tbSlnLstPosi {
    position: absolute;
    bottom: 48px;
    right: 127px;
}

.slnImgIndex {
    z-index: 1;
    position: relative;
}

.metaSlnBtn {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    /* leading-trim: both;
  text-edge: cap; */
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0px;
}

.metaSlnScRelati {
    position: relative;
}

@media (max-width: 1199px) {
    .metaSlnTabCnt .Cnt {
        z-index: 1;
        position: relative;
    }
    .gameLi {
        top: 33%;
    }
}

@media (max-width: 991px) {
    .gameLi,
    .mallLi,
    .theatreLi,
    .eventLi,
    .casinoLi,
    .storeLi {
        position: static;
        position: initial;
        margin: 0;
    }
    .metaSlnTabCnt {
        position: static;
        position: initial;
        width: 100%;
    }
    .metaSlnScTabBnImg {
        margin-top: 0px;
        margin-right: 0px;
    }
    .tbSlnLstPosi {
        position: static;
        position: initial;
    }
    .metaSlnBtn {
        margin: 30px auto;
        display: table;
    }
    .metaSlnScRelat {
        margin-top: 20px;
    }
    .slnImgIndex {
        display: none;
    }
}

@media (max-width: 767px) {
    .metaSlnTabCnt .Bg_tlt {
        font-size: 25px !important;
    }
}

@media (max-width: 394px) {
    .logo_header {
        width: 80%;
    }
}

.mnyExpoSc-1Img {
    position: relative;
    z-index: 1;
}

.mnyExpoSc-1Img:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    background: #3c5bff;
    width: 94.46px;
    height: 230px;
    transform: rotate(-51.35deg);
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.mnyExpoSc-1Img:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 70px;
    background: #e442ff;
    width: 94.46px;
    height: 230px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.VidoCntMn {
    background: #00000069;
    margin: 20px;
    padding: 10px;
    border-radius: 20px;
    margin-top: 150px;
}

.vdoCntLst {
    border: 1px solid #1f1e1e;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #0000008a;
}

.vdoCntLstCount {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: "Urbanist";
}

.vdoCntLstTlt {
    margin-bottom: 0px;
    font-size: 13px;
}

.game-1 {
    /* background-image: url('../images/game-bg.webp?v1'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .game-1 {
        background-color: #a128f9;
        background-image: none !important;
        background-image: initial !important;
    }
    .nft-1 {
        background-color: #fe992e;
        background-image: none !important;
        background-image: initial !important;
    }
    .play-1 img,
    .move-1 img,
    .meta-1 img,
    .blkchain-1 img,
    .defi-1 img,
    .dapp-1 img {
        display: none;
    }
}

.play-1 {
    background: #ae58f1;
}

.move-1 {
    background: #29aec2;
}

.meta-1 {
    background: #6e3cff;
}

.blkchain-1 {
    background: #f2654e;
}

.defi-1 {
    background: #fc2a5c;
}

.dapp-1 {
    background: #ae58f1;
}

.nft-1 {
    /* background-image: url('../images/nft-tab-1.webp'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

/* Start Popup Form*/

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 840px;
    margin-top: 100px;
    width: auto;
}

#popup_form_modal.modal .modal-content {
    border-radius: 0;
}

#popup_form_modal.popup-form .modal-content {
    background: rgb(124, 13, 70);
    background: linear-gradient( 135deg, rgba(124, 13, 70, 1) 0%, rgba(154, 13, 70, 1) 100%);
    /* background: url('../../modal-bg.png?v2'); */
    background-size: cover;
    background-repeat: no-repeat;
}

#popup_form_modal.popup-form .top_cls {
    color: #d53938 !important;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    position: relative;
    right: -16px;
    top: -11px;
    z-index: 1;
    background: #ffffff;
}

#popup_form_modal .error,
#popup_contact_form .error {
    color: #fff !important;
}

#popup_form_modal .popup-contact-form {
    padding-top: 0px;
    padding-bottom: 0em;
    color: #fff;
    margin-top: 0px;
    position: relative;
}

#popup_form_modal .popup-contact-form h2 {
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
}

#popup_form_modal .popup-contact-form p {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
}

#popup_form_modal .popup-contact-form .modal-disclaim {
    font-size: 14px;
}

.popup-contact-form .mt-3 {
    margin-top: 0rem !important;
}

#popup_form_modal .popup-form p {
    color: #fff;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 23px;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 0em !important;
}

#popup_form_modal .popup-contact-form input,
#popup_form_modal .popup-contact-form textarea {
    width: 100%;
    height: 45px;
    margin-bottom: 13px;
    padding-left: 15px;
    border-radius: 0px;
    border: none;
    /* box-shadow: 0px 1px 5px rgba(0,0,0,0.1); */
    color: #222;
    border-bottom: 1px solid #fff;
}

#popup_form_modal.popup-form input,
#popup_form_modal.popup-form select,
#popup_form_modal.popup-form textarea {
    margin-bottom: 5px;
    background: transparent !important;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    outline: 0;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div,
#request_quote_form .selecpicker_input_group_div,
#contactus_form .selecpicker_input_group_div,
#blog_right_side_form .selecpicker_input_group_div,
#blog_form_comment .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list,
#request_quote_form .selecpicker_input_group_div .select_icon_list,
#contactus_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home #popup_error_msg_home .alert-danger p {
    color: inherit;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list {
    width: 20%;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list {
    width: 30%;
}

@media (max-width: 767px) {
    #request_quote_form .selecpicker_input_group_div .select_icon_list {
        width: 30%;
    }
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list .btn,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn {
    border-radius: 50px;
    padding: 5px 10px;
    background: transparent;
    box-shadow: none;
    outline: none !important;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn {
    height: 45px;
    border: 1px solid #b0c9c9;
    background: #225a5d08;
    outline: none !important;
    box-shadow: none;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    padding: 5px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn i,
#request_quote_form .selecpicker_input_group_div .select_icon_list .btn i,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 25px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 20px;
    font-weight: 600;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #b52152;
    color: #fff;
}

#popup_contact_form .form_control_select {
    color: #fff;
}

#popup_contact_form select.form-control:not([size]):not([multiple]) {
    height: 45px;
}

.fitoutform .form-control {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e3e3;
    border-radius: 0;
    box-shadow: none;
}

.popup-contact-form .btn {
    background-color: #40a58d;
    color: #fff;
    font-size: 19px;
    width: 152px;
    border-radius: 50px;
    background: linear-gradient( 180deg, rgba(0, 188, 201, 1) 0%, rgba(0, 131, 143, 1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 4px 19px -2px #033a3e;
}

#popup_contact_form_home ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#popup_contact_form_home :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#popup_contact_form_home ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_contact_form_home select option {
    background-color: rgb(124, 13, 70);
    color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home input:-webkit-autofill:hover,
#popup_contact_form_home input:-webkit-autofill:focus,
#popup_contact_form_home input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    -webkit-text-fill-color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home textarea:-webkit-autofill,
#popup_contact_form_home select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff;
}

#popup_form_modal {
    margin-top: 0px !important;
    top: 6px !important;
    z-index: 9999999999;
}

@media (max-width: 767px) {
    #popup_form_modal .popup-contact-form h2 {
        font-size: 30px;
    }
    #popup_form_modal {
        margin-top: 0px !important;
        top: 25px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        max-width: 386px;
        margin-top: 5rem;
        width: auto;
        position: relative;
    }
    #msg {
        width: 100% !important;
    }
}

body {
    margin: 0px;
}

@media (min-width: 767px) {
    .mobile {
        display: none !important;
    }
}

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
}

#popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#popup_form_modal.popup-form {
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
}

@media (min-width: 991px) {
    .fixed_social_icons a.mobile {
        display: none !important;
    }
    #popup_form_modal.popup-form .modal-content .popup_form_left_sec {
        border-radius: 0 !important;
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 10px 20px;
        position: relative;
    }
}

#popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

#popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .title1 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents1 {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .btm_contents {
    font-size: 14px !important;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

#popup_form_modal.popup-form .head_sec {
    position: absolute;
    bottom: 28%;
    transform: rotate(-90deg);
    left: -15%;
}

#popup_form_modal.popup-form #popup_contact_form_home_new {
    margin-top: 30px !important;
}

#popup_form_modal.popup-form .popup-contact-form {
    padding: 20px 20px;
}

#popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: linear-gradient( 93.79deg, #14f4ff -13.43%, #0ba0a2 100.49%) !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.popup-contact-form .btn {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal.popup-form .home_popup_submit {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn {
    position: relative;
    display: flex;
    align-items: center;
    background: #00f7ff;
    padding: 10px 35px;
    line-height: 23px;
    text-decoration: none;
    color: #000;
    border-radius: 12px;
    border: 1px solid #14626b;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #23fff8, inset 0 80px 80px -40px #20f2ff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    margin: 0 auto;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
}

#popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select option {
    color: #000 !important;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
    background: rgba(217, 217, 217, 0.08) !important;
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

#popup_form_modal.popup-form #msg {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    padding-left: 20px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

#popup_form_modal.popup-form input::placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#popup_form_modal.popup-form input::-ms-input-placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#popup_form_modal.popup-form input:-webkit-autofill,
#popup_form_modal.popup-form select:-webkit-autofill,
#popup_form_modal.popup-form textarea:-webkit-autofill,
#popup_form_modal.popup-form input:-webkit-autofill:focus,
#popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

#popup_form_modal.popup-form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_line {
    padding: 10px 22px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec {
    margin-top: 18px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
    display: flex;
}

#popup_form_modal.popup-form .popup-contact-form .social_list {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sub_title {
    padding-left: 7px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sprite_icons {
    width: 32px;
    height: 32px;
    object-fit: none;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #popup_form_modal.popup-form .modal-content {
        background: linear-gradient( 186deg, #1e083d -13.43%, #000000 100.49%) !important;
        border: 1px solid #bf47ff61;
    }
    #popup_form_modal.popup-form .modal-dialog .modal-content .modal-body .popup_cus_row {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons a.desktop {
        display: none !important;
    }
    #popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #popup_form_modal.popup-form .popup-contact-form {
        padding: 20px 10px;
        text-align: center;
    }
    #popup_form_modal.popup-form .home_popup_submit {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        border-radius: 4px;
        border: none;
        padding: 8px 30px;
        box-shadow: none;
        box-shadow: initial;
        margin-top: 10px;
        width: auto;
        width: initial;
        transition: 2s;
        animation: glowing 2s ease infinite alternate;
    }
    #popup_form_modal.popup-form .home_popup_submit:hover {
        animation: none 0s ease 0s 1 normal none running;
        animation: initial;
    }
    @keyframes glowing {
        0% {
            /*background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);*/
            transform: scale(1);
        }
        50% {
            /*background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);*/
            transform: scale(0.9);
        }
        100% {
            /*background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);*/
            transform: scale(1);
        }
    }
    #popup_form_modal.popup-form input,
    #popup_form_modal.popup-form .popup_country select,
    #popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
        height: 50px !important;
    }
    #popup_form_modal.popup-form #msg {
        height: 100px;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    #popup_form_modal.popup-form .christ_tit {
        font-size: 55px;
        position: relative;
    }
    #popup_form_modal.popup-form .christ_tit::before {
        position: absolute;
        content: "";
        left: -24%;
        top: -22.6%;
        width: 68px;
        transform: rotate(333deg);
        z-index: 1;
        height: 100px;
        background-repeat: no-repeat;
    }
    #popup_form_modal.popup-form .title1 {
        color: #00f7ff;
    }
}

@media (max-width: 767px) {
    #popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .popup-contact-form .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    #popup_form_modal.popup-form .title1 {
        font-size: 30px;
        /*background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        color: #00f7ff;
    }
    #popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
        justify-content: center;
    }
    #popup_form_modal.popup-form {
        top: 0px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-top: 3.5rem;
    }
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form {
    position: relative;
    z-index: 10;
    /* background: url(./asset/img/footer-form-bg-new.webp); */
    min-height: 530px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    display: flex;
    align-items: center;
    /*border: 10px solid;
border-image-slice: 1;
border-width: 3px;
border-image-source: linear-gradient(to left, rgba(255, 45, 172, 1), rgba(33, 0, 164, 1), rgba(53, 255, 134, 1), rgba(255, 73, 237, 1), rgba(128, 255, 0, 1), rgba(25, 125, 217, 1), rgba(228, 155, 13, 1), rgba(0, 255, 240, 1), rgba(255, 151, 68, 1));*/
}

.footer_new_form .footer_left_bg {
    text-align: center;
}

.footer_new_form .footer_right_main {
    position: relative;
    background: #ffffff1f;
    padding: 20px;
    border-radius: 15px;
    margin: 50px 0px;
}

.footer_new_form .footer_right_main .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    background: linear-gradient( 90deg, #cc46fb 0%, #4dfff4 38.02%, #ffb44a 70.31%, #ff00e5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}

.footer_new_form .footer_right_main .contents {
    text-align: center;
}

.footer_new_form #footer_new_form {
    margin-top: 30px !important;
}

.footer_new_form #footer_new_form #footer_submit {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
    border-radius: 4px;
    border: none;
    padding: 8px 30px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
    transition: 2s;
    animation: glowing 2s ease infinite alternate;
}

.footer_new_form #footer_new_form #footer_submit:hover {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

@keyframes glowing {
    0% {
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        transform: scale(1);
    }
    50% {
        background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);
        transform: scale(0.9);
    }
    100% {
        background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);
        transform: scale(1);
    }
}

.footer_new_form #footer_new_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select option {
    color: #000 !important;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div {
    display: flex;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.footer_new_form #footer_new_form #footer_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.footer_new_form #footer_new_form input::placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

.footer_new_form #footer_new_form input::-ms-input-placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

.footer_new_form #footer_new_form .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.footer_new_form #footer_new_form input:-webkit-autofill,
.footer_new_form #footer_new_form select:-webkit-autofill,
.footer_new_form #footer_new_form textarea:-webkit-autofill,
.footer_new_form #footer_new_form input:-webkit-autofill:focus,
.footer_new_form #footer_new_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #2a2a32 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.footer_new_form #footer_new_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.footer_new_form #footer_new_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.footer_new_form #footer_new_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.footer_new_form #footer_new_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.footer_new_form #footer_new_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    .footer_new_form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
    .footer_new_form {
        border: none;
    }
}

@media (max-width: 767px) {
    .footer_new_form .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .footer_new_form .footer_right_main {
        padding: 20px;
    }
    .footer_new_form .footer_right_main .title {
        font-size: 25px;
    }
    .footer_new_form #footer_new_form #footer_submit {
        margin-top: 10px;
        font-size: 14px;
        padding: 8px 30px;
    }
    .footer_new_form .footer_right_main {
        margin: 0;
    }
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.calendly-inline-widget,
.calendly-inline-widget *,
.calendly-badge-widget,
.calendly-badge-widget *,
.calendly-overlay,
.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em;
}

.calendly-inline-widget iframe,
.calendly-badge-widget iframe,
.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%;
}

.calendly-popup-content {
    position: relative;
}

.calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, 0.4);
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px;
}

@media (max-width: 975px) {
    .calendly-overlay .calendly-popup {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0;
        max-height: none;
    }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%;
}

.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
    /* background: url(/assets/external/close-icon.svg) no-repeat; */
    background-size: contain;
}

@media (max-width: 975px) {
    .calendly-overlay .calendly-popup-close {
        top: 15px;
        right: 15px;
    }
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998;
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
    color: #666a73;
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px;
}

.calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1;
}

.calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: calendly-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both;
}

.calendly-spinner .calendly-bounce1 {
    animation-delay: -0.32s;
}

.calendly-spinner .calendly-bounce2 {
    animation-delay: -0.16s;
}

@keyframes calendly-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

/*!
* Bootstrap v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
    appearance: button;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
    appearance: none;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.h1,
h1 {
    font-size: 2.5rem;
}

.h2,
h2 {
    font-size: 2rem;
}

.h3,
h3 {
    font-size: 1.75rem;
}

.h4,
h4 {
    font-size: 1.5rem;
}

.h5,
h5 {
    font-size: 1.25rem;
}

.h6,
h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.small,
small {
    font-size: 0.875em;
    font-weight: 400;
}

.mark,
mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 0.875em;
    color: #6c757d;
}

.blockquote-footer::before {
    content: "\2014\00A0";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .offset-xl-2 {
        margin-left: 16.666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.333333%;
    }
    .offset-xl-5 {
        margin-left: 41.666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.333333%;
    }
    .offset-xl-8 {
        margin-left: 66.666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.333333%;
    }
    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6;
}

.table-sm td,
.table-sm th {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px;
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff;
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff;
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db;
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf;
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb;
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb;
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb;
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5;
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba;
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb;
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7;
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe;
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6;
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca;
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe;
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm>.table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md>.table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg>.table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl>.table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive>.table-bordered {
    border: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control,
input[type="time"].form-control {
    -webkit-appearance: none;
    appearance: none;
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[multiple],
select.form-control[size] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.form-row>.col>.valid-tooltip,
.form-row>[class*="col-"]>.valid-tooltip {
    left: 5px;
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745;
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block;
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745;
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745;
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745;
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745;
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*="col-"]>.invalid-tooltip {
    left: 5px;
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545;
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545;
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545;
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545;
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545;
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
        display: inline-block;
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto;
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }
    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 0.5rem;
}

input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none;
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto;
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1;
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px;
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%;
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0;
}

.btn-group-toggle>.btn input[type="checkbox"],
.btn-group-toggle>.btn input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px;
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3;
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4;
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.custom-file {
    display: flex;
    align-items: center;
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-append,
.input-group-prepend {
    display: flex;
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3;
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"] {
    margin-top: 0;
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem;
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d;
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right 0.75rem center 8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.custom-select::-ms-expand {
    display: none;
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap;
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0;
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.accordion {
    overflow-anchor: none;
}

.accordion>.card {
    overflow: hidden;
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-item+.list-group-item {
    border-top-width: 0;
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}

.list-group-horizontal {
    flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

.list-group-flush {
    border-radius: 0;
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px;
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.close:hover {
    color: #000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 0.75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
    padding: 0.75rem;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content;
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

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

.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
    margin-bottom: 0.5rem;
}

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

.bs-popover-auto[x-placement^="top"]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="top"]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
    margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^="right"]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="right"]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="right"]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
    margin-top: 0.5rem;
}

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

.bs-popover-auto[x-placement^="bottom"]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="bottom"]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

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

.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
    margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^="left"]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="left"]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="left"]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

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

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%);
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none;
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

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

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

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

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

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

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

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

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

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

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

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

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

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

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        min-width: 992px !important;
    }
    .container {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

[data-aos="fade-up"] {
    transform: translate3d(0, 100px, 0);
}

[data-aos="fade-down"] {
    transform: translate3d(0, -100px, 0);
}

[data-aos="fade-right"] {
    transform: translate3d(-100px, 0, 0);
}

[data-aos="fade-left"] {
    transform: translate3d(100px, 0, 0);
}

[data-aos="fade-up-right"] {
    transform: translate3d(-100px, 100px, 0);
}

[data-aos="fade-up-left"] {
    transform: translate3d(100px, 100px, 0);
}

[data-aos="fade-down-right"] {
    transform: translate3d(-100px, -100px, 0);
}

[data-aos="fade-down-left"] {
    transform: translate3d(100px, -100px, 0);
}

[data-aos^="zoom"][data-aos^="zoom"] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}

[data-aos="zoom-in"] {
    transform: scale(0.6);
}

[data-aos="zoom-in-up"] {
    transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos="zoom-in-down"] {
    transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos="zoom-in-right"] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos="zoom-in-left"] {
    transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos="zoom-out"] {
    transform: scale(1.2);
}

[data-aos="zoom-out-up"] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos="zoom-out-down"] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos="zoom-out-right"] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos="zoom-out-left"] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^="slide"][data-aos^="slide"] {
    transition-property: transform;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate {
    transform: translateZ(0);
}

[data-aos="slide-up"] {
    transform: translate3d(0, 100%, 0);
}

[data-aos="slide-down"] {
    transform: translate3d(0, -100%, 0);
}

[data-aos="slide-right"] {
    transform: translate3d(-100%, 0, 0);
}

[data-aos="slide-left"] {
    transform: translate3d(100%, 0, 0);
}

[data-aos^="flip"][data-aos^="flip"] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos="flip-left"] {
    transform: perspective(2500px) rotateY(-100deg);
}

[data-aos="flip-left"].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
    transform: perspective(2500px) rotateY(100deg);
}

[data-aos="flip-right"].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
    transform: perspective(2500px) rotateX(-100deg);
}

[data-aos="flip-up"].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
    transform: perspective(2500px) rotateX(100deg);
}

[data-aos="flip-down"].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }
    100% {
        opacity: 0;
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle;
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, 0.5);
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important;
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important;
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not( .input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto;
}

:not(.input-group)>.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
    width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed;
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important;
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box;
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important;
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
    position: relative;
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    box-sizing: border-box;
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: "\00a0";
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block;
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

.fa-xs {
    font-size: 0.75em;
}

.fa-sm {
    font-size: 0.875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: 0.3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: 0.3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

.far {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
}

.fa,
.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.select2-container {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option--selectable {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
    padding: 0;
}

.select2-container--default .select2-results__option--disabled {
    color: #999;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
    padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

#popup_form_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 15px 0px;
    padding: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000 !important;
}

#exampleModal1home .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #fff;
}

.book_demo .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #031d5b;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

#enquiry_form_id_home .select2-container {
    width: 245px !important;
}

#quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 15px 0px;
    color: #999;
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
::after,
::before {
    color: white;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    color: white;
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

[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) {
    cursor: pointer;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.h1,
h1 {
    font-size: 2.5rem;
}

.h2,
h2 {
    font-size: 2rem;
}

.h3,
h3 {
    font-size: 1.75rem;
}

.h4,
h4 {
    font-size: 1.5rem;
}

.h5,
h5 {
    font-size: 1.25rem;
}

.h6,
h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.small,
small {
    font-size: 0.875em;
    font-weight: 400;
}

.mark,
mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 0.875em;
    color: #6c757d;
}

.blockquote-footer::before {
    content: "\2014\00A0";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .offset-xl-2 {
        margin-left: 16.666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.333333%;
    }
    .offset-xl-5 {
        margin-left: 41.666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.333333%;
    }
    .offset-xl-8 {
        margin-left: 66.666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.333333%;
    }
    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6;
}

.table-sm td,
.table-sm th {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px;
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff;
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff;
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db;
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf;
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb;
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb;
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb;
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5;
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba;
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb;
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7;
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe;
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6;
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca;
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe;
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm>.table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md>.table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg>.table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl>.table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive>.table-bordered {
    border: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control,
input[type="time"].form-control {
    -webkit-appearance: none;
    appearance: none;
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[multiple],
select.form-control[size] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.form-row>.col>.valid-tooltip,
.form-row>[class*="col-"]>.valid-tooltip {
    left: 5px;
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right 0.75rem center 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745;
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block;
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745;
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745;
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745;
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745;
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*="col-"]>.invalid-tooltip {
    left: 5px;
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right 0.75rem center 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545;
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545;
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545;
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545;
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545;
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
        display: inline-block;
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto;
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }
    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 0.5rem;
}

input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none;
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto;
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1;
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px;
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%;
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0;
}

.btn-group-toggle>.btn input[type="checkbox"],
.btn-group-toggle>.btn input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px;
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3;
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4;
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.custom-file {
    display: flex;
    align-items: center;
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-append,
.input-group-prepend {
    display: flex;
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3;
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"] {
    margin-top: 0;
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem;
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d;
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.custom-select::-ms-expand {
    display: none;
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        /* display: block; */
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap;
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0;
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.accordion {
    overflow-anchor: none;
}

.accordion>.card {
    overflow: hidden;
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #fff !important;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-item+.list-group-item {
    border-top-width: 0;
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}

.list-group-horizontal {
    flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

.list-group-flush {
    border-radius: 0;
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px;
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.close:hover {
    color: #000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 0.75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
    padding: 0.75rem;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content;
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

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

.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
    margin-bottom: 0.5rem;
}

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

.bs-popover-auto[x-placement^="top"]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="top"]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
    margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^="right"]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="right"]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="right"]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
    margin-top: 0.5rem;
}

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

.bs-popover-auto[x-placement^="bottom"]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="bottom"]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

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

.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
    margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^="left"]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="left"]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="left"]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

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

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%);
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none;
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

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

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

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

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

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

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

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

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

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

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

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

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

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

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        min-width: 992px !important;
    }
    .container {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}

.trusted-img {
    background-image: url();
}

@media (max-width: 1200px) {
    .contant-ignite-innovation {
        margin-bottom: 100px;
    }
}

@media (max-width: 768px) {
    .web_resposnive {
        display: flex;
        justify-content: center;
    }
    .ignite-innovation-responsive {
        display: none;
    }
}

.visite-now-button-ignite {
    display: none;
}

@media (max-width: 678px) {
    .visite-now-button-ignite {
        display: block;
    }
    .tech_box h3 {
        margin-top: 10px;
    }
}

.main-sitemap-div .main-headings-sitemap {
    list-style: square;
    /* cursor: pointer; */
}

.main-sitemap-div .main-headings-sitemap ul {
    list-style: circle;
    /* cursor: pointer; */
}

.blue-color {
    color: #0d6efd;
}

.main-sitemap-div a {
    cursor: pointer;
}

#metaverse_dev_main {
    background: #000000;
}

#metaverse_dev_main .metaverse_dev_banner {
    padding: 50px 0px;
    height: 100vh;
    display: flex;
    align-items: center;
}

.nft_top {
    display: flex;
    justify-content: center;
}

.nft_top img {
    width: 600px;
    border-radius: 5px;
}

.nft_tops {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

.nft_tops img {
    width: 600px;
    border-radius: 5px;
}

.live_meta img {
    width: 500px;
}

#metaverse_dev_main .metaverse_dev_banner .banner_img {
    transform: translate(0%, -10%) !important;
}

@media (max-width: 991px) {
    #metaverse_dev_main .metaverse_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 75% !important;
    }
}

#metaverse_dev_main .metaverse_dev_banner .title {
    font-weight: 800;
    font-size: 45px !important;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
    font-family: "Urbanist", sans-serif;
    position: relative;
}

#metaverse_dev_main .metaverse_dev_banner .cus_title {
    color: #00FFFF;
    font-size: 95px;
    text-transform: uppercase;
    margin-top: 100px !important;
}

#metaverse_dev_main .metaverse_dev_banner .cus_contents {
    font-size: 16px !important;
    font-weight: 600;
    color: #00FFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
}

#metaverse_dev_main .metaverse_dev_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

#metaverse_dev_main .metaverse_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_banner .banner_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_banner .banner_btn span {
    background: linear-gradient(96.74deg, #FA00FF -4.87%, #00FFFF 114.94%) !important;
}

#metaverse_dev_main .metaverse_dev_sec {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_sec .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    background: #33FF00;
    box-shadow: 0px 0px 10px #33FF00;
    margin-right: 10px;
}

@media (min-width: 991px) {
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn.mobile {
        display: none !important;
    }
}

#metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00C2FF;
    box-shadow: 0px 0px 10px #00C2FF;
    color: #000 !important;
}

/*#metaverse_dev_main .metaverse_dev_sec .gif_img_bg {
    position: relative;
}
#metaverse_dev_main .metaverse_dev_sec .gif_img {
    position: absolute;
    top: 26%;
    left: 6%;
    width: 420px;
    height: 240px;
    border-radius: 15px;
    }*/

#metaverse_dev_main a {
    text-decoration: none;
}

#metaverse_dev_main .metaverse_dev_facts {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_facts .title {
    font-size: 75px;
    color: #000;
    font-weight: 800;
    line-height: 1.4;
    text-transform: capitalize;
    padding-left: 30px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_facts .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_facts .left_side_box-1 {
    background: linear-gradient(90.07deg, #FA00FF -1.25%, #00FFFF 99.93%);
    border-radius: 0px 20px 20px 0px;
    padding: 60px;
}

#metaverse_dev_main .metaverse_dev_facts .facts_list {
    display: flex;
    margin: 25px;
}

#metaverse_dev_main .metaverse_dev_facts .sub_title-15 {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
}

#metaverse_dev_main .metaverse_dev_benefits {
    padding: 50px 0px;
    position: relative;
}

#metaverse_dev_main .metaverse_dev_benefits .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_benefits .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_benefits .benefits_box {
    padding: 15px;
    background: rgba(255, 255, 255, 0.03);
    border: 2px dashed #00FFFF;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 9px;
    margin-top: 30px;
    text-align: center;
    min-height: 310px !important;
    /* display: flex !important;
    justify-content: center !important;
    align-items: center !important; */
}

#metaverse_dev_main .metaverse_dev_benefits .benefits_box:hover {
    border: none;
    box-shadow: inset 0px 0px 8px 0px #01fdffa1;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#metaverse_dev_main .metaverse_dev_benefits .sub_title-15 {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_benefits .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_platform {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_platform .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_platform .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px;
    margin-top: 30px;
}

/** Scrollbar Styles START **/

#metaverse_dev_main .metaverse_dev_platform .scroll_sec {
    scrollbar-width: thin;
    scrollbar-color: #0FF #ffffff17;
    overflow-y: auto;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-track {
    background-color: #ffffff17;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
    background-color: #0FF;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-track,
#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec {
        scrollbar-width: thin;
        scrollbar-color: #0FF #ffffff17;
        overflow-y: auto;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::scrollbar {
        width: 5px;
        height: 4px;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-track {
        background-color: #ffffff17;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
        background-color: #0FF;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-scrollbar-track,
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#metaverse_dev_main .metaverse_dev_platform .platform_box {
    padding: 15px;
    text-align: center;
    margin-bottom: 30px;
}

#metaverse_dev_main .metaverse_dev_platform .platform_box:hover {
    background: #000000;
    box-shadow: 0px 0px 9px #00FFFF;
    border-radius: 5px;
}

#metaverse_dev_main .metaverse_dev_platform .sub_title-15 {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_platform .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_platform .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_platform .met_dev_btn_sec {
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_platform .met_dev_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    margin: 0 auto;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_platform .met_dev_btn span {
    background: linear-gradient(96.74deg, #FA00FF -4.87%, #00FFFF 114.94%) !important;
}

#metaverse_dev_main .metaverse_dev_features {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_features .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_features .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_features .feature_box {
    padding: 20px;
    background: #0D0D0D;
    border-radius: 7px;
    position: relative;
    z-index: 5;
    margin-top: 40px;
    min-height: 518px;
}

#metaverse_dev_main .metaverse_dev_features .feature_box::before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background-image: linear-gradient(162.58deg, #FA00FF 0.68%, #00FFFF 88.73%);
    background-repeat: repeat-x;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    z-index: -2;
}

#metaverse_dev_main .metaverse_dev_features .feature_box::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0D0D0D;
    border-radius: 7px;
    position: absolute;
    z-index: -1;
}

#metaverse_dev_main .metaverse_dev_features .feature_box:hover::before {
    transform: rotate(2deg) translateX(-7px) translateY(11px);
}

#metaverse_dev_main .metaverse_dev_features .feature_box:hover .card-thumbnail img {
    transform: scale(1.1);
}

#metaverse_dev_main .metaverse_dev_features .feature_box .card-thumbnail {
    overflow: hidden;
    border-radius: 7px;
    position: relative;
    margin: -15px;
}

#metaverse_dev_main .metaverse_dev_features .feature_box .card-thumbnail::before {
    content: "";
    left: 0;
    bottom: 0;
    height: 50%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

#metaverse_dev_main .metaverse_dev_features .sub_title-15 {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 30px;
}

#metaverse_dev_main .metaverse_dev_features .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_features .sprite_icons {
    width: 340px;
    height: 195px;
    object-fit: none;
    border-radius: 7px;
    transition: 0.7s;
}

#metaverse_dev_main .metaverse_dev_business {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_business .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_business .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_business .cus_col {
    position: relative;
}

#metaverse_dev_main .metaverse_dev_business .cus_col:after {
    position: absolute;
    content: '';
    top: 32%;
    right: 0px;
    height: 60%;
    width: 1.5px;
    background: linear-gradient(45deg, #000, #00FFFF, #000);
}

#metaverse_dev_main .metaverse_dev_business .business_box {
    padding: 15px;
    text-align: center;
    margin-top: 20px;
}

#metaverse_dev_main .metaverse_dev_business .sub_title-15 {
    background: linear-gradient(120.45deg, #FA00FF 10.65%, #00FFFF 97.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#metaverse_dev_main .metaverse_dev_business .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_business .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_services {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_services .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_services .sub_title-15 {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    line-height: 1.5;
}

#metaverse_dev_main .metaverse_dev_services .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_services .services_box {
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    margin-top: 30px;
    min-height: 320px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_services .services_box:hover,
#metaverse_dev_main .metaverse_dev_services .services_box:hover span {
    opacity: 1;
}

#metaverse_dev_main .metaverse_dev_services .services_box span {
    position: absolute;
    transition: .5;
    opacity: 0;
}

#metaverse_dev_main .metaverse_dev_services .services_box span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #00e0ff);
    animation: borderTop 1s linear infinite;
}

#metaverse_dev_main .metaverse_dev_services .services_box span:nth-child(2) {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, transparent, #00e0ff);
    animation: borderRight 1s linear infinite;
    animation-delay: .5s;
}

#metaverse_dev_main .metaverse_dev_services .services_box span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, transparent, #00e0ff);
    animation: borderBottom 1s linear infinite;
}

#metaverse_dev_main .metaverse_dev_services .services_box span:nth-child(4) {
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to top, transparent, #00e0ff);
    animation: borderLeft 1s linear infinite;
    animation-delay: .5s;
}

@keyframes borderTop {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes borderRight {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}

@keyframes borderBottom {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes borderLeft {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}

#metaverse_dev_main .metaverse_dev_top {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_top .title-13 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_top .cus_title {
    color: #00FFFF;
}

#metaverse_dev_main .metaverse_dev_top .top_list {
    text-align: center;
    padding: 10px;
}

#metaverse_dev_main .metaverse_dev_top .sub_title-15 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#metaverse_dev_main .metaverse_dev_top .sprite_icons {
    width: 140px;
    height: 140px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_top .met_dev_btn_sec {
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_top .met_dev_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_top .met_dev_btn span {
    background: linear-gradient(96.74deg, #FA00FF -4.87%, #00FFFF 114.94%) !important;
}

#metaverse_dev_main .metaverse_dev_model {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_model .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_model .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_model .how_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    min-height: 352px;
}

#metaverse_dev_main .metaverse_dev_model .how_box:hover {
    box-shadow: -3px 3px 0px #00FFFF;
}

#metaverse_dev_main .metaverse_dev_model .sub_title-15 {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_model .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_whychoose .title {
    font-size: 35px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .cus_title {
    font-size: 20px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-top: 20px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .why_box {
    padding: 20px;
    text-align: center;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 10%, 100% 85%, 90% 100%, 0 100%, 0 90%, 0 15%);
    clip-path: polygon(10% 0, 100% 0, 100% 10%, 100% 85%, 90% 100%, 0 100%, 0 90%, 0 15%);
    background: #080808;
    margin-top: 30px;
    min-height: 285px;
}

#metaverse_dev_main .metaverse_dev_whychoose .why_box:hover {
    background: #00ffff17;
}

#metaverse_dev_main .metaverse_dev_whychoose .sub_title-15 {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_game_ebook_sec {
    padding: 90px 0px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .title {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_game_ebook_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_game_ebook_sec #ebook_card {
    padding: 30px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    position: relative;
}

#metaverse_dev_main .metaverse_game_ebook_sec #ebook_card .ebook_card_img {
    position: absolute;
    top: -28%;
    right: 8%;
    height: 480px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn_sec {
    margin-top: 20px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn {
    background: #01030b;
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:before,
#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
    padding: 10px 20px;
    position: absolute;
    right: 0%;
    top: -13%;
    width: 150px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
    text-align: center;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

#metaverse_dev_main .metaverse_game_ebook_sec .free_img {
    width: 80px;
}

@media(max-width: 991px) {
    #metaverse_dev_main .metaverse_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #metaverse_dev_main .metaverse_dev_banner svg {
        left: 0%;
    }
    #metaverse_dev_main .metaverse_dev_banner .cus_col {
        padding-left: 15px;
        padding-top: 0px;
    }
    #metaverse_dev_main .metaverse_dev_banner .title {
        margin-top: 0px;
    }
    #metaverse_dev_main .metaverse_dev_banner .banner_btn {
        margin: 0 auto;
    }
    #metaverse_dev_main .metaverse_dev_sec .mbl_video {
        width: 100%;
    }
    #metaverse_dev_main .metaverse_dev_sec,
    #metaverse_dev_main .metaverse_dev_whychoose .contents,
    #metaverse_dev_main .metaverse_dev_features .feature_box {
        text-align: center;
    }
    #metaverse_dev_main .metaverse_dev_sec .gif_img {
        top: 34%;
        left: 21%;
    }
    #metaverse_dev_main .metaverse_game_comp #metaverse_game_comp_card {
        padding: 20px;
    }
    #metaverse_dev_main .metaverse_game_benefits .benefits_box {
        min-height: 370px;
    }
    #metaverse_dev_main .metaverse_game_benefits .img_sec:before {
        bottom: 1%;
        left: 48%;
    }
    #metaverse_dev_main .metaverse_game_process .bg_title,
    #metaverse_dev_main .metaverse_game_process .bg_title1 {
        display: none;
    }
    #metaverse_dev_main .metaverse_game_services {
        padding: 50px 0px;
    }
    #metaverse_dev_main .metaverse_game_whydo .why_do_box {
        margin-top: -150px;
    }
    #metaverse_dev_main .metaverse_game_hire .contents {
        padding: 0px 20px;
    }
    #metaverse_dev_main .metaverse_game_category .category_box {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        box-shadow: none;
        box-shadow: initial;
    }
    #metaverse_dev_main .metaverse_game_category .contents {
        margin-bottom: 0px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec {
        padding: 50px 0px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -9%;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec .free_img {
        width: 60px;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn.desktop {
        display: none;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn_sec {
        justify-content: center;
    }
    #metaverse_dev_main .metaverse_dev_services .services_box,
    #metaverse_dev_main .metaverse_dev_benefits .benefits_box,
    #metaverse_dev_main .metaverse_dev_features .feature_box,
    #metaverse_dev_main .metaverse_dev_model .how_box,
    #metaverse_dev_main .metaverse_dev_whychoose .why_box {
        min-height: 0px;
    }
    #metaverse_dev_main .metaverse_dev_business .cus_col:after,
    #metaverse_dev_main .metaverse_dev_blckchn .cus_col:after {
        display: none;
    }
    #metaverse_dev_main .metaverse_dev_why .why_box_col {
        margin-bottom: 20px;
    }
    #metaverse_dev_main .metaverse_dev_process .process_box {
        text-align: center;
        padding: 20px !important;
    }
    #metaverse_dev_main .metaverse_dev_process .sub_contents-15 {
        margin-left: 0px !important;
    }
    #metaverse_dev_main .metaverse_dev_process .sub_title-15 {
        font-size: 20px !important;
    }
    #metaverse_dev_main .metaverse_dev_process .process_numsec {
        font-size: 100px !important;
    }
}

@media(max-width: 767px) {
    #metaverse_dev_main .metaverse_dev_banner {
        display: flex;
        align-items: center;
        height: 100vh !important;
        padding: 50px 0px;
    }
    #metaverse_dev_main .metaverse_dev_banner .title {
        font-size: 25px !important;
        line-height: 1.5;
        margin-top: 150px !important;
        margin-right: 150px !important;
    }
    #metaverse_dev_main .metaverse_dev_banner .cus_title {
        font-size: 45px;
    }
    #metaverse_dev_main .metaverse_dev_banner svg text {
        font-size: 200px !important;
    }
    #metaverse_dev_main .metaverse_dev_banner .cus_brn_title {
        font-size: 35px !important;
    }
    #metaverse_dev_main .metaverse_dev_banner .banner_btn,
    #metaverse_dev_main .metaverse_dev_platform .met_dev_btn,
    #metaverse_dev_main .metaverse_dev_top .met_dev_btn,
    #metaverse_dev_main .metaverse_dev_whychoose .met_dev_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #metaverse_dev_main .metaverse_dev_sec .title,
    #metaverse_dev_main .metaverse_dev_benefits .title,
    #metaverse_dev_main .metaverse_dev_platform .title,
    #metaverse_dev_main .metaverse_dev_features .title,
    #metaverse_dev_main .metaverse_dev_business .title,
    #metaverse_dev_main .metaverse_dev_services .title,
    #metaverse_dev_main .metaverse_dev_top .title-13,
    #metaverse_dev_main .metaverse_dev_model .title,
    #metaverse_dev_main .metaverse_dev_whychoose .title,
    #metaverse_dev_main .metaverse_game_ebook_sec .title,
    #metaverse_dev_main .blockchain_software .blockchain_dev_aboutus_title,
    #metaverse_dev_main .metaverse_dev_why .title,
    #metaverse_dev_main .metaverse_dev_process .title,
    #metaverse_dev_main .metaverse_dev_techstack .title,
    #metaverse_dev_main .metaverse_dev_blckchn .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn,
    .met_game_what_about_btn,
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #metaverse_dev_main .metaverse_dev_sec .gif_img {
        top: 32%;
        left: 11%;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn {
        font-size: 14px !important;
    }
    #metaverse_dev_main .metaverse_dev_features .feature_box,
    #metaverse_dev_main .metaverse_dev_model .how_box,
    #metaverse_dev_main .metaverse_dev_benefits .benefits_box,
    #metaverse_dev_main .metaverse_dev_services .services_box {
        min-height: 0px;
    }
    #metaverse_dev_main .metaverse_dev_facts .left_side_box-1 {
        padding: 22px;
    }
    #metaverse_dev_main .metaverse_dev_facts .title {
        font-size: 35px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec #ebook_card {
        text-align: center;
        padding: 20px 10px;
        margin: 0px 10px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -14%;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .title {
        margin-top: 30px;
    }
    #metaverse_dev_main .blockchain_software .section_heading {
        text-align: center;
    }
    #metaverse_dev_main .blockchain_software .bg_image {
        background: none;
        height: 30vh;
    }
    #metaverse_dev_main .TlkBtn {
        width: 170px;
    }
}

@media(max-width: 520px) {
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
        right: -10%;
        top: -10%;
    }
}

#metaverse_dev_main .metaverse_dev_techstack {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_techstack .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_techstack .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box:hover .gradient_box {
    box-shadow: inset 0px 0px 12px 1px #00ffff6b;
    border: solid 0px transparent;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box:hover .sprite_icons {
    transform: rotateY(360deg);
    transition: all 2s;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box:hover .gradient_box:before {
    margin: 0px;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box .gradient_box {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #000;
    background-clip: padding-box;
    border: solid 1px transparent;
    border-radius: 10px;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box .gradient_box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    border-radius: inherit;
    background: linear-gradient(125deg, rgba(250, 0, 255, 1), rgba(0, 255, 255, 1));
}

#metaverse_dev_main .metaverse_dev_techstack .sub_title-15 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_techstack .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_process {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_process .cus_container {
    max-width: 1400px;
}

#metaverse_dev_main .metaverse_dev_process .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_process ul.nav-tabs {
    border-bottom: 0;
    border-bottom: initial;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-item.show .nav-link,
#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link.active,
#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link:focus,
#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link.active .num_sec {
    background: #00FFFF;
    color: #000;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link.active:hover .num_sec {
    color: #000;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link:hover .num_sec {
    color: #00FFFF;
}

#metaverse_dev_main .metaverse_dev_process ul.nav-tabs .num_sec {
    width: 50px;
    height: 50px;
    background: #1f1f1f;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
}

#metaverse_dev_main .metaverse_dev_process .sub_title-15 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_process .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-left: 25px;
    margin-bottom: 0px;
    line-height: 30px;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_process .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-left: 25px;
}

#metaverse_dev_main .metaverse_dev_process .process_box {
    padding: 0px 100px;
}

#metaverse_dev_main .metaverse_dev_process .process_numsec {
    font-size: 150px;
    font-weight: 800;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    color: #00FFFF;
}

#metaverse_dev_main .metaverse_dev_process .cus_line {
    border-left: 2px solid #00ffff;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link {
    max-width: 200px;
}

#metaverse_dev_main .metaverse_dev_process .tab-content {
    margin-top: 50px;
}

#metaverse_dev_main .metaverse_dev_blckchn {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_blckchn .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_blckchn .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_blckchn .blk_card_bg {
    background: #0d0d0d;
    margin-top: 30px;
    padding: 20px;
    border-radius: 30px;
}

#metaverse_dev_main .metaverse_dev_blckchn .cus_col {
    position: relative;
}

#metaverse_dev_main .metaverse_dev_blckchn .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 70%;
    width: 1.5px;
    background: linear-gradient(45deg, #0d0d0d, #00FFFF, #0d0d0d);
}

#metaverse_dev_main .metaverse_dev_blckchn .blkchn_box {
    padding: 15px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_blckchn .sub_title-15 {
    background: linear-gradient(120.45deg, #FA00FF 10.65%, #00FFFF 97.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#metaverse_dev_main .metaverse_dev_blckchn .sub_contents-15 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_blckchn .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

@media (min-width: 991px) {
    .faq_main .faq_section_new {
        background: url(https://www.metablocktechnologies.com/asset/img/faq-bg.webp);
        min-height: 982px;
        background-repeat: no-repeat;
        background-position: 90%;
        mix-blend-mode: lighten;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .faq_main .faq_section_new {
        position: relative;
        z-index: 1;
        background-position: 100% !important;
    }
    .faq_main .faq_section_new:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e3;
    }
}

@media(max-width: 1465px) {
    .faq_main .faq_section_new {
        background-position: 75%;
    }
}

.faq_main {
    background: linear-gradient(0deg, #060606, #060606), #FFFFFF;
}

.faq_main .faq_section_new #accordion .panel {
    background: transparent;
}

.faq_main .faq_section_new #accordion .panel-title a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 30px;
    border-radius: 127px 15px 15px 127px;
    background: linear-gradient(162deg, #00B2DD 0%, #006DB3 100%);
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    white-space: normal;
    margin-bottom: 15px;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.7;
}

.faq_main .faq_section_new #accordion .panel-title a.collapsed:after {
    content: "\002B";
    width: 50px;
    height: 100%;
    right: 0px;
    top: 0px;
    line-height: 28px;
    font-size: 25px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    float: right;
    color: #000000;
}

.faq_main .faq_section_new #accordion .panel-title a:after {
    content: "\2212";
    width: 50px;
    height: 100%;
    right: 0px;
    top: 0px;
    line-height: 28px;
    font-size: 25px;
    font-weight: 900;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    float: right;
    color: #fff;
}

.faq_main .faq_section_new #accordion .panel-title a:before {
    content: "";
    width: 4px;
    height: 100%;
    background: #0688C3;
    position: absolute;
    top: 0;
    right: 8%;
}

.faq_main .faq_section_new #accordion .panel-body {
    padding: 10px;
    box-shadow: none;
    box-shadow: initial;
    border: none;
}

.faq_main .faq_section_new #accordion .panel-body p,
.faq_main .faq_section_new #accordion .panel-body ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding-top: 0px;
    margin-bottom: 15px;
    line-height: 1.8;
    font-family: "Readex Pro", sans-serif;
}

.faq_main .faq_section_new .faq_load_btn_sec {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.faq_main .faq_section_new .faq_load_btn {
    padding: 8px 20px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

@media(max-width: 991px) {
    .faq_main .faq_section_new {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    .faq_main .faq_section_new .faq_load_btn {
        font-size: 14px;
        padding: 8px 20px;
    }
    .faq_main .faq_section_new .faq_title {
        font-size: 30px !important;
        text-align: center;
    }
}

@media(max-width: 576px) {
    .faq_main .faq_section_new #accordion .panel-title .qus_title {
        margin-right: 18% !important;
    }
    .faq_main .faq_section_new #accordion .panel-title a:before {
        right: 10% !important;
    }
}

@media(max-width: 476px) {
    .faq_main .faq_section_new #accordion .panel-title a:before {
        right: 13% !important;
    }
}

.faq_main .faq_section_new .faq_title {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.faq_main .faq_section_new .faq_contents {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 30px;
    padding-top: 10px;
}

.faq_main .faq_section_new #accordion .panel-title .qus_title {
    padding-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 0px;
    margin-right: 10%;
}

@media (max-width:600px) {
    .Our-Methodology {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
}

/* .contect-form {
  position: absolute;
  right: 100px;
  top: 70px;
  margin-top: 40px;
  opacity: 1;
  background: #313240;
  border-radius: 10px;
 
}


.form-div {
  border-radius: 5px;

  margin: auto;

  padding: 20px 40px;
  width: auto;
  height: auto;
 
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;

}

.form-heading-1 {
  font-size: 23px;

  background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
  -webkit-background-clip: text;
 
  color: transparent;
  
  font-size: 24px;
 
  font-weight: bold;
 
  display: inline-block;
 
  font-weight: 800;
}

.form-div input {
  background-color: transparent;
  padding-left: 10px;
  width: 250px;
  height: 7vh;
  border: 1px solid #575555;
  color: white !important;
}

.form-div textarea {
  background-color: transparent;
  border: 1px solid #575555;
  padding-left: 10px;

}

.form-div input:hover {
  background-color: rgba(106, 105, 105, 0.164);
}


.submit {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
  border-radius: 4px;
  border: none;
  padding-left: 20px;
  box-shadow: unset;
  margin-top: 10px;
  width: auto !important;
  text-align: center;
  transition: 2s;
  animation: glowing 2s ease infinite alternate;
}




@media (max-width:992px) {
  .contect-form {
    display: none;
  }
} */

.contact-form-container {
    background: #313240;
    border-radius: 10px;
    padding: 10px;
    margin: 0 auto;
    max-width: 400px;
    /* Prevent the form from being too wide on larger screens */
}

.form-div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    padding: 15px;
}

.form-heading-1 {
    font-size: 24px;
    font-weight: bold;
    background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
}

.contact-form-iframe {
    border-radius: 8px;
    width: 100%;
    /* Make the iframe responsive */
    height: 437px;
    max-width: 100%;
    /* Ensure the iframe doesn't overflow */
}

/* Media query for screens smaller than 768px */

@media (max-width: 768px) {
    .contact-form-container {
        display: none;
        /* Hide the form on small screens */
    }
    .form-div input,
    .form-div textarea {
        width: 100%;
        /* Ensure inputs and textarea take full width on smaller screens */
    }
    .contact-form-container {
        padding: 15px;
        /* Slightly reduce padding on smaller screens */
    }
    .form-heading-1 {
        font-size: 20px;
        /* Adjust heading size for smaller screens */
    }
    .contact-form-iframe {
        height: 300px;
        /* Reduce iframe height on smaller screens */
    }
}

.main-aboutus-div {
    width: 100%;
    height: auto;
    padding-top: 60px;
    background: url(../../static/media/who-we-are-bg.3d0143c90bfc651e9021.webp) no-repeat;
    background-position: cover;
    background-size: cover;
    padding-bottom: 40px;
}

.container-div {
    margin: auto;
    display: flex;
    justify-content: center;
}

.heading-about-us {
    height: auto;
    border-radius: 11px;
    background: linear-gradient(134deg, #C846FF 0%, #445AFF 100%);
    box-shadow: 15px 13px 24px 0px rgba(230, 226, 226, 0.56);
    text-align: center;
    width: 17%;
}

.heading-about-us h1 {
    font-size: 4vw;
    display: flex;
    margin-top: 50px;
    font-weight: 700;
    line-height: 1.4;
}

.about-us-p {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 12px;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5));
    -webkit-backdrop-filter: blur(4.5px);
    backdrop-filter: blur(4.5px);
    padding: 10px 20px 0px 20px;
    width: 70%;
}

.about-us-p p {
    line-height: 1.5;
    font-weight: 300;
    font-size: 1.3vw;
}

.Who-we-are-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 25px;
}

.button-who {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -6px lightpink;
    color: white;
    font-size: 13px;
    width: 140px;
}

.Who-we-are-buttons .button-who {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0px black !important;
    color: white;
    font-size: 11px;
    width: 140px;
}

.button-who {
    background-image: linear-gradient(-45deg, rgb(252, 86, 202), rgb(10, 199, 247));
    border-radius: 10px;
    box-shadow: 0px 0px 20px -6px lightpink;
    color: white !important;
    font-size: 13px;
    width: 140px;
}

.Our-service-button {
    background-image: linear-gradient(-45deg, rgb(252, 86, 202), rgb(10, 199, 247));
    border-radius: 10px;
    box-shadow: 0px 0px 20px -6px lightpink;
    color: white !important;
    font-size: 13px;
    width: 160px;
}

@media (max-width: 768px) {
    .container-div {
        flex-direction: column;
    }
    .heading-about-us {
        border-radius: 15px 15px 0px 0px;
        width: 300px;
        margin: auto;
    }
    .heading-about-us h1 {
        margin: 10px 0px 0px 30px;
        font-size: 30px;
        padding-top: 10px;
    }
    .about-us-p {
        width: auto;
        padding: 20px;
    }
    .about-us-p p {
        font-size: 16px;
    }
}

/* @charset "UTF-8";
    @import "header.css"; */

header {
    top: 0;
}

p.grident-color-sub-title,
h2.grident-color-sub-title,
h3.grident-color-sub-title,
h4.grident-color-sub-title,
h5.grident-color-sub-title,
h6.grident-color-sub-title,
span.grident-color-sub-title,
div.grident-color-sub-title,
div.grident-color-sub-title h2 {
    color: transparent !important;
    -webkit-background-clip: text !important;
    background: linear-gradient(to right, #7d8dff, #ff4f81);
}

.bg-img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
}

.c-bg-img {
    width: 75%;
    opacity: 85%;
}

@media screen and (max-width: 600px) {
    .c-bg-img {
        width: 100% !important;
    }
    .c-box {
        padding: 20px !important;
    }
    .accordion,
    .cta-content {
        padding: 0 !important;
        margin-left: -25px;
    }
    .cta-content {
        justify-content: center;
    }
    .cta-content .btn-box {
        margin: auto;
    }
    .cta-content h1,
    h3 {
        padding: 0 !important;
        text-align: center;
    }
    .cta-content p {
        padding: 0 !important;
        text-align: center;
    }
    .txt-center-m {
        text-align: center !important;
    }
    .card-wrapper {
        padding: 0px 40px 0px 45px !important;
    }
    .d-border {
        border-bottom: 0px solid !important;
    }
    .ab-containet {
        margin: 0 !important;
    }
    .career-detail {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }
}

.bg-filter {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    object-fit: cover;
    background: #12101078;
}

.device-wrapper {
    max-width: 300px;
    width: 100%;
}

.device {
    position: relative;
    background-size: cover;
}

.device::after {
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.device .screen {
    position: absolute;
    background-size: cover;
    pointer-events: auto;
}

.device .button {
    position: absolute;
    cursor: pointer;
}

.device[data-device=iPhoneX][data-orientation=portrait][data-color=black] {
    padding-bottom: 198.898071625%;
}

.device[data-device=iPhoneX][data-orientation=portrait][data-color=black] .screen {
    top: 3.1855955679%;
    left: 6.8870523416%;
    width: 86.2258953168%;
    height: 93.6288088643%;
}

.device[data-device=iPhoneX][data-orientation=portrait][data-color=black]::after {
    content: "";
    /* background-image: url("../assets/img/portrait_black.png"); */
}

.device[data-device=iPhoneX][data-orientation=portrait][data-color=black] .button {
    display: none;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

section.cta {
    position: relative;
    /* padding: 15rem 0; */
    /* background-image: url("https://source.unsplash.com/5g41N3uRPf8/1500x800"); */
    background-position: center;
    background-size: cover;
}

section.cta .cta-content {
    position: relative;
    z-index: 1;
}

/*     
    section.cta:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    } */

.icon-feature {
    font-size: 4rem;
}

.features-device-mockup {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.features-device-mockup .circle {
    position: absolute;
    left: 0;
    fill: url(#circleGradient);
    width: 70%;
    display: none;
}

.features-device-mockup .circle .gradient-start-color {
    stop-color: #2937f0;
}

.features-device-mockup .circle .gradient-end-color {
    stop-color: #9f1ae2;
}

.features-device-mockup .shape-1 {
    position: absolute;
    height: 1rem;
    width: 1rem;
    transform: rotate(10deg);
    fill: #2937f0;
    top: 15%;
    right: 10%;
}

.features-device-mockup .shape-2 {
    position: absolute;
    height: 0.75rem;
    width: 0.75rem;
    fill: #2937f0;
    bottom: 15%;
    left: 10%;
}

.features-device-mockup .device-wrapper {
    max-width: 10rem;
}

@media (min-width: 576px) {
    .features-device-mockup .circle {
        width: 70%;
        display: block;
        left: auto;
    }
    .features-device-mockup .device-wrapper {
        max-width: 12.5rem;
    }
}

@media (min-width: 768px) {
    .features-device-mockup .circle {
        width: 60%;
        left: auto;
    }
    .features-device-mockup .device-wrapper {
        max-width: 15rem;
    }
}

@media (min-width: 992px) {
    .features-device-mockup .circle {
        width: 90%;
        left: -25%;
    }
    .features-device-mockup .shape-1 {
        top: 5%;
        right: -15%;
    }
    .features-device-mockup .shape-2 {
        bottom: 10%;
        left: -10%;
    }
    .features-device-mockup .device-wrapper {
        max-width: 15rem;
        margin-left: auto;
    }
}

@media (min-width: 1200px) {
    .features-device-mockup .circle {
        width: 75%;
        left: 0;
    }
    .features-device-mockup .shape-2 {
        bottom: 15%;
        left: 10%;
    }
    .features-device-mockup .device-wrapper {
        max-width: 15rem;
    }
}

@media (min-width: 1400px) {
    .features-device-mockup .circle {
        width: 80%;
        left: 0;
    }
    .features-device-mockup .device-wrapper {
        max-width: 17rem;
    }
}

footer {
    background: linear-gradient(to right, #00129a, #d5003c) !important;
}

footer a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

footer a:hover,
footer a:active,
footer a:focus {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: underline;
}

.masthead {
    /* background-color: #0A0A2E; */
    height: 100vh;
    padding-top: 9.5rem;
    padding-bottom: 5rem;
    /* box-shadow: 0px 5px 13px 1px rgba(0, 0, 0, 0.571); */
}

.img-box-10 {
    height: 100px;
    width: 100px;
    /* border-radius: 35px; */
    border-radius: 15px;
    background: gray;
    height: 14rem !important;
    width: 14rem;
}

@media(max-width: 500px) {
    .img-box-10 {
        height: 100px;
        width: 100px;
        /* border-radius: 35px; */
        border-radius: 15px;
        background: gray;
        height: 20rem !important;
        width: 21rem;
    }
}

/* @media(max-width: 800px) {
            .img-box-10 {
                height: 100px;
                width: 100px;
                border-radius: 35px;
                border-radius: 15px;
                background: gray;
                height: 10rem !important;
                width: 15rem;
            }
        } */

.img-box-10 img {
    width: 100%;
    height: inherit;
    object-fit: fill;
    background: gray;
}

/* ```````````````````` header ``````````````````` */

/* @media (min-width: 1199px) {
        .navigation .dropdown-menu {
            display: block;
            opacity: 0;
            visibility: hidden;
            min-width: 200px;
            transition: 0.2s;
            left: 50%;
            border-radius: 8px;
            transform: translate(-50%, 0px) scaleX(1.2);
            transform-origin: top;
            background: #ffffff12;
            border-top: 1px solid #ffffff3b !important;
            border-left: 1px solid #ffffff59 !important;
            border-bottom: 1px solid #ffffff3b !important;
            border-right: 1px solid #ffffff3b !important;
        }
        .navigation .dropdown-menu li {
            opacity: 0;
            transition: 0.3s;
            transition-delay: 0.1s;
        }
        .navigation .dropdown:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            box-shadow: 0 10px 30px rgba(22, 28, 45, 0.1);
            transform: translate(-50%, 0px) scale(1);
            background-color: rgba(0,0,0,.7);
        }
        .bg-filter-light-overlay {
            background-color: rgba(0,0,0,.6);
            padding: 20px 0 10px;
            margin-top: -20px;
        }
        .navigation .dropdown:hover .dropdown-menu li {
            opacity: 1;
        }
    } */

/* .navigation .dropdown-menu {
        border: 0;
        padding: 12px 20px;
    }
    
    @media (max-width: 991px) {
        .navigation .dropdown-menu {
            text-align: center;
            border: 1px solid rgba(81, 181, 109, 0.2);
        }
    }
    
    .navigation .dropdown-item {
        padding: 6px 15px;
        margin: 2px 0px;
        padding: 6px 0;
        font-weight: 500;
        color: white;
    } */

/* .navigation .dropdown-item.active,
    .navigation .dropdown-item:active {
        color: #277b8f;
        background-color: transparent;
    }
    
    .navigation .dropdown-item:focus,
    .navigation .dropdown-item:hover {
        color: #277b8f;
        background-color: transparent;
    }
    
    .navigation .nav-item {
        margin: 0;
    }
    
    @media (min-width: 1199px) {
        .navigation .nav-item.dropdown .nav-link {
            margin-right: 16px;
        }
    }
    
    .navigation .nav-item.dropdown .nav-link::after {
        right: 0;
        top: calc(50% - 6px);
        display: inline-block;
        vertical-align: 0.255em;
        content: "";
        height: 8px;
        width: 8px;
        border: 2px solid;
        border-left: 0;
        border-top: 0;
        border-color: inherit;
        border-radius: 2px;
        transform: rotate(45deg);
        transition: 0s;
    }
    
    @media (min-width: 1199px) {
        .navigation .nav-item.dropdown .nav-link::after {
            position: absolute;
        }
    }
    
    .navigation .nav-item .nav-link {
        font-weight: 500;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
        padding: 25px 15px;
        margin: 0 !important;
    }
    
    .navigation .nav-item .nav-link select {
        font-weight: 500;
        font-size: 15px;
    }
    
    @media (max-width: 1200px) {
        .navigation .nav-item .nav-link {
            padding: 10px 0 !important;
        }
    }
    
    .navigation .nav-item .nav-link::before {
        position: absolute;
        content: "";
        bottom: 0px;
        left: 15px;
        width: calc(100% - 30px);
        height: 2px;
        z-index: -1;
        background-color: #277b8f;
        transform: scaleX(0);
        transition: 0.25s;
        box-shadow: 2px -1px 20px 4px #277b8f !important;
    }
    
    @media (max-width: 991px) {
        .navigation .nav-item .nav-link::before {
            display: none;
        }
    } */

/* .navigation .nav-item:hover .nav-link {
        text-decoration: none;
        color: #277b8f !important;
    }
    
    .navigation .nav-item:hover .nav-link::before {
        transform: scaleX(1);
    }
    
    .navigation .navbar-light .navbar-nav .nav-link {
        color: #040404;
    }
    
    .navigation .navbar-light .navbar-nav .nav-link:hover {
        color: #277b8f;
    }
    
    .navigation .navbar-light .navbar-nav .active .nav-link {
        color: #277b8f;
    }
    
    .navigation .navbar-light .navbar-nav .active .nav-link::before {
        transform: scaleX(1);
    }
    
    .navigation .navbar-expand-xl .navbar-nav .nav-link {
        padding: 15px; 
    }*/

/* ```````````````````` ourservises `````````````````` */

.ser-card {
    color: inherit;
    cursor: pointer;
    width: calc(25% - 6rem);
    min-width: calc(30% - 6rem);
    height: 400px;
    min-height: 400px;
    perspective: 1000px;
    margin: 1rem;
    position: relative;
    border: none;
}

@media screen and (max-width: 800px) {
    .ser-card {
        width: calc(50% - 2rem);
    }
}

@media screen and (max-width: 500px) {
    .ser-card {
        width: 100%;
    }
    .chooseMetablock {
        font-size: 0.9rem !important;
    }
    .chooseMetablock4 {
        font-size: 0.8rem !important;
    }
}

.front,
.back {
    display: flex;
    border-radius: 6px;
    background-position: center;
    background-size: cover;
    text-align: center;
    justify-content: center;
    /* align-items: center; */
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms;
}

.front {
    background-size: cover;
    padding: 2rem;
    font-size: 1.618rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    font-family: Poppins, sans-serif;
}

@media (max-width:430px) {
    .front,
    .back {
        align-items: center !important;
    }
}

/* .ser-card .front{
background: linear-gradient(rgba( 0,0,0,0.3)  rgba(0,0,0,0.7)) !important;
z-index: 1;
    } */

.front p {
    font-size: 26px;
    text-align: center;
    justify-content: center;
    /* position: absolute;
        top: 0px;
        left: 15px; */
    /* background: linear-gradient(133deg, #04295f, transparent); */
    /* padding: 10px; */
    border-radius: 0px;
}

.front:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #1a9be636, #1a57e6bf);
    opacity: 0.25;
    z-index: -1;
}

.ser-card:hover .front {
    transform: rotateY(180deg);
}

.ser-card:nth-child(even):hover .front {
    transform: rotateY(-180deg);
}

.back {
    /* background: #fff; */
    transform: rotateY(-180deg);
    padding: 0 2em;
    background: #09090b57;
    border-top: 1px solid #ffffff30;
    border-left: 1px solid #ffffff29;
    border-right: 1px solid #ffffff17;
    border-bottom: 1px solid #ffffff17;
    padding-right: 0;
}

.back ul {
    height: 100%;
    width: 100%;
    text-align: left;
    padding-left: 0;
}

.back ul li {
    list-style: inside;
    padding: 6px 0px;
    font-size: 18px;
    color: white;
    transition: 0.5s;
}

/* 
    .back ul li:hover {
        color: #277b8f;
    } */

/* .back .button {
        background: linear-gradient(135deg, #1a9be6, #1a57e6);
    } */

/* .back .button:before {
        box-shadow: 0 0 10px 10px rgba(26, 87, 230, 0.25);
        background-color: rgba(26, 87, 230, 0.25);
    } */

.ser-card:hover .back {
    transform: rotateY(0deg);
}

/* steps */

.process {
    /* background-image: url(img/process/pattern.svg); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #f3f9f9;
    height: 665px;
    margin-top: -40px;
}

.process .row-box {
    margin: 0px 30px;
    padding-top: 20px;
}

.process .row-box .col {
    align-items: center;
    justify-content: center;
}

.process .Process-h {
    padding-top: 50px;
}

.steps {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 205px;
    margin-left: -43px;
}

.steps::after {
    content: "";
    width: 15px;
    height: 15px;
    background: #cf1f31;
    border-radius: 50%;
    position: absolute;
    bottom: -70px;
    left: 35px;
}

.steps .process-icon {
    border: none;
    z-index: 1;
    background-color: white;
    border-radius: 50%;
    height: 67px;
    width: 66px;
    position: absolute;
    left: 10px;
    box-shadow: 1px 2px 4px 0px #3d3d3d5b;
}

.steps .process-icon .Process-img {
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.steps .step-no {
    background-color: #252b42;
    border: none;
    border-radius: 0 40px 40px 0;
    position: absolute;
    width: 103px;
    height: 66px;
    text-align: right;
    padding: 25px;
    color: white;
    box-shadow: 0px 2px 5px 0px #3d3d3d5b;
}

.steps .step-no .step-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
    flex-direction: column;
}

.steps .step-no .step-1 h6 {
    font-size: 18px;
}

.steps .step-no .step-1 span {
    font-size: 30px;
    margin-top: -10px;
}

.d-border {
    border-bottom: dashed #c4c4c4;
    height: 65px;
    margin-left: 50%;
    width: 105%;
    margin-top: 85px;
}

.no-bor {
    border-bottom: none;
    width: 50%;
}

@media (max-width:991px) {
    .tradings-image {
        margin-top: 0px !important;
    }
}

/* contact us */

.form-control {
    color: #233242 !important;
}

.form-control::placeholder {
    opacity: 0.5;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    cursor: no-drop;
}

.form-control:not(textarea) {
    height: 45px;
    /* height: 55px; */
}

textarea.form-control {
    height: 140px;
}

.form-control:focus {
    border-color: #277b8f;
}

.form-group {
    position: relative;
    margin-top: 8px;
}

.form-group label {
    position: absolute;
    background-color: #fff;
    top: -13px;
    left: 12px;
    padding: 0 9px;
}

.contact-info {
    padding-left: 50px;
}

@media (max-width: 991px) {
    .contact-info {
        padding-left: 0;
    }
}

.contact-info .block .icon {
    margin-right: 15px;
    font-size: 18px;
    line-height: 0;
    position: relative;
    top: 5px;
}

.contact-info .block .social-links li {
    margin-right: 15px;
}

.contact-info .block .social-links a {
    font-size: 22px;
}

.newsletter-form {
    margin-top: -35px;
}

@media (max-width: 991px) {
    .newsletter-form {
        margin-top: 0;
    }
}

.newsletter-form input,
.newsletter-form .input-group-text {
    border-color: rgba(81, 181, 109, 0.4) !important;
}

.newsletter-form input {
    border-radius: 8px;
    padding: 0 15px;
}

.newsletter-form .input-group-text {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.newsletter-form button {
    color: #fff;
    border-radius: 0px;
    padding: 19px;
}

.page-header {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    z-index: 5;
}

.page-header .has-shapes {
    z-index: -1;
}

.page-header .has-shapes .shape {
    height: 170%;
}

.page-header .has-shapes .shape-left {
    left: 50px;
    top: -37%;
    transform: rotate(-35deg);
}

.page-header .has-shapes .shape-right {
    right: 0;
    bottom: 0;
}

.page-header .breadcrumbs,
.page-header .breadcrumbs a {
    color: #111;
}

.page-header .breadcrumbs a:hover {
    color: #51B56D;
}

.page-header .breadcrumbs li:last-child a {
    pointer-events: none;
    opacity: 0.6;
}

.icon-box-item {
    z-index: 3;
}

.icon-box-item .block {
    padding: 35px 27px;
    /* background: linear-gradient(82deg, #1c1c82, #9153a5, #f07a7f, #e1e500, #fda14d, #fcbec9, #F5B7A9);
        border-radius: 20px;
        border-color: #e1e500; */
    box-shadow: 0px 25px 65px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}

/* .icon-box-item .block::after {
        background-color: #0A0A2E;
    } */

.icon-box-item .icon {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 90px;
    font-size: 32px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    background-color: #0A0A2E;
}

.core-value .has-shapes {
    z-index: 2;
    pointer-events: none;
}

.core-value .shape-1 {
    right: -14px;
    top: -25px;
}

.core-value .shape-2 {
    left: -30px;
    bottom: -20px;
}

/* .testimonials {
        height: 100vh;
    } */

.test-item {
    transition: 0.5s;
}

.test-item:hover {
    transform: translate(0px, -40px);
    box-shadow: 0px 6px 15px 1px #2196f31f;
}

.blog-img {
    height: 220px;
    object-fit: cover;
}

.text-btn {
    transition: 0.4s;
}

.text-btn:hover {
    color: coral;
    border-bottom: 1px dashed;
    cursor: pointer;
}

.shadow-effect img {
    transition: 0.5s;
}

.shadow-effect:hover img {
    transform: scale(1.1);
}

.blog-filter {
    -webkit-backdrop-filter: grayscale(0);
    backdrop-filter: grayscale(0);
}

.award {
    background: linear-gradient(82deg, #1c1c82, #9153a5, #f07a7f, #e1e500, #fda14d, #fcbec9, #F5B7A9);
    border-radius: 10px;
    border-color: #e1e500;
    position: relative;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    height: 225px;
}

.award div {
    background: #040024;
}

@media (max-width:430px) {
    .award-2 div {
        height: 310px !important;
        /* overflow-y: auto; */
    }
}

.award-2 div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 10px;
    border: 2px solid white !important;
    transition: 0.4s;
    height: 240px;
    /* overflow-y: auto; */
}

.award-1 div {
    border: 2px dashed white !important;
    transition: 0.4s;
    height: 260px;
    /* text-align: start !important; */
    /* overflow-y: auto; */
}

.award-1 div:hover {
    /* border: 2px solid #040024 !important;
        background-color: #040024;
        transition: 0.4s; */
}

.award-1:hover {
    /* background: linear-gradient(82deg, #1c1c82, #9153a5, #f07a7f, #e1e500, #fda14d, #fcbec9, #F5B7A9);
        border-radius: 10px;
        border-color: #e1e500;
        position: relative;
        text-align: center;
        padding: 4px 4px !important;
        box-sizing: border-box;
        height: fit-content !important; */
}

.changing {
    background: #070034;
}

@media (max-width: 700px) {
    .c-contant-1 {
        margin: 40px 4px 0px 25px;
    }
    .c-contant-text {
        padding: 0 !important;
        /* margin: -15px 25px 40px !important; */
        margin: -60px 0 20px !important;
    }
    .swiper {
        margin: 0 !important;
    }
    .c-head {
        margin-top: 40px !important;
    }
    .lg-text-center {
        text-align: center !important;
    }
    .sm-h100vh {
        height: 100vh !important;
    }
    .chooseMetablock {
        font-size: 1rem !important;
    }
    .chooseMetablock4 {
        font-size: 0.85rem !important;
    }
}

.color-btn {
    /* position: absolute;
        top: 50%;
        left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* width: 200px;
        height: 60px; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 50px;
    padding: 0 20px;
    text-align: center;
    /* line-height: 60px; */
    color: #fff;
    font-size: 16px;
    /* text-transform: uppercase; */
    text-decoration: none;
    /* font-family: sans-serif; */
    /* box-sizing: border-box; */
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 400%;
    border-radius: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-btn:hover {
    animation: animate 8s linear infinite;
    color: white;
}

@keyframes animate {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 400%;
    }
}

.btn-hover::before {
    content: '';
    position: absolute !important;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 400%;
    border-radius: 30px;
    opacity: 0;
    /* transition: 0.5s; */
}

.btn-hover:hover::before {
    filter: blur(20px);
    opacity: 1;
    animation: animate 8s linear infinite;
}

.nohover:hover::before {
    filter: blur(0px) !important;
    opacity: 0 !important;
}

.btn-hover:hover .rocket {
    transform: scale(2) translate(5px, -7px);
    transition: 0.5s all ease-in-out;
}

.w-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.glow-text:hover::after {
    box-shadow: 1px 1px 20px 0px #277b8f !important;
}

.ul-list li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 20px;
    position: relative;
    left: -20px;
    top: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 5px;
    transform: rotate(45deg);
}

.tech img {
    object-fit: contain;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.portfolio {
    padding-bottom: 60px;
}

.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 0 35px 0;
    list-style: none;
    text-align: center;
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    margin: 0 12px 5px 12px;
    display: inline-block;
    padding: 0 4px 6px 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #444;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid #fff;
    font-family: "Roboto", sans-serif;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
    border-color: #68A4C4;
    color: #68A4C4;
}

.portfolio .portfolio-item {
    background: #1e4356;
    overflow: hidden;
    min-height: 200px;
    position: relative;
    border-radius: 4px;
    margin: 0 0 30px 0;
}

.portfolio .portfolio-item img {
    transition: all 0.3s ease-in-out;
}

.portfolio .portfolio-item .portfolio-info {
    opacity: 0;
    position: absolute;
    transition: all 0.3s linear;
    text-align: center;
    top: 10%;
    left: 0;
    right: 0;
}

.portfolio .portfolio-item .portfolio-info h3 {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.portfolio .portfolio-item .portfolio-info a i {
    color: rgba(255, 255, 255, 0.6);
    font-size: 28px;
    transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-info a i:hover {
    color: white;
}

.portfolio .portfolio-item:hover img {
    opacity: 0.6;
    transform: scale(1.1);
}

.portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
    top: calc(50% - 30px);
}

/*--------------------------------------------------------------
  # Portfolio Details
  --------------------------------------------------------------*/

.portfolio-details {
    padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
    width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #68A4C4;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #68A4C4;
}

.portfolio-details .portfolio-info {
    padding: 30px;
    box-shadow: 0px 0 30px rgba(30, 67, 86, 0.08);
}

.portfolio-details .portfolio-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
    margin-top: 10px;
}

.portfolio-details .portfolio-description {
    padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
    padding: 0;
}

/*--------------------------------------------------------------*/

/* offcanvas */

.offcanvas {
    margin: 10px;
    border-radius: 10px;
}

.fs-12 {
    font-size: 12px !important;
}

.bg-main {
    background: #0A0A2E !important;
}

.bg-lightl {
    background: #cacaca21 !important;
}

.text-main {
    color: #0A0A2E !important;
}

/* header */

.logo {
    width: 12rem;
}

/* .nav-link {
        position: relative;
    } */

/* my style */

/* Header */

#container-header {
    height: 70px;
    width: 100vw;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    z-index: 999;
}

/* Add this class when scroll page */

.change-color {
    /* border-bottom: 0.5px solid #EDEDED; */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    /* background: #0A0A2E !important; */
    background: #1d1c1e69 !important;
    /* box-shadow: 1px 1px 20px 1px #8080802e; */
}

/* 
    .change-color-1 {
        background: #1d1c1ebd !important;
    }
    
    .itemNmenu:hover.sub-menu {
        display: none !important;
    }
    
    ul {
        list-style: none !important;
    } */

/* ~~~~~~~~~~ animation css ~~~~~~~~~~ */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fade-in {
    opacity: 0;
    /* make things invisible upon start */
    animation: fadeIn cubic-bezier(0.165, 0.84, 0.44, 1) 1;
    animation-fill-mode: forwards;
    animation-duration: 0.5s;
}

.fade-in.one {
    animation-delay: 0.2s;
}

.fade-in.two {
    animation-delay: 0.5s;
}

.fade-in.three {
    animation-delay: 0.8s;
}

@keyframes slideup {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes slidebottom {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

.slide-in {
    opacity: 0;
    /* make things invisible upon start */
    animation: slideup cubic-bezier(0.165, 0.84, 0.44, 1) 1;
    animation-fill-mode: forwards;
    animation-duration: 0.5s;
}

.slide-bottom {
    opacity: 0;
    /* make things invisible upon start */
    animation: slidebottom cubic-bezier(0.165, 0.84, 0.44, 1) 1;
    animation-fill-mode: forwards;
    animation-duration: 0.5s;
}

.slide-in.slide-bottom.one {
    animation-delay: 0.2s;
}

.slide-in.slide-bottom.two {
    animation-delay: 0.5s;
}

.slide-in.slide-bottom.three {
    animation-delay: 0.8s;
}

.parellex-img {
    position: fixed;
    z-index: -3;
}

.g-text {
    /* background: linear-gradient(to right, #e91e63 0%, #277b8d 100%) !important; */
    background: linear-gradient(to right, #7d8dff, #ff4f81) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.rounded-10 {
    border-radius: 10px !important;
}

.text-trun {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.c-head {
    line-height: 1;
    /* height: 25%; */
}

.shadow-light {
    box-shadow: -1px 11px 20px 0px #f0f0f0;
}

.cta-content-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.cta-content-img1 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.bg-filter-dark {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    object-fit: cover;
    background: #0c0332d1;
}

.g-text-h {
    height: 120px;
}

.h-180 {
    height: 180px !important;
}

.obj-none {
    object-fit: none !important;
}

.height-100vh {
    height: 100vh !important;
}

.height-25 {
    height: 25px !important;
}

.h-40 {
    height: 40px;
}

.search-box {
    display: flex;
    line-height: 28px;
    align-items: center;
    position: relative;
    /* max-width: 190px; */
}

.search-box .input {
    width: 100%;
    height: 40px;
    line-height: 28px;
    padding: 0 1rem;
    padding-left: 2.5rem;
    border: 2px solid transparent;
    border-radius: 8px;
    outline: none;
    background-color: #f3f3f4;
    color: #0d0c22;
    transition: .3s ease;
}

.search-box .input::placeholder {
    color: #9e9ea7;
}

.search-box .input:focus,
input:hover {
    outline: none;
    border-color: rgb(54 0 182 / 50%);
    background-color: #fff;
    /* box-shadow: 0 0 0 4px rgb(234 76 137 / 10%); */
    box-shadow: 0 0 0 4px rgb(54 0 182 / 10%);
}

.search-box .icon {
    position: absolute;
    left: 1rem;
    fill: #9e9ea7;
    width: 1rem;
    height: 1rem;
}

.border-light {
    border: 1px solid #80808024 !important;
}

.px-5p {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

.gradientBackground {
    background: linear-gradient(90deg, rgba(46, 15, 134, 1) 0%, rgba(209, 1, 62, 1) 100%);
}

process_section .line_bg {
    position: relative;
    padding-bottom: 160px;
    background-size: 50% 100%;
    background-position: left 15px bottom;
}

.process_section .line_bg:after,
.process_section .line_bg:before {
    left: 51.4%;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: translateX(-51.4%);
}

.process_section .line_bg:before {
    width: 20px;
    height: 20px;
    bottom: -8px;
    background-color: rgba(65, 84, 241, 0.16);
}

.process_section .line_bg:after {
    width: 8px;
    height: 8px;
    bottom: -2px;
    background-color: #4154f1;
}

.process_section .process_item {
    position: relative;
    padding-left: 65px;
    margin-bottom: 60px;
    padding-bottom: 100px;
}

.process_section .process_item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.process_section .process_item .item_image {
    margin: 0 auto;
    max-width: 440px;
}

.process_section .process_item .item_content {
    position: relative;
}

.process_section .process_item .item_content:before {
    top: -9px;
    left: -74px;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 100%;
    background-color: rgba(65, 84, 241, 0.16);
}

.process_section .process_item .item_content:after {
    top: -3px;
    left: -68px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    background-color: #4154f1;
}

.process_section .process_item:nth-child(2n+0) .item_content:before {
    left: -70px;
}

.process_section .process_item:nth-child(2n+0) .item_content:after {
    left: -64px;
}

.process_section .process_item .serial_number {
    line-height: 1;
    font-size: 60px;
    margin-top: -35px;
    margin-bottom: 45px;
    letter-spacing: 5px;
    display: inline-block;
    font-family: sofia pro bold;
    text-shadow: -5px 5px 0 #eceefe;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #cdcecf;
    -webkit-text-fill-color: transparent;
}

.process_section .process_item .item_title {
    font-size: 36px;
    margin-bottom: 25px;
}

.process_section .process_item .details_btn {
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 22px;
    line-height: 52px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 10px 20px 0 rgba(62, 92, 255, 0.2);
    background-image: linear-gradient(45deg, #301cab 0%, #4448d3 52%, #5774fa 100%);
}

@media screen and (max-width: 767px) {
    .btn_text {
        font-size: 16px;
    }
    .btn {
        font-size: 15px;
        padding: 15px 26px;
    }
    .btn.btn_border {
        padding: 14px 26px;
    }
    .mb-80 {
        margin-bottom: 40px;
    }
    .form_item input {
        height: 50px;
    }
    .form_item .input_title {
        margin-bottom: 8px;
    }
    .form_item.dropdown>button {
        height: 50px;
    }
    .form_item.dropdown .dropdown-menu>ul>li>a {
        font-size: 14px;
        padding: 10px 30px;
    }
    .header_section .brand_logo>.brand_link {
        max-width: 115px;
    }
    .header_section .menu_btn {
        font-size: 25px;
        margin: 7px 0;
    }
    .footer_section .footer_bottom {
        text-align: center;
    }
    .footer_section .copyright_text {
        margin-bottom: 15px;
    }
    .footer_section .footer_menu>ul {
        float: none;
        margin: 15px auto 0;
    }
    .breadcrumb_section .breadcrumb_content .page_title {
        font-size: 48px;
    }
    .sidebar_section.pl-30 {
        padding: 0;
    }
    .error_section .error_content p {
        max-width: 590px;
    }
    .error_section .spahe_1,
    .error_section .spahe_2 {
        max-width: 330px;
    }
    .error_section .error_content .page_title {
        font-size: 250px;
    }
    .error_section .error_content .title_text {
        font-size: 38px;
    }
    .service_boxed_1 {
        max-width: 370px;
        margin: 30px auto 0;
    }
    .service_section .spahe_1 {
        right: 70px;
        max-width: 140px;
    }
    .service_section .spahe_2 {
        right: 15px;
        max-width: 130px;
    }
    .newsletter_section .newsletter_boxed .shape_1 {
        bottom: 60px;
        max-width: 140px;
    }
    .newsletter_section .newsletter_boxed .shape_2 {
        right: 40px;
        bottom: 130px;
        max-width: 80px;
    }
    .newsletter_section .newsletter_boxed {
        padding: 60px;
    }
    .service_section .tab-content .service_image_2 .image_2 {
        right: 0;
        max-width: 190px;
    }
    .introduction_section .video_wrap {
        max-width: 450px;
        margin: 0 auto;
    }
    .introduction_section .video_wrap .shadow_image {
        width: 145%;
    }
    .introduction_section .video_wrap {
        padding-bottom: 40px;
    }
    .introduction_section .video_wrap .dot_image {
        top: -20px;
        right: -18px;
        max-width: 90px;
    }
    .introduction_section .video_wrap .leaf_image {
        left: -50px;
        bottom: 15px;
        max-width: 75px;
    }
    .introduction_section .video_wrap .man_1 {
        right: -80px;
        bottom: 40px;
        max-width: 70px;
    }
    .introduction_section .video_wrap .man_2 {
        left: -100px;
        bottom: 45px;
        max-width: 90px;
    }
    .feature_section .child_feature p {
        font-size: 14px;
    }
    .service_primary_2 {
        max-width: 330px;
        margin: 50px auto 0;
    }
    .owl-theme.arrow_top_right .owl-nav {
        top: -70px;
    }
    .feature_section .section_title .tabs_nav>ul>li>a {
        font-size: 15px;
        padding: 10px 22px;
    }
    .feature_section .section_title .tabs_nav>ul {
        margin: 0 auto;
    }
    .owl-theme.arrow_top_right .owl-nav {
        top: -60px;
    }
    .register_section .signup_wrap {
        background: 0 0;
        box-shadow: none;
        padding: 0 30px;
    }
    .register_section .signup_wrap .info_wrap,
    .register_section .signup_wrap .signup_form {
        margin: 0;
        padding: 0;
        border: none;
    }
    .register_section .signup_wrap .info_wrap {
        max-width: 380px;
        margin-bottom: 60px;
    }
    .process_section .line_bg {
        background: 0 0 !important;
        padding-bottom: 0;
    }
    .process_section .line_bg:after,
    .process_section .line_bg:before {
        display: none;
    }
    .process_section .process_item {
        margin: 0;
        padding: 0;
        margin-bottom: 70px;
    }
    .process_section .process_item:last-child {
        margin-bottom: 0 !important;
    }
    .process_section .process_item .order-last {
        order: 0;
    }
    .process_section .process_item .item_content {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .process_section .process_item .item_content:after,
    .process_section .process_item .item_content:before {
        display: none;
    }
    .process_section .process_item .serial_number {
        margin-top: 0;
        margin-bottom: 35px;
    }
    .process_section .process_item .item_image {
        max-width: 440px;
        margin: 0 auto 30px;
    }
    .pricing_plan_1,
    .pricing_plan_2,
    .pricing_plan_3 {
        max-width: 340px;
        margin: 30px auto 0;
    }
    .apply_section .apply_form .form_item textarea {
        min-height: 150px;
    }
    .map_section .google-map {
        height: 360px;
    }
    .filter-btns-group {
        margin-bottom: 30px;
    }
    .casestudy_section .element_grid {
        margin: -7px;
    }
    .casestudy_section .element_grid .element-item {
        padding: 7px;
    }
    .casestudy_fullimage .item_content .item_title>a {
        font-size: 16px;
    }
    .casestudy_fullimage .item_content .item_category>a {
        font-size: 13px;
    }
    .filter-btns-group>ul>li {
        height: 40px;
    }
    .filter-btns-group>ul>li>button {
        font-size: 14px;
        padding: 0 25px;
        line-height: 40px;
    }
    .details_section .item_image.mr--30 {
        margin: 0;
        margin-bottom: 30px;
    }
    .details_section .item_image.mr--30>img {
        width: 100%;
        display: block;
    }
    .details_section .item_title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .agency_banner .bg_1 {
        width: 675px;
    }
    .agency_banner .bg_2 {
        width: 795px;
    }
    .feature_section .shape_1 {
        left: -180px;
        max-width: 500px;
    }
    .testimonial_section .shape_2 {
        max-width: 300px;
    }
    .partner_section .shape_1 {
        max-width: 150px;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .banner_section .banner_content p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .app_landing_banner .banner_image .phone_1 {
        max-width: 270px;
    }
    .app_landing_banner .banner_image .phone_2 {
        max-width: 224px;
        right: -35px;
    }
    .app_landing_banner .banner_image .shape_1 {
        width: 375px;
        top: 0;
        left: -25px;
    }
    .service_section .section_title {
        text-align: center;
    }
    .service_section .section_title.mr--30 {
        margin-right: 0;
    }
    .appScreenshot {
        max-width: 530px;
        margin: 0 auto;
    }
    .showcase_section .mobile_frame {
        width: 265px;
    }
    .chat_banner .banner_content .title_text {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .chat_banner .banner_image {
        max-width: 240px;
    }
    .chat_banner {
        padding-top: 120px;
    }
    .chat_banner .banner_image .bar_image {
        max-width: 180px;
    }
    .chat_banner .banner_image .bar_1 {
        top: 55px;
        left: -45px;
    }
    .chat_banner .banner_image .bar_2 {
        top: 155px;
        right: -80px;
    }
    .chat_banner .banner_image .bar_3 {
        top: 220px;
        left: -45px;
    }
    .chat_banner .bg_1,
    .chat_banner .bg_2 {
        max-width: 435px;
    }
    .partner_section .dot_image_1 {
        display: none;
    }
    .introduction_section .video_wrap .leaf_image_1 {
        left: -70px;
    }
    .introduction_section .video_wrap .leaf_image_2 {
        right: -70px;
    }
    .feature_section .feature_image_5 {
        max-width: 340px;
    }
    .feature_section .feature_image_5 .image_2,
    .feature_section .feature_image_5 .image_3 {
        max-width: 220px;
    }
    .feature_section .feature_image_5 .image_2 {
        bottom: 40px;
        left: -105px;
    }
    .feature_section .feature_image_5 .image_3 {
        top: -90px;
        right: -65px;
    }
    .feature_section .feature_image_5 .dot_image_1,
    .feature_section .feature_image_5 .dot_image_2 {
        max-width: 100px;
    }
    .feature_section .feature_image_5 .dot_image_2 {
        right: 10px;
        bottom: 125px;
    }
    .feature_section .shape_12 {
        top: 125px;
        max-width: 595px;
    }
    .banner_section .banner_content {
        max-width: 380px;
    }
    .banner_section .banner_content .title_text {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .digital_agency_banner .banner_image {
        max-width: 350px;
    }
    .digital_agency_banner .shape_1 {
        top: -86px;
        right: -135px;
        max-width: 500px;
    }
    .digital_agency_banner .shape_2 {
        top: -110px;
        right: -190px;
        max-width: 570px;
    }
    .digital_marketing_banner .banner_image {
        max-width: 330px;
    }
    .digital_marketing_banner .apps_wrap>ul {
        width: 200px;
        height: 180px;
    }
    .digital_marketing_banner .apps_wrap {
        bottom: 190px;
    }
    .digital_marketing_banner .apps_wrap>ul>li {
        width: 45px;
        height: 45px;
    }
    .digital_marketing_banner .apps_wrap>ul>li>a>img {
        height: 18px;
    }
    .seo_section .shape_1 {
        max-width: 90px;
    }
    .seo_section .glob_image_1 {
        top: -10px;
        max-width: 280px;
    }
    .hr_management_banner .shape_1 {
        max-width: 250px;
    }
    .hr_management_banner .shape_2 {
        max-width: 370px;
    }
    .hr_management_banner .shape_3 {
        max-width: 480px;
    }
    .hr_management_banner .banner_image {
        top: -60px;
        right: -450px;
        transform: scale(0.46);
    }
    .hr_management_banner {
        min-height: auto;
        padding-top: 200px;
        padding-bottom: 140px;
    }
    .hr_management_banner .shape_5 {
        left: 35%;
        bottom: -35%;
    }
    .hr_management_banner .shape_4 {
        top: 30px;
        left: 48%;
    }
    .hr_management_banner .shape_1 {
        max-width: 220px;
    }
    .hr_management_banner .shape_2 {
        max-width: 340px;
    }
    .hr_management_banner .shape_3 {
        max-width: 450px;
    }
    .intregation_section .apps_wrap>ul {
        width: auto;
        height: auto;
    }
    .intregation_section .apps_wrap>ul>li {
        float: none;
        display: block;
        position: static;
        margin-bottom: 15px;
    }
    .payment_banner .shape_1 {
        left: -100px;
        bottom: -50px;
        max-width: 340px;
    }
    .feature_section .child_feature {
        max-width: 320px;
        margin: 50px auto 0;
    }
    .feature_section .shape_9 {
        right: -100px;
        max-width: 320px;
    }
    .feature_section .shape_10 {
        left: -100px;
        max-width: 320px;
    }
    .feature_boxed {
        padding: 35px;
        max-width: 320px;
        padding-top: 65px;
        margin: 60px auto 0;
    }
    .project_management_banner .banner_content {
        max-width: 410px;
    }
    .project_management_banner .banner_image {
        width: auto;
        max-width: 630px;
        margin: 80px auto -100px;
    }
    .banner_section .form_item input {
        height: 50px;
        padding: 0 20px;
    }
    .project_management_banner {
        margin-bottom: 100px;
    }
    .project_management_banner .banner_image .deco_image {
        top: 80px;
        right: 33px;
        max-width: 150px;
    }
    .service_section .tabs_nav_2 {
        margin-bottom: 50px;
    }
    .service_section .tab-content .service_image_3 {
        margin-bottom: -50px;
    }
    .saas_banner .banner_content {
        max-width: 100% !important;
    }
    .saas_banner .banner_image {
        max-width: 570px;
        margin: 0 auto -120px;
    }
    .saas_banner {
        padding-top: 150px;
        margin-bottom: 80px;
    }
    .saas_banner .banner_image .phone_image {
        max-width: 110px;
    }
    .h_map {
        margin-left: -15px;
        margin-right: -15px;
    }
    .h_map ul li .place_name {
        font-size: 10px;
        min-width: auto;
        padding: 0 10px;
        line-height: 20px;
    }
    .h_map ul li:nth-child(1) {
        top: 5%;
        left: 5%;
    }
    .h_map ul li:nth-child(2) {
        top: 30%;
        left: 10%;
    }
    .h_map ul li:nth-child(3) {
        left: 50%;
        top: 20%;
    }
    .h_map ul li:nth-child(4) {
        top: 40%;
        left: 73%;
    }
    .h_map ul li:nth-child(5) {
        top: 10%;
        left: 88%;
    }
    .h_map ul li:nth-child(6) {
        top: 70%;
        left: 15%;
    }
    .h_map ul li:nth-child(7) {
        top: 56%;
        left: 52%;
    }
    .h_map ul li:nth-child(8) {
        top: 79%;
        left: 96%;
    }
    .details_section .details_images_carousel {
        margin-bottom: 30px;
    }
    .gallery_section .element_grid.column_3 .element-item,
    .casestudy_section .element_grid.column_3 .element-item,
    .portfolio_section .element_grid.column_3 .element-item {
        width: 50%;
    }
    .home_chat:not(.home_digital_agency) .footer_section .useful_links,
    .home_chat:not(.home_digital_agency) .footer_section .social_links {
        margin-top: 40px;
        text-align: center;
    }
    .home_chat:not(.home_digital_agency) .widget.about_content {
        margin: 0 auto;
        text-align: center;
    }
    .banner_section .banner_content {
        max-width: 380px;
        margin: 0 auto;
    }
    .service_section .section_title .c_slide_in_wrap1,
    .feature_section .section_title .c_slide_in_wrap1,
    .feature_section .section_title .sub_title {
        justify-content: center;
    }
    .hr_management_banner .banner_content {
        margin: 0 !important;
    }
    .project_management_banner .banner_content .title_text {
        font-size: 36px;
    }
    .project_management_banner .banner_content p {
        font-size: 14px;
    }
    .project_management_banner .banner_content {
        max-width: 430px;
        margin: 0 auto;
    }
    .saas_banner .banner_content {
        margin: 0 auto;
        max-width: 480px !important;
    }
    .saas_banner .banner_content p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .saas_banner .banner_content .title_text {
        margin-bottom: 10px;
    }
    .banner_section .banner_content .title_text {
        font-size: 42px;
    }
    .digital_marketing_banner .banner_content .title_text {
        font-size: 32px;
    }
    .text_effect {
        line-height: 1;
    }
    .banner_section .banner_content p {
        font-size: 14px;
    }
    .digital_marketing_banner .banner_image {
        max-width: 330px;
        margin-top: 40px;
    }
    .payment_banner .banner_content .title_text {
        font-size: 40px;
    }
    .software_banner .banner_content .title_text {
        font-size: 38px;
    }
    .section_title .sub_title {
        font-size: 15px;
    }
    .section_title .title_text,
    .section_title.increase_size .title_text,
    .feature_section .section_title .title_text,
    .feature_section .section_title.increase_size .title_text {
        font-size: 30px;
    }
    .section_title p {
        font-size: 15px;
    }
    .header_section .brand_logo>.brand_link,
    .sticky_header.stuck .brand_logo>.brand_link {
        max-width: 115px;
    }
    .banner_section .form_item .btn {
        font-size: 14px;
        padding: 12px 26px;
    }
}

@media screen and (max-width: 710px) {
    .agency_banner .bg_2 {
        width: 725px;
    }
    .agency_banner .bg_1 {
        width: 625px;
    }
    .banner_section .banner_content .title_text {
        font-size: 40px;
    }
}

@media screen and (max-width: 700px) {
    .job_item .btn {
        min-width: auto;
        position: -webkit-sticky;
        position: sticky;
        transform: none;
        transform: initial;
        font-size: 14px;
        margin-top: 20px;
    }
    .job_section .button-group>ul>li {
        height: 40px;
    }
    .job_section .button-group>ul>li>button {
        font-size: 14px;
        padding: 0 25px;
        line-height: 40px;
    }
    .job_section .button-group {
        margin-bottom: 20px;
    }
    .gallery_section .element_grid.column_2 .element-item,
    .casestudy_section .element_grid.column_2 .element-item,
    .portfolio_section .element_grid.column_2 .element-item {
        width: 50%;
    }
    .feature_section .feature_image_3 .image_2 {
        max-width: 240px;
        top: 85px;
        left: -70px;
    }
    .banner_section .banner_content .title_text {
        font-size: 30px;
    }
    .digital_agency_banner .banner_image {
        max-width: 310px;
    }
    .digital_agency_banner .shape_1 {
        max-width: 455px;
    }
    .digital_agency_banner .shape_2 {
        max-width: 525px;
    }
    .project_management_banner .banner_content .title_text {
        font-size: 34px;
    }
    .banner_section .banner_content .title_text {
        font-size: 38px;
    }
    .digital_marketing_banner .banner_content .title_text {
        font-size: 34px;
    }
    .hr_management_banner .banner_content .title_text span {
        font-size: 40px;
    }
}

@media screen and (max-width: 880px) {
    .section_title .title_text {
        font-size: 32px;
    }
    .section_title p {
        font-size: 14px;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn {
        padding: 17px 35px;
    }
    .btn.btn_border {
        padding: 16px 35px;
    }
    .section_title .title_text.mb-30 {
        margin-bottom: 20px;
    }
    .section_title.c_slide_in .title_text {
        line-height: 1.1;
    }
    .breadcrumb_section .breadcrumb_content p {
        font-size: 14px;
    }
    .breadcrumb_section {
        min-height: 380px;
    }
    .service_boxed_1 .item_icon {
        width: 70px;
        height: 70px;
        font-size: 40px;
        line-height: 70px;
    }
    .service_boxed_1 .icon_wrap {
        margin-bottom: 20px;
    }
    .service_boxed_1 .item_title {
        margin-bottom: 15px;
    }
    .service_boxed_1 .item_title>a {
        font-size: 20px;
    }
    .service_boxed_1 p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .service_boxed_1 {
        padding: 40px 30px;
    }
    .service_boxed_1 .details_btn {
        font-size: 42px;
    }
    .partner_section .partner_logo {
        height: 40px;
        margin-top: 30px;
    }
    .partner_section .partner_logo>a {
        max-width: 105px;
    }
    .service_primary {
        padding: 0;
        max-width: 230px;
        text-align: center;
        margin: 50px auto 0;
    }
    .service_section .tabs_nav>ul {
        width: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .service_section .tabs_nav>ul>li {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .service_section .tabs_nav>ul>li>a {
        padding: 40px 30px;
    }
    .service_section .tab-content .service_image_2 .image_1 {
        max-width: 670px;
        margin: 0 auto -54px;
    }
    .service_section .tab-content .service_image_2 .image_2 {
        top: 80px;
        max-width: 250px;
    }
    .testimonial_section .testimonial_carousel_2 .testimonial_item {
        max-width: 470px;
        margin: 0 auto;
    }
    .testimonial_section .bg_area {
        height: 390px;
    }
    .register_section .signup_wrap .info_wrap,
    .register_section .signup_wrap .signup_form {
        padding: 0 45px;
    }
    .register_section .signup_wrap {
        padding: 50px 0;
    }
    .register_section .signup_wrap .info_wrap h3 {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .register_section .signup_wrap .info_wrap h4 {
        font-size: 20px;
        margin-bottom: 40px;
    }
    .process_section .process_item:nth-child(2n) .item_content::after {
        left: -58px;
    }
    .process_section .process_item:nth-child(2n) .item_content::before {
        left: -64px;
    }
    .process_section .process_item .item_title {
        font-size: 28px;
    }
    .process_section .process_item .serial_number {
        margin-bottom: 35px;
    }
    .job_item .item_content {
        padding-top: 0;
    }
    .job_item .item_title>a {
        font-size: 18px;
    }
    .job_item p {
        font-size: 13px;
    }
    .blog_grid .item_title>a {
        font-size: 22px;
    }
    .blog_grid .details_btn {
        font-size: 16px;
    }
    .blog_quote p a {
        font-size: 16px;
    }
    .service_section .dot_image_1 {
        top: -130px;
        left: -60px;
        max-width: 100px;
    }
    .feature_section .shape_2 {
        top: 40px;
        max-width: 100px;
    }
    .introduction_section .video_wrap {
        padding-bottom: 45px;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 42px;
    }
    .app_landing_banner .banner_content {
        margin-top: -100px;
    }
    .service_boxed_3 {
        padding: 35px 30px;
    }
    .feature_section .feature_image_4 {
        max-width: 420px;
    }
    .feature_section .feature_image_4 .phone_image {
        max-width: 370px;
        margin-left: -90px;
    }
    .feature_section .feature_image_4 .chat_image {
        max-width: 300px;
        top: 50px;
    }
    .feature_section .shape_6 {
        max-width: 250px;
    }
    .feature_section .dot_1 {
        top: 180px;
        right: 100px;
    }
    .feature_section .dot_2 {
        top: 340px;
        left: 40px;
    }
    .showcase_section .mobile_frame {
        width: 295px;
    }
    .chat_banner .banner_image {
        max-width: 300px;
        margin: 0 auto;
    }
    .chat_banner .banner_image .bar_image {
        max-width: 220px;
    }
    .chat_banner .banner_image .bar_1 {
        top: 80px;
        left: -50px;
    }
    .chat_banner .banner_image .bar_2 {
        top: 190px;
        right: -95px;
    }
    .chat_banner .banner_image .bar_3 {
        top: 280px;
        left: -50px;
    }
    .chat_banner .bg_1,
    .chat_banner .bg_2 {
        max-width: 530px;
    }
    .chat_banner .bg_1 {
        top: -95px;
        right: -100px;
    }
    .chat_banner .bg_2 {
        top: -65px;
    }
    .banner_section .banner_content .title_text {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .banner_section .banner_content p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .digital_agency_banner .banner_image {
        max-width: 380px;
    }
    .digital_agency_banner .shape_1 {
        top: -90px;
        right: -140px;
        max-width: 535px;
    }
    .digital_agency_banner .shape_2 {
        top: -110px;
        right: -190px;
        max-width: 600px;
    }
    .digital_agency_banner {
        min-height: auto;
        padding-top: 200px;
        padding-bottom: 130px;
    }
    .digital_marketing_banner .banner_content {
        max-width: 470px;
        margin: 0 auto 40px;
    }
    .digital_marketing_banner .banner_content p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .banner_section .banner_content .btns_group>ul>li {
        margin-right: 15px;
    }
    .digital_marketing_banner .banner_image {
        max-width: 370px;
    }
    .digital_marketing_banner {
        min-height: auto;
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .digital_marketing_banner .apps_wrap>ul {
        width: 230px;
        height: 210px;
    }
    .digital_marketing_banner .apps_wrap {
        bottom: 230px;
    }
    .digital_marketing_banner .apps_wrap>ul>li {
        width: 50px;
        height: 50px;
    }
    .digital_marketing_banner .apps_wrap>ul>li>a>img {
        height: 24px;
    }
    .digital_marketing_banner .cloud_image {
        max-width: 50px;
    }
    .digital_marketing_banner .cloud_image.cloud_1 {
        top: 25%;
        left: 5%;
    }
    .digital_marketing_banner .triangle_1 {
        top: 14%;
        left: 14%;
    }
    .digital_marketing_banner .dot_1 {
        top: 36%;
        left: 14%;
    }
    .digital_marketing_banner .dot_2 {
        top: 48%;
        left: 2%;
    }
    .digital_marketing_banner .dot_3 {
        top: 40%;
        left: 30%;
    }
    .digital_marketing_banner .cloud_image.cloud_2 {
        top: 12%;
        right: 4%;
    }
    .digital_marketing_banner .dot_4 {
        top: 20%;
        right: 3%;
    }
    .digital_marketing_banner .triangle_2 {
        top: 20%;
        right: 20%;
    }
    .digital_marketing_banner .cloud_image.cloud_3 {
        top: 30%;
    }
    .digital_marketing_banner .cloud_image.cloud_4 {
        top: 40%;
        right: 22%;
    }
    .digital_marketing_banner .dot_5 {
        top: 32%;
        right: 15%;
    }
    .digital_marketing_banner .dot_6 {
        top: 47%;
        right: 5%;
    }
    .home_digital_marketing .service_primary {
        padding: 0;
    }
    .service_primary .item_title {
        margin-bottom: 15px;
    }
    .service_primary .item_title>a {
        font-size: 22px;
    }
    .service_primary .icon_wrap {
        margin-bottom: 20px;
    }
    .service_primary .item_icon {
        width: 75px;
        height: 75px;
        font-size: 42px;
        line-height: 75px;
    }
    .service_primary p {
        font-size: 13px;
    }
    .home_digital_marketing .section_title .icon_rounded {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .home_digital_marketing .pricing_section {
        padding-bottom: 120px;
    }
    .hr_management_banner .banner_content .title_text span {
        font-size: 36px;
    }
    .hr_management_banner .banner_content {
        max-width: 390px;
    }
    .hr_management_banner .banner_image {
        right: -415px;
        transform: scale(0.54);
    }
    .hr_management_banner {
        min-height: 655px;
    }
    .hr_management_banner .shape_1 {
        max-width: 255px;
    }
    .hr_management_banner .shape_2 {
        max-width: 405px;
    }
    .hr_management_banner .shape_3 {
        max-width: 545px;
    }
    .banner_section .banner_content .popup_video .icon {
        width: 45px;
        height: 45px;
        font-size: 32px;
        line-height: 45px;
    }
    .banner_section .banner_content .popup_video small {
        margin: 9px 0;
    }
    .hr_management_banner .shape_4 {
        top: 50px;
        left: 45%;
    }
    .hr_management_banner .shape_5 {
        left: 30%;
        bottom: -140px;
    }
    .hr_management_banner .shape_4,
    .hr_management_banner .shape_5 {
        max-width: 18px;
    }
    .saas_banner .banner_image {
        width: auto;
        max-width: 670px;
        margin: 0 auto -164px;
    }
    .saas_banner .banner_image .phone_image {
        right: -20px;
        bottom: -12px;
        max-width: 125px;
    }
    .feature_section .shape_14 {
        top: 0;
        left: -340px;
        max-width: 680px;
    }
    .feature_section .shape_15 {
        right: -209px;
        bottom: 100px;
        max-width: 600px;
    }
    .feature_section .feature_image_12 .big_image {
        margin-top: -19px;
        margin-bottom: 0;
    }
    .feature_section .feature_image_12 {
        margin: 0 auto 40px;
    }
    .feature_section .feature_image_12 .small_image {
        max-width: 170px;
    }
    .feature_section .feature_image_12 .child_image_1,
    .feature_section .feature_image_12 .child_image_2,
    .feature_section .feature_image_12 .child_image_3 {
        max-width: 200px;
    }
    .feature_section .feature_image_12 .child_image_1 {
        top: 30px;
    }
    .feature_section .feature_image_12 .child_image_2 {
        top: 83px;
    }
    .feature_section .feature_image_12 .child_image_3 {
        max-width: 240px;
        top: 135px;
    }
    .casestudy_fullimage .item_content {
        padding: 20px;
        padding-bottom: 15px;
    }
    .casestudy_fullimage .details_btn {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 42px;
    }
    .gallery_section .element_grid.masonry_portfolio.column_4 .element-item,
    .casestudy_section .element_grid.masonry_portfolio.column_4 .element-item,
    .portfolio_section .element_grid.masonry_portfolio.column_4 .element-item {
        width: 33.333%;
    }
    .gallery_section .element_grid.column_4 .element-item,
    .casestudy_section .element_grid.column_4 .element-item,
    .portfolio_section .element_grid.column_4 .element-item {
        width: 33.333%;
    }
    .digital_marketing_banner .banner_content p {
        font-size: 14px;
    }
    .banner_section .banner_content .title_text {
        font-size: 38px;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 48px;
    }
    .chat_banner .banner_content .title_text {
        font-size: 42px;
    }
    .digital_marketing_banner .banner_content .title_text {
        font-size: 42px;
    }
    .hr_management_banner .banner_content .title_text span {
        font-size: 42px;
    }
    .social_icon>ul>li {
        margin-right: 5px;
    }
    .team_grid .member_name>a {
        font-size: 18px;
    }
    .team_grid .member_image {
        margin-bottom: 12px;
    }
    .team_grid .member_title {
        font-size: 13px;
        display: block;
    }
    .promotion_section .btns_group>ul>li {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 15px;
    }
    .sec_ptb_120 {
        padding: 100px 0;
    }
    .sec_ptb_160 {
        padding: 100px 0;
    }
    .sec_ptb_345 {
        padding: 220px 0;
    }
    .mb-80 {
        margin-bottom: 60px;
    }
    .mb-50 {
        margin-bottom: 40px;
    }
    .mr--30 {
        margin-right: 0;
    }
    .ml--30 {
        margin-left: 0;
    }
    .section_title.mb-50 {
        margin-bottom: 30px;
    }
    .section_title .title_text {
        font-size: 36px;
    }
    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2);
        }
        100% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 40px transparent;
        }
    }
    .footer_section .social_links.social_rounded>ul>li {
        width: 35px;
        height: 35px;
        margin-right: 5px;
    }
    .footer_section .social_links.social_rounded>ul>li>a {
        line-height: 37px;
    }
    .breadcrumb_section .spahe_1,
    .breadcrumb_section .spahe_2 {
        max-width: 290px;
    }
    .breadcrumb_section .spahe_1 {
        top: -50px;
        right: -50px;
    }
    .breadcrumb_section .spahe_2 {
        left: -50px;
        bottom: -50px;
    }
    .breadcrumb_section {
        min-height: 450px;
    }
    .breadcrumb_section .breadcrumb_content p {
        font-size: 16px;
    }
    .breadcrumb_section .breadcrumb_content .page_title {
        font-size: 48px;
    }
    .sidebar_section .widget {
        margin-bottom: 40px;
    }
    .sidebar_section .widget_title {
        font-size: 26px;
    }
    .sidebar_section.pl-30 {
        padding: 0;
    }
    .service_boxed_1 {
        padding: 50px 30px;
    }
    .team_grid .member_name {
        font-size: 20px;
    }
    .section_title.increase_size .title_text {
        font-size: 36px;
    }
    .service_section .tabs_nav>ul>li>a strong {
        font-size: 16px;
    }
    .service_section .tabs_nav>ul>li>a {
        padding: 30px;
    }
    .service_section .tabs_nav>ul>li>a span {
        width: 60px;
        height: 60px;
        font-size: 26px;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .service_section .tab-content .service_image_2 {
        max-width: 770px;
        margin: 0 auto;
    }
    .service_section .tab-content .service_image_2 .image_2 {
        max-width: 300px;
    }
    .service_section .tab-content .service_image_2 .image_1 {
        width: 100%;
        max-width: auto;
        margin-bottom: -65px;
    }
    .introduction_section .video_wrap {
        max-width: 730px;
        margin: 0 auto;
    }
    .introduction_section .video_wrap .dot_image {
        top: -20px;
        right: 75px;
        max-width: 100px;
    }
    .introduction_section .video_wrap .man_2 {
        left: -65px;
        bottom: 50px;
        max-width: 135px;
    }
    .introduction_section .video_wrap .man_1 {
        right: -40px;
        bottom: 70px;
        max-width: 100px;
    }
    .introduction_section .video_wrap .leaf_image {
        left: 35px;
        bottom: 45px;
        max-width: 90px;
    }
    .video_wrap .banner_image .popup_video {
        width: 60px;
        height: 60px;
        font-size: 50px;
        line-height: 62px;
    }
    .feature_section .feature_image_2 {
        max-width: 330px;
        margin-left: -100px;
    }
    .feature_section .feature_image_2 .image_2 {
        max-width: 250px;
        top: 90px;
        left: -100px;
    }
    .feature_section .feature_image_2 .image_3 {
        max-width: 200px;
        right: -65px;
        bottom: 85px;
    }
    .register_section .signin_image {
        width: 350px;
        margin-right: 50px;
    }
    .process_section .process_item:nth-child(2n) .item_content::before {
        left: -68px;
    }
    .process_section .process_item:nth-child(2n) .item_content::after {
        left: -62px;
    }
    .pricing_plan_1 {
        padding: 50px 45px;
    }
    .pricing_plan_1 .info_list>ul>li {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .pricing_plan_3 {
        padding: 50px;
    }
    .pricing_plan_3.special_item {
        padding: 70px 50px;
    }
    .pricing_plan_3 p {
        margin-bottom: 30px;
    }
    .casestudy_fullimage .item_content .item_title>a {
        font-size: 18px;
    }
    .blog_small .item_title>a {
        font-size: 16px;
    }
    .blog_small .post_date {
        font-size: 13px;
    }
    .blog_grid .item_image {
        margin-bottom: 30px;
    }
    .blog_grid .item_title>a {
        font-size: 26px;
    }
    .blog_section .pagination_nav>ul {
        margin: 0 auto;
    }
    .blog_grid.decrease_size .item_title>a {
        font-size: 22px;
    }
    .details_section .blog_grid .item_title>a {
        font-size: 17px;
    }
    .details_section .blog_grid .post_date {
        top: 10px;
        left: 10px;
        min-width: 55px;
        min-height: 55px;
        padding: 10px 8px;
    }
    .details_section .blog_grid .post_date strong {
        font-size: 19px;
        margin-bottom: 1px;
    }
    .details_section .blog_grid .post_date span {
        font-size: 12px;
    }
    .details_section .blog_grid .item_image {
        margin-bottom: 15px;
    }
    .details_section .blog_grid .item_title {
        margin-bottom: 10px;
    }
    .agency_banner .bg_1 {
        width: 640px;
        right: -170px;
    }
    .agency_banner .bg_2 {
        width: 750px;
        right: -300px;
    }
    .agency_banner .cloud_3 {
        top: 300px;
        left: -85px;
    }
    .testimonial_section .shape_2 {
        max-width: 360px;
    }
    .partner_section .shape_1 {
        max-width: 220px;
    }
    .chat_banner {
        min-height: auto;
        padding-top: 150px;
        padding-bottom: 60px;
    }
    .chat_banner .bg_1 {
        right: -110px;
    }
    .chat_banner .bg_2 {
        right: -115px;
    }
    .service_section .shape_3 {
        bottom: -170px;
        max-width: 630px;
    }
    .introduction_section .video_wrap .leaf_image_1,
    .introduction_section .video_wrap .leaf_image_2 {
        bottom: 30px;
        max-width: 90px;
    }
    .introduction_section .video_wrap {
        padding-bottom: 50px;
    }
    .digital_agency_banner {
        min-height: 700px;
    }
    .digital_agency_banner .banner_image {
        max-width: 440px;
    }
    .digital_agency_banner .shape_1 {
        top: -98px;
        right: -145px;
        max-width: 600px;
    }
    .digital_agency_banner .shape_2 {
        top: -115px;
        right: -190px;
        max-width: 660px;
    }
    .digital_marketing_banner .banner_image {
        max-width: 430px;
    }
    .digital_marketing_banner .apps_wrap>ul {
        width: 260px;
        height: 250px;
    }
    .digital_marketing_banner .apps_wrap.wrap_left {
        left: 15px;
    }
    .digital_marketing_banner .apps_wrap.wrap_right {
        right: 15px;
    }
    .feature_section .feature_image_7 {
        max-width: 543px;
        margin-left: 0;
    }
    .hr_management_banner {
        min-height: 700px;
    }
    .hr_management_banner .banner_image {
        top: 0;
        right: -385px;
        transform: scale(0.64);
    }
    .hr_management_banner .shape_1 {
        max-width: 310px;
    }
    .hr_management_banner .shape_2 {
        max-width: 460px;
    }
    .hr_management_banner .shape_3 {
        max-width: 600px;
    }
    .payment_banner .shape_3 {
        max-width: 90px;
    }
    .payment_banner .banner_content {
        max-width: 430px;
    }
    .banner_section .banner_content .title_text {
        margin-bottom: 20px;
    }
    .banner_section .banner_content p {
        margin-bottom: 30px;
    }
    .payment_banner .shape_1 {
        left: -130px;
        bottom: -55px;
        max-width: 430px;
    }
    .payment_banner {
        min-height: auto;
        padding-bottom: 30px;
    }
    .payment_banner .banner_image {
        width: 330px;
        margin-left: -80px;
    }
    .payment_banner .banner_image .card_image {
        max-width: 330px;
        left: -130px;
    }
    .feature_section .feature_image_9 {
        float: right;
        max-width: 450px;
        margin-right: -70px;
    }
    .feature_section .feature_image_9 .child_image {
        max-width: 240px;
        top: 120px;
        right: -60px;
    }
    .feature_section .feature_image_9 .dot_image {
        max-width: 110px;
        left: 10px;
        top: 125px;
    }
    .feature_section .feature_image_2 {
        margin-left: -75px;
    }
    .feature_section .shape_10 {
        left: -100px;
        max-width: 400px;
    }
    .feature_section .shape_9 {
        right: -140px;
        max-width: 400px;
    }
    .feature_section .shape_11 {
        bottom: -55px;
        max-width: 430px;
    }
    .testimonial_section .shape_3 {
        top: -110px;
        right: -140px;
        max-width: 430px;
    }
    .project_management_banner .banner_image {
        width: 760px;
        margin: 80px auto -225px;
    }
    .saas_banner {
        min-height: auto;
        padding-top: 200px;
        margin-bottom: 164px;
    }
    .saas_banner .circle_1 {
        left: -130px;
        bottom: -50px;
        max-width: 300px;
    }
    .saas_banner .circle_3 {
        right: 15%;
        bottom: 140px;
        max-width: 170px;
    }
    .saas_banner .circle_4 {
        right: 3%;
        top: 190px;
        max-width: 50px;
    }
    .feature_section .section_title .tabs_nav>ul>li>a {
        padding: 12px 25px;
    }
    .software_banner .banner_image {
        width: auto;
        float: none;
        max-width: 470px;
        margin: 0 auto 40px;
    }
    .software_banner .banner_content {
        margin: 0 auto;
        max-width: 430px;
        text-align: center;
    }
    .software_banner .banner_content .btns_group>ul {
        margin: 0 auto;
    }
    .software_banner .bg_shape_3 {
        right: 0;
        background-size: 90%;
        background-position: center top;
    }
    .software_banner .shape_2 {
        bottom: 0;
        max-width: 430px;
    }
    .feature_section .feature_image_3 .image_2 {
        max-width: 300px;
        top: 60px;
        left: -120px;
    }
    .feature_section .feature_image_3 .image_3 {
        max-width: 300px;
        top: 150px;
        left: -100px;
    }
    .shop_details .item_content {
        padding-left: 0;
    }
    .banner_section .banner_content .title_text {
        font-size: 38px;
    }
    .feature_section .section_title .title_text {
        font-size: 32px;
    }
    .digital_agency_banner {
        min-height: 600px;
    }
    .banner_section .banner_content .popup_video small {
        font-size: 14px;
    }
    .section_title .title_text {
        font-size: 34px;
    }
    .feature_section .btns_group>ul>li {
        margin-right: 15px;
    }
    .software_banner .banner_content {
        margin: 0;
        max-width: 430px;
        text-align: left;
    }
    .software_banner .banner_content .btns_group>ul {
        margin: 0;
    }
    .chat_banner .banner_content .title_text {
        font-size: 46px;
    }
    .digital_marketing_banner .banner_content .title_text {
        font-size: 42px;
    }
    .payment_banner .banner_content .title_text {
        font-size: 42px;
        letter-spacing: 0;
    }
}

@media screen and (max-width: 991px) {
    .order-last {
        order: 0;
    }
    .mr--30 {
        margin-right: 0;
    }
    .ml--30 {
        margin-left: 0;
    }
    @keyframes ripple_3 {
        0% {
            box-shadow: 0 0 0 0 rgba(94, 44, 237, 0.2), 0 0 0 30px rgba(94, 44, 237, 0.2), 0 0 0 50px rgba(94, 44, 237, 0.2);
        }
        100% {
            box-shadow: 0 0 0 30px rgba(94, 44, 237, 0.2), 0 0 0 50px rgba(94, 44, 237, 0.2), 0 0 0 70px transparent;
        }
    }
    .btn {
        padding: 17px 35px;
    }
    .btn.btn_border {
        padding: 16px 35px;
    }
    .header_section .brand_logo>.brand_link {
        max-width: 125px;
    }
    .header_section .btn,
    .header_section .main_menu,
    .header_section .btn.btn_border.border_white {
        display: none;
    }
    .header_section {
        min-height: 100px;
    }
    .header_section .menu_btn {
        display: inline-block;
    }
    .footer_section .useful_links>ul>li {
        margin-bottom: 8px;
    }
    .footer_section .widget_title {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .footer_section .about_content {
        padding: 0;
        max-width: 460px;
    }
    .footer_section .useful_links,
    .footer_section .social_links {
        margin-top: 40px;
    }
    .footer_section .widget_area {
        padding: 80px 0;
    }
    .footer_section .deco_image_1 {
        bottom: -81px;
        max-width: 150px;
    }
    .footer_section .deco_image_2 {
        bottom: -81px;
        max-width: 100px;
    }
    .footer_section.sec_ptb_120.pb-0 {
        padding: 0;
    }
    .footer_section .sms_comment {
        max-width: 180px;
        display: inline-block;
    }
    .footer_section .footer_bottom .social_links {
        margin: 0;
    }
    .footer_section .cloud_image {
        max-width: 70px;
    }
    .footer_section .cloud_image.cloud_1 {
        top: 60px;
        left: -15px;
    }
    .footer_section .cloud_image.cloud_3 {
        top: 140px;
        right: -15px;
    }
    .footer_section .cloud_image.cloud_2 {
        bottom: 100px;
    }
    .footer_section .social_icon_rounded {
        margin-top: 40px;
    }
    .error_section .spahe_1,
    .error_section .spahe_2 {
        max-width: 350px;
    }
    .error_section .spahe_1 {
        top: -50px;
        right: -50px;
    }
    .error_section .spahe_2 {
        left: -50px;
        bottom: -50px;
    }
    .error_section .error_content .page_title {
        font-size: 270px;
    }
    .error_section .error_content .title_text {
        font-size: 42px;
    }
    .error_section .error_content p {
        display: table;
        max-width: 720px;
        margin: 0 auto 50px;
    }
    .feature_section .feature_image {
        width: 100%;
        margin: 0;
        float: none;
        margin-bottom: 40px;
    }
    .feature_section .section_title {
        margin: 0;
        text-align: center;
    }
    .team_grid .member_name {
        font-size: 18px;
        margin-bottom: 1px;
    }
    .team_grid .member_title {
        font-size: 13px;
    }
    .team_grid .member_social_links>ul>li>a {
        font-size: 14px;
    }
    .service_section .service_image {
        width: auto;
        float: none;
        max-width: 570px;
        margin: 50px auto 40px;
    }
    .service_primary {
        padding: 0 30px;
        text-align: center;
    }
    .testimonial_section .testimonial_carousel_1 {
        min-height: 550px;
        margin: 0 auto 110px;
    }
    .testimonial_section .testimonial_carousel_1 .owl-nav {
        left: 45%;
        bottom: -75px;
        display: flex;
        position: absolute;
        transform: translateX(-45%);
    }
    .newsletter_section .newsletter_boxed {
        margin: 0 -15px;
        border-radius: 0;
        transform: none !important;
        transform: initial !important;
    }
    .feature_section .feature_image_2 {
        max-width: 330px;
        margin: -60px auto 60px;
    }
    .feature_section .feature_image_2 .phone_image {
        margin: 0;
    }
    .feature_section .feature_image_3 {
        width: auto;
        float: none;
        max-width: 370px;
        margin: -55px auto 40px;
    }
    .feature_section .feature_image_3 .image_1 {
        max-width: 330px;
        top: 150px;
        left: -135px;
    }
    .owl-theme.arrow_top_right .owl-nav {
        top: -80px;
        right: 15px;
    }
    .register_section .signin_image {
        width: auto;
        float: none;
        max-width: 470px;
        margin: 0 auto 60px;
    }
    .register_section.half_bg_white::before {
        display: none;
    }
    .register_section .section_title {
        text-align: center;
    }
    .process_section .process_item .order-last {
        order: 13;
    }
    .process_section .process_item .item_title {
        font-size: 30px;
    }
    .process_section .process_item p {
        font-size: 13px;
    }
    .pricing_plan_3 .price_text {
        font-size: 38px;
    }
    .pricing_plan_3 .title_text {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .pricing_plan_3 p {
        font-size: 15px;
    }
    .pricing_tab {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .newsletter_section .section_title {
        text-align: center;
        margin-bottom: 40px;
    }
    .btn.btn_border.float-right {
        display: table;
        margin: 30px auto 0;
        float: none !important;
    }
    .job_details_info {
        margin-bottom: 60px;
    }
    .apply_section .apply_form .section_title {
        max-width: 570px;
        text-align: center;
        margin: 0 auto 40px;
    }
    .apply_section .apply_form .terms-conditions {
        text-align: center;
        margin: 0 auto 30px;
    }
    .apply_section .apply_form .btn_wrap {
        text-align: center;
    }
    .faq_section .tab-content {
        padding-left: 0;
    }
    .faq_section .tabs_nav {
        margin: 0;
        margin-bottom: 60px;
    }
    .contact_section .contact_form {
        margin-top: 60px;
    }
    .details_section .item_image.mr--30 {
        margin: 0;
    }
    .details_section .chield_item {
        text-align: center;
    }
    .details_section .chield_item .item_image {
        margin-bottom: 40px;
    }
    .details_section .chield_item .item_content .info_list {
        display: table;
        margin: 0 auto;
        text-align: left;
    }
    .agency_banner {
        min-height: auto;
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .agency_banner .banner_image {
        width: auto;
        max-width: 500px;
        margin: 0 auto 40px;
    }
    .agency_banner .bg_2 {
        width: 820px;
    }
    .agency_banner .bg_1 {
        width: 700px;
    }
    .agency_banner .clouds_wrap {
        width: 100%;
    }
    .agency_banner .cloud_2 {
        left: 150px;
    }
    .agency_banner .cloud_3 {
        top: 300px;
        left: 30px;
    }
    .agency_banner .banner_content {
        text-align: center;
    }
    .agency_banner .banner_content .btns_group>ul {
        margin: 0 auto;
    }
    .service_section .dot_image_1 {
        top: -150px;
        left: -75px;
        max-width: 130px;
    }
    .home_agency .service_primary_2 {
        padding: 0;
        max-width: 290px;
        text-align: center;
        margin: 50px auto 0;
    }
    .feature_section .shape_1 {
        top: 0;
        left: -225px;
        max-width: 700px;
    }
    .feature_section .dot_image_1 {
        top: 130px;
        right: -70px;
        max-width: 100px;
    }
    .feature_section .shape_2 {
        top: 135px;
        max-width: 200px;
    }
    .feature_section.bg_flow {
        min-height: auto;
        background-size: auto 100%;
    }
    .testimonial_section .shape_2 {
        max-width: 350px;
    }
    .testimonial_section .shape_1 {
        top: 150px;
        left: -70px;
        max-width: 100px;
    }
    .testimonial_section .testimonial_carousel_1.secondary_style {
        margin: 0;
        min-height: auto;
    }
    .partner_section .shape_1 {
        max-width: 190px;
    }
    .app_landing_banner .banner_content {
        text-align: left;
    }
    .app_landing_banner .banner_content .btns_group>ul {
        margin: 0;
    }
    .app_landing_banner .banner_image .phone_1 {
        max-width: 300px;
    }
    .app_landing_banner .banner_image .phone_2 {
        max-width: 260px;
    }
    .app_landing_banner {
        padding-bottom: 60px;
    }
    .app_landing_banner .banner_image {
        margin-bottom: 0;
    }
    .feature_section .feature_image_4 {
        max-width: 530px;
        margin: 0 auto 60px;
    }
    .promotion_section .item_image_1 {
        width: 370px;
        margin: 0 auto 100px;
    }
    .promotion_section .item_image_1 .image_1,
    .promotion_section .item_image_1 .image_2 {
        max-width: 49%;
    }
    .promotion_section .section_title {
        text-align: center;
    }
    .promotion_section .btns_group>ul {
        margin: 0 auto;
    }
    .promotion_section .dot_image_1 {
        right: -60px;
        max-width: 100px;
    }
    .showcase_section .mobile_frame {
        width: 310px;
        height: 585px;
    }
    .service_section .shape_3 {
        bottom: -80px;
        max-width: 520px;
    }
    .feature_section .feature_image_5 {
        max-width: 400px;
        margin: 0 auto 50px;
    }
    .feature_section .btns_group>ul {
        float: none;
        margin: 0 auto;
    }
    .feature_section .btns_group>ul>li {
        margin-right: 15px;
    }
    .feature_section .feature_image_6 {
        float: none;
        width: 100%;
        margin: 0 auto 50px;
    }
    .feature_section .shape_7 {
        max-width: 180px;
    }
    .feature_section .shape_8 {
        left: 110px;
        max-width: 160px;
    }
    .feature_section .feature_image_6 .dot_image_1 {
        top: 80px;
        right: 60px;
        max-width: 80px;
    }
    .service_section .service_image {
        width: 100%;
        margin: 30px auto 0;
    }
    .home_digital_marketing .service_primary {
        padding: 0 25px;
    }
    .feature_section .feature_image_7 {
        float: none;
        max-width: 470px;
        margin: 0 auto 40px;
    }
    .seo_section .form_wrap {
        max-width: 600px;
    }
    .seo_section .rocket_image {
        max-width: 180px;
    }
    .seo_section .shape_3 {
        right: 5%;
        max-width: 60px;
    }
    .seo_section .shape_2 {
        max-width: 60px;
    }
    .seo_section .shape_1 {
        max-width: 120px;
    }
    .seo_section .glob_image_1 {
        top: -45px;
        max-width: 350px;
    }
    .feature_section .feature_image_8 {
        float: none;
        max-width: 530px;
        margin: 0 auto 40px;
    }
    .newsletter_section .newsletter_boxed .shape_2 {
        right: 40px;
        bottom: 55%;
        max-width: 70px;
    }
    .newsletter_section .newsletter_boxed .shape_1 {
        bottom: 40px;
        max-width: 130px;
    }
    .casestudy_grid .item_title>a {
        font-size: 20px;
    }
    .casestudy_grid .item_image {
        margin-bottom: 18px;
    }
    .home_chat .menu_btn {
        color: #ff6b00;
    }
    .intregation_section .apps_wrap>ul>li {
        width: 40px;
        height: 40px;
    }
    .intregation_section .apps_wrap>ul>li>a>img {
        height: 18px;
    }
    .intregation_section .apps_wrap>ul {
        width: 200px;
        height: 185px;
    }
    .intregation_section .intregation_image_1 {
        max-width: 430px;
    }
    .intregation_section .intregation_image_1 .phone_image {
        left: -25px;
        bottom: -2px;
        max-width: 85px;
    }
    .intregation_section .intregation_image_1 .watch_image {
        bottom: 0;
        right: -10px;
        max-width: 70px;
    }
    .payment_banner .banner_image {
        float: none;
        width: 260px;
        margin: 0 auto 30px;
    }
    .payment_banner .banner_image .card_image {
        max-width: 240px;
        left: -90px;
    }
    .payment_banner .banner_image .apps_wrap {
        top: -85px;
    }
    .payment_banner .banner_image .apps_wrap>ul {
        width: 415px;
        height: 350px;
    }
    .payment_banner .banner_image .apps_wrap>ul>li:nth-child(1) {
        max-width: 80px;
        top: 130px;
    }
    .payment_banner .banner_image .apps_wrap>ul>li:nth-child(2) {
        max-width: 90px;
        left: 90px;
    }
    .payment_banner .banner_image .apps_wrap>ul>li:nth-child(3) {
        max-width: 85px;
        right: 105px;
    }
    .payment_banner .banner_image .apps_wrap>ul>li:nth-child(4) {
        max-width: 85px;
        top: 135px;
    }
    .payment_banner .banner_image .apps_wrap>ul>li:nth-child(5) {
        max-width: 140px;
    }
    .payment_banner .banner_content {
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    .payment_banner {
        min-height: auto;
        padding-top: 230px;
        padding-bottom: 190px;
    }
    .payment_banner .banner_content .btns_group>ul {
        margin: 0 auto;
    }
    .payment_banner .banner_content .btns_group>ul>li {
        margin-right: 15px;
    }
    .banner_section .banner_content .btns_group>ul>li .btn_text {
        font-size: 16px;
    }
    .feature_section .feature_image_9 {
        float: none;
        max-width: 430px;
        margin: 0 auto 50px;
    }
    .feature_section .feature_image_9 .chart_image {
        margin: 0 auto;
    }
    .feature_section .feature_image_2 {
        max-width: 300px;
        margin: -60px auto 60px;
    }
    .feature_section .feature_image_2 .image_2 {
        max-width: 200px;
        top: 80px;
        left: -70px;
    }
    .feature_section .feature_image_2 .image_3 {
        max-width: 180px;
        right: -55px;
        bottom: 75px;
    }
    .project_management_banner {
        padding-top: 160px;
    }
    .banner_section .banner_image .popup_video {
        width: 70px;
        height: 70px;
        font-size: 54px;
        line-height: 75px;
    }
    .feature_section .feature_image_10 {
        width: auto;
        float: none;
        max-width: 370px;
        margin: 0 auto 40px;
    }
    .feature_section .feature_image_10 .big_image {
        margin-bottom: -10px;
    }
    .feature_section .child_feature_2 {
        text-align: left;
        margin-bottom: 40px;
    }
    .feature_section .feature_image_10 .child_image_1,
    .feature_section .feature_image_10 .child_image_2,
    .feature_section .feature_image_10 .child_image_3 {
        max-width: 300px;
        right: -75px;
    }
    .feature_section .feature_image_10 .child_image_1 {
        top: 110px;
    }
    .feature_section .feature_image_10 .child_image_2 {
        top: 190px;
    }
    .feature_section .feature_image_10 .child_image_3 {
        max-width: 330px;
        top: 270px;
    }
    .service_section .tab-content .service_image_3 {
        width: 100%;
        float: none;
        margin: 0;
    }
    .service_section .dot_image_2 {
        top: 90px;
        right: 8px;
    }
    .service_section .tabs_nav_2>ul>li a {
        padding: 30px;
    }
    .feature_section .feature_image_11 {
        max-width: 530px;
        margin: 0 auto 40px;
    }
    .saas_banner .banner_image {
        width: 100%;
    }
    .saas_banner .banner_image .phone_image {
        right: 12px;
        bottom: -12px;
        max-width: 150px;
    }
    .feature_section .feature_image_12 {
        width: auto;
        float: none;
        padding: 0;
        max-width: 570px;
        margin: 0 auto 120px;
    }
    .feature_section .child_feature_2 .item_content .item_title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .feature_section .child_feature_2 .item_content p {
        font-size: 14px;
    }
    .feature_section .app_icons_group>ul {
        margin: 0 auto;
    }
    .feature_section .feature_image_13 {
        width: auto;
        float: none;
        max-width: 530px;
        margin: 0 auto 70px;
    }
    .h_map ul li:nth-child(1) {
        top: 60px;
        left: 45px;
    }
    .h_map ul li:nth-child(2) {
        top: 195px;
        left: 110px;
    }
    .h_map ul li:nth-child(3) {
        left: 50%;
        top: 115px;
    }
    .h_map ul li:nth-child(5) {
        left: 88%;
        top: 80px;
    }
    .h_map ul li:nth-child(4) {
        top: 270px;
        left: 73%;
    }
    .h_map ul li:nth-child(6) {
        top: 70%;
        left: 220px;
    }
    .h_map ul li:nth-child(7) {
        top: 60%;
        left: 52%;
    }
    .h_map ul li:nth-child(8) {
        top: 79%;
        left: 93%;
    }
    .feature_section .feature_image_14 {
        width: auto;
        float: none;
        max-width: 370px;
        margin: 0 auto 60px;
    }
    .feature_section .feature_image_14 .child_image {
        max-width: 290px;
        bottom: 20%;
        right: -25%;
    }
    .feature_section .section_title .tabs_nav>ul {
        margin: 0 auto;
    }
    .shop_list .item_content {
        padding-top: 30px;
        padding-left: 30px;
    }
    .cart_section .cart_info_sidebar {
        margin-top: 40px;
    }
    .checkout_section .checkout_sidebar {
        margin-top: 40px;
        margin-left: 0;
    }
    .casestudy_section .container-fluid .element_grid.column_4 .casestudy_grid .item_title>a {
        font-size: 18px;
    }
    .gallery_section .element_grid.column_2 .element-item,
    .casestudy_section .element_grid.column_2 .element-item,
    .portfolio_section .element_grid.column_2 .element-item {
        width: 33.333%;
    }
    .details_section .item_content {
        margin-top: 30px;
    }
    .blog_small .item_content {
        margin: 0;
    }
    .sidebar_section.pl-30 {
        padding: 0;
    }
    .sidebar_section {
        margin-top: 60px;
    }
    .home_chat:not(.home_digital_agency) .footer_section .useful_links,
    .home_chat:not(.home_digital_agency) .footer_section .social_links {
        margin-top: 0;
    }
    .feature_section .section_title .sub_title.c_slide_in_wrap1 {
        justify-content: center;
    }
    .home_saas .feature_section .section_title.decrease_size .c_slide_in_wrap1 {
        justify-content: center;
    }
    .software_banner .banner_content {
        margin: 0 auto;
        max-width: 430px;
        text-align: center;
    }
    .software_banner .banner_content .btns_group>ul {
        margin: 0 auto;
    }
    .promotion_section .section_title .sub_title {
        text-align: center;
    }
    .promotion_section .section_title .sub_title span {
        margin: auto;
        margin-bottom: 5px;
    }
    .header_section .menu_btn {
        margin: 6px 0;
    }
    .sticky_header.stuck .brand_logo>.brand_link {
        max-width: 125px;
    }
    .sticky_header.stuck {
        min-height: 80px;
    }
    .newsletter_section.text-white .form_item input.text-left {
        text-align: center !important;
    }
    .payment_banner .banner_content .btns_group>ul,
    .software_banner .banner_content .btns_group>ul {
        margin: 0 auto;
        justify-content: center;
    }
    .h_map_section .section_title .title_text {
        font-size: 33px;
    }
    .checkout_section .report_info .card-body .btn.bg_default_blue {
        width: 100%;
        display: block;
        margin-top: 15px;
    }
}

@media screen and (max-width: 940px) {
    .pricing_plan_1 {
        padding: 40px 30px;
    }
    .pricing_plan_1 .pricing_header.mb-50 {
        margin-bottom: 30px;
    }
    .pricing_plan_1 .pricing_header .price_text strong {
        font-size: 42px;
    }
    .pricing_plan_1 .item_icon {
        width: 140px;
        height: 100px;
        margin: 0 auto 30px;
    }
    .pricing_plan_1 .item_icon img {
        height: 100px;
    }
    .pricing_plan_1 .info_list {
        margin-bottom: 30px;
    }
    .pricing_plan_1 .info_list>ul>li {
        font-size: 14px;
        margin-bottom: 18px;
    }
    .pricing_plan_2 {
        padding: 40px 30px;
    }
    .pricing_plan_2 .pricing_header {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .pricing_plan_2 .pricing_header .title_text {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .pricing_plan_2 .pricing_header .price_text strong {
        font-size: 42px;
    }
    .pricing_plan_2 .info_list {
        margin-bottom: 30px;
    }
    .pricing_plan_2 .info_list>ul li {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .pricing_plan_2 .item_label {
        right: 20px;
        max-width: 25px;
    }
    .pricing_plan_3 {
        padding: 40px 30px;
    }
    .pricing_plan_3.special_item {
        padding: 60px 30px;
    }
    .pricing_plan_3 p {
        font-size: 14px;
    }
    .gallery_section .element_grid.column_2 .element-item,
    .casestudy_section .element_grid.column_2 .element-item,
    .portfolio_section .element_grid.column_2 .element-item {
        width: 50%;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 48px;
    }
    .testimonial_section .section_title {
        text-align: center;
    }
    .section_title .title_text {
        font-size: 30px;
    }
    .testimonial_section .section_title .c_slide_in_wrap1 {
        justify-content: center;
    }
}

@media screen and (max-width: 880px) {
    .section_title .title_text {
        font-size: 32px;
    }
    .section_title p {
        font-size: 14px;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn {
        padding: 17px 35px;
    }
    .btn.btn_border {
        padding: 16px 35px;
    }
    .section_title .title_text.mb-30 {
        margin-bottom: 20px;
    }
    .section_title.c_slide_in .title_text {
        line-height: 1.1;
    }
    .breadcrumb_section .breadcrumb_content p {
        font-size: 14px;
    }
    .breadcrumb_section {
        min-height: 180px;
    }
    .service_boxed_1 .item_icon {
        width: 70px;
        height: 70px;
        font-size: 40px;
        line-height: 70px;
    }
    .service_boxed_1 .icon_wrap {
        margin-bottom: 20px;
    }
    .service_boxed_1 .item_title {
        margin-bottom: 15px;
    }
    .service_boxed_1 .item_title>a {
        font-size: 20px;
    }
    .service_boxed_1 p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .service_boxed_1 {
        padding: 40px 30px;
    }
    .service_boxed_1 .details_btn {
        font-size: 42px;
    }
    .partner_section .partner_logo {
        height: 40px;
        margin-top: 30px;
    }
    .partner_section .partner_logo>a {
        max-width: 105px;
    }
    .service_primary {
        padding: 0;
        max-width: 230px;
        text-align: center;
        margin: 50px auto 0;
    }
    .service_section .tabs_nav>ul {
        width: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .service_section .tabs_nav>ul>li {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .service_section .tabs_nav>ul>li>a {
        padding: 40px 30px;
    }
    .service_section .tab-content .service_image_2 .image_1 {
        max-width: 670px;
        margin: 0 auto -54px;
    }
    .service_section .tab-content .service_image_2 .image_2 {
        top: 80px;
        max-width: 250px;
    }
    .testimonial_section .testimonial_carousel_2 .testimonial_item {
        max-width: 470px;
        margin: 0 auto;
    }
    .testimonial_section .bg_area {
        height: 390px;
    }
    .register_section .signup_wrap .info_wrap,
    .register_section .signup_wrap .signup_form {
        padding: 0 45px;
    }
    .register_section .signup_wrap {
        padding: 50px 0;
    }
    .register_section .signup_wrap .info_wrap h3 {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .register_section .signup_wrap .info_wrap h4 {
        font-size: 20px;
        margin-bottom: 40px;
    }
    .process_section .process_item:nth-child(2n) .item_content::after {
        left: -58px;
    }
    .process_section .process_item:nth-child(2n) .item_content::before {
        left: -64px;
    }
    .process_section .process_item .item_title {
        font-size: 28px;
    }
    .process_section .process_item .serial_number {
        margin-bottom: 35px;
    }
    .job_item .item_content {
        padding-top: 0;
    }
    .job_item .item_title>a {
        font-size: 18px;
    }
    .job_item p {
        font-size: 13px;
    }
    .blog_grid .item_title>a {
        font-size: 22px;
    }
    .blog_grid .details_btn {
        font-size: 16px;
    }
    .blog_quote p a {
        font-size: 16px;
    }
    .service_section .dot_image_1 {
        top: -130px;
        left: -60px;
        max-width: 100px;
    }
    .feature_section .shape_2 {
        top: 40px;
        max-width: 100px;
    }
    .introduction_section .video_wrap {
        padding-bottom: 45px;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 42px;
    }
    .app_landing_banner .banner_content {
        margin-top: -100px;
    }
    .service_boxed_3 {
        padding: 35px 30px;
    }
    .feature_section .feature_image_4 {
        max-width: 420px;
    }
    .feature_section .feature_image_4 .phone_image {
        max-width: 370px;
        margin-left: -90px;
    }
    .feature_section .feature_image_4 .chat_image {
        max-width: 300px;
        top: 50px;
    }
    .feature_section .shape_6 {
        max-width: 250px;
    }
    .feature_section .dot_1 {
        top: 180px;
        right: 100px;
    }
    .feature_section .dot_2 {
        top: 340px;
        left: 40px;
    }
    .showcase_section .mobile_frame {
        width: 295px;
    }
    .chat_banner .banner_image {
        max-width: 300px;
        margin: 0 auto;
    }
    .chat_banner .banner_image .bar_image {
        max-width: 220px;
    }
    .chat_banner .banner_image .bar_1 {
        top: 80px;
        left: -50px;
    }
    .chat_banner .banner_image .bar_2 {
        top: 190px;
        right: -95px;
    }
    .chat_banner .banner_image .bar_3 {
        top: 280px;
        left: -50px;
    }
    .chat_banner .bg_1,
    .chat_banner .bg_2 {
        max-width: 530px;
    }
    .chat_banner .bg_1 {
        top: -95px;
        right: -100px;
    }
    .chat_banner .bg_2 {
        top: -65px;
    }
    .banner_section .banner_content .title_text {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .banner_section .banner_content p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .digital_agency_banner .banner_image {
        max-width: 380px;
    }
    .digital_agency_banner .shape_1 {
        top: -90px;
        right: -140px;
        max-width: 535px;
    }
    .digital_agency_banner .shape_2 {
        top: -110px;
        right: -190px;
        max-width: 600px;
    }
    .digital_agency_banner {
        min-height: auto;
        padding-top: 200px;
        padding-bottom: 130px;
    }
    .digital_marketing_banner .banner_content {
        max-width: 470px;
        margin: 0 auto 40px;
    }
    .digital_marketing_banner .banner_content p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .banner_section .banner_content .btns_group>ul>li {
        margin-right: 15px;
    }
    .digital_marketing_banner .banner_image {
        max-width: 370px;
    }
    .digital_marketing_banner {
        min-height: auto;
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .digital_marketing_banner .apps_wrap>ul {
        width: 230px;
        height: 210px;
    }
    .digital_marketing_banner .apps_wrap {
        bottom: 230px;
    }
    .digital_marketing_banner .apps_wrap>ul>li {
        width: 50px;
        height: 50px;
    }
    .digital_marketing_banner .apps_wrap>ul>li>a>img {
        height: 24px;
    }
    .digital_marketing_banner .cloud_image {
        max-width: 50px;
    }
    .digital_marketing_banner .cloud_image.cloud_1 {
        top: 25%;
        left: 5%;
    }
    .digital_marketing_banner .triangle_1 {
        top: 14%;
        left: 14%;
    }
    .digital_marketing_banner .dot_1 {
        top: 36%;
        left: 14%;
    }
    .digital_marketing_banner .dot_2 {
        top: 48%;
        left: 2%;
    }
    .digital_marketing_banner .dot_3 {
        top: 40%;
        left: 30%;
    }
    .digital_marketing_banner .cloud_image.cloud_2 {
        top: 12%;
        right: 4%;
    }
    .digital_marketing_banner .dot_4 {
        top: 20%;
        right: 3%;
    }
    .digital_marketing_banner .triangle_2 {
        top: 20%;
        right: 20%;
    }
    .digital_marketing_banner .cloud_image.cloud_3 {
        top: 30%;
    }
    .digital_marketing_banner .cloud_image.cloud_4 {
        top: 40%;
        right: 22%;
    }
    .digital_marketing_banner .dot_5 {
        top: 32%;
        right: 15%;
    }
    .digital_marketing_banner .dot_6 {
        top: 47%;
        right: 5%;
    }
    .home_digital_marketing .service_primary {
        padding: 0;
    }
    .service_primary .item_title {
        margin-bottom: 15px;
    }
    .service_primary .item_title>a {
        font-size: 22px;
    }
    .service_primary .icon_wrap {
        margin-bottom: 20px;
    }
    .service_primary .item_icon {
        width: 75px;
        height: 75px;
        font-size: 42px;
        line-height: 75px;
    }
    .service_primary p {
        font-size: 13px;
    }
    .home_digital_marketing .section_title .icon_rounded {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .home_digital_marketing .pricing_section {
        padding-bottom: 120px;
    }
    .hr_management_banner .banner_content .title_text span {
        font-size: 36px;
    }
    .hr_management_banner .banner_content {
        max-width: 390px;
    }
    .hr_management_banner .banner_image {
        right: -415px;
        transform: scale(0.54);
    }
    .hr_management_banner {
        min-height: 655px;
    }
    .hr_management_banner .shape_1 {
        max-width: 255px;
    }
    .hr_management_banner .shape_2 {
        max-width: 405px;
    }
    .hr_management_banner .shape_3 {
        max-width: 545px;
    }
    .banner_section .banner_content .popup_video .icon {
        width: 45px;
        height: 45px;
        font-size: 32px;
        line-height: 45px;
    }
    .banner_section .banner_content .popup_video small {
        margin: 9px 0;
    }
    .hr_management_banner .shape_4 {
        top: 50px;
        left: 45%;
    }
    .hr_management_banner .shape_5 {
        left: 30%;
        bottom: -140px;
    }
    .hr_management_banner .shape_4,
    .hr_management_banner .shape_5 {
        max-width: 18px;
    }
    .saas_banner .banner_image {
        width: auto;
        max-width: 670px;
        margin: 0 auto -164px;
    }
    .saas_banner .banner_image .phone_image {
        right: -20px;
        bottom: -12px;
        max-width: 125px;
    }
    .feature_section .shape_14 {
        top: 0;
        left: -340px;
        max-width: 680px;
    }
    .feature_section .shape_15 {
        right: -209px;
        bottom: 100px;
        max-width: 600px;
    }
    .feature_section .feature_image_12 .big_image {
        margin-top: -19px;
        margin-bottom: 0;
    }
    .feature_section .feature_image_12 {
        margin: 0 auto 40px;
    }
    .feature_section .feature_image_12 .small_image {
        max-width: 170px;
    }
    .feature_section .feature_image_12 .child_image_1,
    .feature_section .feature_image_12 .child_image_2,
    .feature_section .feature_image_12 .child_image_3 {
        max-width: 200px;
    }
    .feature_section .feature_image_12 .child_image_1 {
        top: 30px;
    }
    .feature_section .feature_image_12 .child_image_2 {
        top: 83px;
    }
    .feature_section .feature_image_12 .child_image_3 {
        max-width: 240px;
        top: 135px;
    }
    .casestudy_fullimage .item_content {
        padding: 20px;
        padding-bottom: 15px;
    }
    .casestudy_fullimage .details_btn {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 42px;
    }
    .gallery_section .element_grid.masonry_portfolio.column_4 .element-item,
    .casestudy_section .element_grid.masonry_portfolio.column_4 .element-item,
    .portfolio_section .element_grid.masonry_portfolio.column_4 .element-item {
        width: 33.333%;
    }
    .gallery_section .element_grid.column_4 .element-item,
    .casestudy_section .element_grid.column_4 .element-item,
    .portfolio_section .element_grid.column_4 .element-item {
        width: 33.333%;
    }
    .digital_marketing_banner .banner_content p {
        font-size: 14px;
    }
    .banner_section .banner_content .title_text {
        font-size: 38px;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 48px;
    }
    .chat_banner .banner_content .title_text {
        font-size: 42px;
    }
    .digital_marketing_banner .banner_content .title_text {
        font-size: 42px;
    }
    .hr_management_banner .banner_content .title_text span {
        font-size: 42px;
    }
    .social_icon>ul>li {
        margin-right: 5px;
    }
    .team_grid .member_name>a {
        font-size: 18px;
    }
    .team_grid .member_image {
        margin-bottom: 12px;
    }
    .team_grid .member_title {
        font-size: 13px;
        display: block;
    }
    .promotion_section .btns_group>ul>li {
        margin-right: 20px;
    }
}

@media screen and (max-width: 820px) {
    .shop_list .item_content {
        padding-top: 0;
        padding-left: 30px;
    }
    .shop_list .item_price {
        margin-bottom: 15px;
    }
    .shop_list p {
        margin-bottom: 30px;
    }
    .shop_list .action_btns>ul>li>button {
        height: 45px;
        padding: 0 25px;
        line-height: 43px;
    }
    .shop_list .action_btns>ul>li>a {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .shop_list .item_image {
        max-width: 370px;
    }
    .cart_section .table_wrap .item_image {
        width: 80px;
        margin-right: 10px;
    }
    .table_wrap .table {
        text-align: right;
    }
    .table_wrap .table thead {
        display: none;
    }
    .table_wrap .table tr {
        float: none;
        width: 100%;
        display: block;
        padding: 0 30px;
        margin-bottom: 30px;
        background-color: #eff2f9;
    }
    .table_wrap .table td {
        width: 100%;
        display: block;
        max-width: 100%;
        border-bottom: 1px solid #ededed;
    }
    .cart_section .table_wrap .table td,
    .cart_section .table_wrap .table th {
        text-align: right;
    }
    .cart_section .table_wrap .table td .product_item,
    .cart_section .table_wrap .table th .product_item {
        display: inline-block;
    }
    .cart_section .table_wrap .table td .product_item .item_image,
    .cart_section .table_wrap .table th .product_item .item_image {
        width: 80px;
        float: right;
        margin-right: 0;
        margin-left: 10px;
    }
    .cart_section .table_wrap .table td:first-child,
    .cart_section .table_wrap .table th:first-child {
        border: none;
        text-align: right;
    }
    .cart_section .table_wrap .td_title {
        display: inline-block;
    }
    .gallery_section .element_grid.column_4 .element-item,
    .casestudy_section .element_grid.column_4 .element-item,
    .portfolio_section .element_grid.column_4 .element-item {
        width: 33.333%;
    }
    .banner_section .banner_content .btns_group>ul>li {
        margin-right: 25px;
    }
    .feature_section .btns_group>ul>li {
        width: 100%;
        display: block;
        margin-right: 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .feature_section .btns_group>ul>li:last-child {
        margin-bottom: 0 !important;
    }
    .section_title .title_text {
        font-size: 30px;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 44px;
    }
    .chat_banner .banner_content .title_text {
        font-size: 36px;
    }
    .agency_banner .bg_2 {
        width: 740px;
    }
    .agency_banner .bg_1 {
        width: 655px;
    }
}

@media screen and (max-width: 780px) {
    .header_section .menu_btn {
        font-size: 28px;
        margin: 7px 0;
    }
}

@media screen and (max-width: 767px) {
    .btn_text {
        font-size: 16px;
    }
    .btn {
        font-size: 15px;
        padding: 15px 26px;
    }
    .btn.btn_border {
        padding: 14px 26px;
    }
    .mb-80 {
        margin-bottom: 40px;
    }
    .form_item input {
        height: 50px;
    }
    .form_item .input_title {
        margin-bottom: 8px;
    }
    .form_item.dropdown>button {
        height: 50px;
    }
    .form_item.dropdown .dropdown-menu>ul>li>a {
        font-size: 14px;
        padding: 10px 30px;
    }
    .header_section .brand_logo>.brand_link {
        max-width: 115px;
    }
    .header_section .menu_btn {
        font-size: 25px;
        margin: 7px 0;
    }
    .footer_section .footer_bottom {
        text-align: center;
    }
    .footer_section .copyright_text {
        margin-bottom: 15px;
    }
    .footer_section .footer_menu>ul {
        float: none;
        margin: 15px auto 0;
    }
    .breadcrumb_section .breadcrumb_content .page_title {
        font-size: 48px;
    }
    .sidebar_section.pl-30 {
        padding: 0;
    }
    .error_section .error_content p {
        max-width: 590px;
    }
    .error_section .spahe_1,
    .error_section .spahe_2 {
        max-width: 330px;
    }
    .error_section .error_content .page_title {
        font-size: 250px;
    }
    .error_section .error_content .title_text {
        font-size: 38px;
    }
    .service_boxed_1 {
        max-width: 370px;
        margin: 30px auto 0;
    }
    .service_section .spahe_1 {
        right: 70px;
        max-width: 140px;
    }
    .service_section .spahe_2 {
        right: 15px;
        max-width: 130px;
    }
    .newsletter_section .newsletter_boxed .shape_1 {
        bottom: 60px;
        max-width: 140px;
    }
    .newsletter_section .newsletter_boxed .shape_2 {
        right: 40px;
        bottom: 130px;
        max-width: 80px;
    }
    .newsletter_section .newsletter_boxed {
        padding: 60px;
    }
    .service_section .tab-content .service_image_2 .image_2 {
        right: 0;
        max-width: 190px;
    }
    .introduction_section .video_wrap {
        max-width: 450px;
        margin: 0 auto;
    }
    .introduction_section .video_wrap .shadow_image {
        width: 145%;
    }
    .introduction_section .video_wrap {
        padding-bottom: 40px;
    }
    .introduction_section .video_wrap .dot_image {
        top: -20px;
        right: -18px;
        max-width: 90px;
    }
    .introduction_section .video_wrap .leaf_image {
        left: -50px;
        bottom: 15px;
        max-width: 75px;
    }
    .introduction_section .video_wrap .man_1 {
        right: -80px;
        bottom: 40px;
        max-width: 70px;
    }
    .introduction_section .video_wrap .man_2 {
        left: -100px;
        bottom: 45px;
        max-width: 90px;
    }
    .feature_section .child_feature p {
        font-size: 14px;
    }
    .service_primary_2 {
        max-width: 330px;
        margin: 50px auto 0;
    }
    .owl-theme.arrow_top_right .owl-nav {
        top: -70px;
    }
    .feature_section .section_title .tabs_nav>ul>li>a {
        font-size: 15px;
        padding: 10px 22px;
    }
    .feature_section .section_title .tabs_nav>ul {
        margin: 0 auto;
    }
    .owl-theme.arrow_top_right .owl-nav {
        top: -60px;
    }
    .register_section .signup_wrap {
        background: 0 0;
        box-shadow: none;
        padding: 0 30px;
    }
    .register_section .signup_wrap .info_wrap,
    .register_section .signup_wrap .signup_form {
        margin: 0;
        padding: 0;
        border: none;
    }
    .register_section .signup_wrap .info_wrap {
        max-width: 380px;
        margin-bottom: 60px;
    }
    .process_section .line_bg {
        background: 0 0 !important;
        padding-bottom: 0;
    }
    .process_section .line_bg:after,
    .process_section .line_bg:before {
        display: none;
    }
    .process_section .process_item {
        margin: 0;
        padding: 0;
        margin-bottom: 70px;
    }
    .process_section .process_item:last-child {
        margin-bottom: 0 !important;
    }
    .process_section .process_item .order-last {
        order: 0;
    }
    .process_section .process_item .item_content {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .process_section .process_item .item_content:after,
    .process_section .process_item .item_content:before {
        display: none;
    }
    .process_section .process_item .serial_number {
        margin-top: 0;
        margin-bottom: 35px;
    }
    .process_section .process_item .item_image {
        max-width: 440px;
        margin: 0 auto 30px;
    }
    .pricing_plan_1,
    .pricing_plan_2,
    .pricing_plan_3 {
        max-width: 340px;
        margin: 30px auto 0;
    }
    .apply_section .apply_form .form_item textarea {
        min-height: 150px;
    }
    .map_section .google-map {
        height: 360px;
    }
    .filter-btns-group {
        margin-bottom: 30px;
    }
    .casestudy_section .element_grid {
        margin: -7px;
    }
    .casestudy_section .element_grid .element-item {
        padding: 7px;
    }
    .casestudy_fullimage .item_content .item_title>a {
        font-size: 16px;
    }
    .casestudy_fullimage .item_content .item_category>a {
        font-size: 13px;
    }
    .filter-btns-group>ul>li {
        height: 40px;
    }
    .filter-btns-group>ul>li>button {
        font-size: 14px;
        padding: 0 25px;
        line-height: 40px;
    }
    .details_section .item_image.mr--30 {
        margin: 0;
        margin-bottom: 30px;
    }
    .details_section .item_image.mr--30>img {
        width: 100%;
        display: block;
    }
    .details_section .item_title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .agency_banner .bg_1 {
        width: 675px;
    }
    .agency_banner .bg_2 {
        width: 795px;
    }
    .feature_section .shape_1 {
        left: -180px;
        max-width: 500px;
    }
    .testimonial_section .shape_2 {
        max-width: 300px;
    }
    .partner_section .shape_1 {
        max-width: 150px;
    }
    .app_landing_banner .banner_content .title_text {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .banner_section .banner_content p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .app_landing_banner .banner_image .phone_1 {
        max-width: 270px;
    }
    .app_landing_banner .banner_image .phone_2 {
        max-width: 224px;
        right: -35px;
    }
    .app_landing_banner .banner_image .shape_1 {
        width: 375px;
        top: 0;
        left: -25px;
    }
    .service_section .section_title {
        text-align: center;
    }
    .service_section .section_title.mr--30 {
        margin-right: 0;
    }
    .appScreenshot {
        max-width: 530px;
        margin: 0 auto;
    }
    .showcase_section .mobile_frame {
        width: 265px;
    }
    .chat_banner .banner_content .title_text {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .chat_banner .banner_image {
        max-width: 240px;
    }
    .chat_banner {
        padding-top: 120px;
    }
    .chat_banner .banner_image .bar_image {
        max-width: 180px;
    }
    .chat_banner .banner_image .bar_1 {
        top: 55px;
        left: -45px;
    }
    .chat_banner .banner_image .bar_2 {
        top: 155px;
        right: -80px;
    }
    .chat_banner .banner_image .bar_3 {
        top: 220px;
        left: -45px;
    }
    .chat_banner .bg_1,
    .chat_banner .bg_2 {
        max-width: 435px;
    }
    .partner_section .dot_image_1 {
        display: none;
    }
    .introduction_section .video_wrap .leaf_image_1 {
        left: -70px;
    }
    .introduction_section .video_wrap .leaf_image_2 {
        right: -70px;
    }
    .feature_section .feature_image_5 {
        max-width: 340px;
    }
    .feature_section .feature_image_5 .image_2,
    .feature_section .feature_image_5 .image_3 {
        max-width: 220px;
    }
    .feature_section .feature_image_5 .image_2 {
        bottom: 40px;
        left: -105px;
    }
    .feature_section .feature_image_5 .image_3 {
        top: -90px;
        right: -65px;
    }
    .feature_section .feature_image_5 .dot_image_1,
    .feature_section .feature_image_5 .dot_image_2 {
        max-width: 100px;
    }
    .feature_section .feature_image_5 .dot_image_2 {
        right: 10px;
        bottom: 125px;
    }
    .feature_section .shape_12 {
        top: 125px;
        max-width: 595px;
    }
    .banner_section .banner_content {
        max-width: 380px;
    }
    .banner_section .banner_content .title_text {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .digital_agency_banner .banner_image {
        max-width: 350px;
    }
    .digital_agency_banner .shape_1 {
        top: -86px;
        right: -135px;
        max-width: 500px;
    }
    .digital_agency_banner .shape_2 {
        top: -110px;
        right: -190px;
        max-width: 570px;
    }
    .digital_marketing_banner .banner_image {
        max-width: 330px;
    }
    .digital_marketing_banner .apps_wrap>ul {
        width: 200px;
        height: 180px;
    }
    .digital_marketing_banner .apps_wrap {
        bottom: 190px;
    }
    .digital_marketing_banner .apps_wrap>ul>li {
        width: 45px;
        height: 45px;
    }
    .digital_marketing_banner .apps_wrap>ul>li>a>img {
        height: 18px;
    }
    .seo_section .shape_1 {
        max-width: 90px;
    }
    .seo_section .glob_image_1 {
        top: -10px;
        max-width: 280px;
    }
    .hr_management_banner .shape_1 {
        max-width: 250px;
    }
    .hr_management_banner .shape_2 {
        max-width: 370px;
    }
    .hr_management_banner .shape_3 {
        max-width: 480px;
    }
    .hr_management_banner .banner_image {
        top: -60px;
        right: -450px;
        transform: scale(0.46);
    }
    .hr_management_banner {
        min-height: auto;
        padding-top: 200px;
        padding-bottom: 140px;
    }
    .hr_management_banner .shape_5 {
        left: 35%;
        bottom: -35%;
    }
    .hr_management_banner .shape_4 {
        top: 30px;
        left: 48%;
    }
    .hr_management_banner .shape_1 {
        max-width: 220px;
    }
    .hr_management_banner .shape_2 {
        max-width: 340px;
    }
    .hr_management_banner .shape_3 {
        max-width: 450px;
    }
    .intregation_section .apps_wrap>ul {
        width: auto;
        height: auto;
    }
    .intregation_section .apps_wrap>ul>li {
        float: none;
        display: block;
        position: static;
        margin-bottom: 15px;
    }
    .payment_banner .shape_1 {
        left: -100px;
        bottom: -50px;
        max-width: 340px;
    }
    .feature_section .child_feature {
        max-width: 320px;
        margin: 50px auto 0;
    }
    .feature_section .shape_9 {
        right: -100px;
        max-width: 320px;
    }
    .feature_section .shape_10 {
        left: -100px;
        max-width: 320px;
    }
    .feature_boxed {
        padding: 35px;
        max-width: 320px;
        padding-top: 65px;
        margin: 60px auto 0;
    }
    .project_management_banner .banner_content {
        max-width: 410px;
    }
    .project_management_banner .banner_image {
        width: auto;
        max-width: 630px;
        margin: 80px auto -100px;
    }
    .banner_section .form_item input {
        height: 50px;
        padding: 0 20px;
    }
    .project_management_banner {
        margin-bottom: 100px;
    }
    .project_management_banner .banner_image .deco_image {
        top: 80px;
        right: 33px;
        max-width: 150px;
    }
    .service_section .tabs_nav_2 {
        margin-bottom: 50px;
    }
    .service_section .tab-content .service_image_3 {
        margin-bottom: -50px;
    }
    .saas_banner .banner_content {
        max-width: 100% !important;
    }
    .saas_banner .banner_image {
        max-width: 570px;
        margin: 0 auto -120px;
    }
    .saas_banner {
        padding-top: 150px;
        margin-bottom: 80px;
    }
    .saas_banner .banner_image .phone_image {
        max-width: 110px;
    }
    .h_map {
        margin-left: -15px;
        margin-right: -15px;
    }
    .h_map ul li .place_name {
        font-size: 10px;
        min-width: auto;
        padding: 0 10px;
        line-height: 20px;
    }
    .h_map ul li:nth-child(1) {
        top: 5%;
        left: 5%;
    }
    .h_map ul li:nth-child(2) {
        top: 30%;
        left: 10%;
    }
    .h_map ul li:nth-child(3) {
        left: 50%;
        top: 20%;
    }
    .h_map ul li:nth-child(4) {
        top: 40%;
        left: 73%;
    }
    .h_map ul li:nth-child(5) {
        top: 10%;
        left: 88%;
    }
    .h_map ul li:nth-child(6) {
        top: 70%;
        left: 15%;
    }
    .h_map ul li:nth-child(7) {
        top: 56%;
        left: 52%;
    }
    .h_map ul li:nth-child(8) {
        top: 79%;
        left: 96%;
    }
    .details_section .details_images_carousel {
        margin-bottom: 30px;
    }
    .gallery_section .element_grid.column_3 .element-item,
    .casestudy_section .element_grid.column_3 .element-item,
    .portfolio_section .element_grid.column_3 .element-item {
        width: 50%;
    }
    .home_chat:not(.home_digital_agency) .footer_section .useful_links,
    .home_chat:not(.home_digital_agency) .footer_section .social_links {
        margin-top: 40px;
        text-align: center;
    }
    .home_chat:not(.home_digital_agency) .widget.about_content {
        margin: 0 auto;
        text-align: center;
    }
    .banner_section .banner_content {
        max-width: 380px;
        margin: 0 auto;
    }
    .service_section .section_title .c_slide_in_wrap1,
    .feature_section .section_title .c_slide_in_wrap1,
    .feature_section .section_title .sub_title {
        justify-content: center;
    }
    .hr_management_banner .banner_content {
        margin: 0 !important;
    }
    .project_management_banner .banner_content .title_text {
        font-size: 36px;
    }
    .project_management_banner .banner_content p {
        font-size: 14px;
    }
    .project_management_banner .banner_content {
        max-width: 430px;
        margin: 0 auto;
    }
    .saas_banner .banner_content {
        margin: 0 auto;
        max-width: 480px !important;
    }
    .saas_banner .banner_content p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .saas_banner .banner_content .title_text {
        margin-bottom: 10px;
    }
    .banner_section .banner_content .title_text {
        font-size: 42px;
    }
    .digital_marketing_banner .banner_content .title_text {
        font-size: 32px;
    }
    .text_effect {
        line-height: 1;
    }
    .banner_section .banner_content p {
        font-size: 14px;
    }
    .digital_marketing_banner .banner_image {
        max-width: 330px;
        margin-top: 40px;
    }
    .payment_banner .banner_content .title_text {
        font-size: 40px;
    }
    .software_banner .banner_content .title_text {
        font-size: 38px;
    }
    .section_title .sub_title {
        font-size: 15px;
    }
    .section_title .title_text,
    .section_title.increase_size .title_text,
    .feature_section .section_title .title_text,
    .feature_section .section_title.increase_size .title_text {
        font-size: 30px;
    }
    .section_title p {
        font-size: 15px;
    }
    .header_section .brand_logo>.brand_link,
    .sticky_header.stuck .brand_logo>.brand_link {
        max-width: 115px;
    }
    .banner_section .form_item .btn {
        font-size: 14px;
        padding: 12px 26px;
    }
}

@media screen and (max-width: 710px) {
    .agency_banner .bg_2 {
        width: 725px;
    }
    .agency_banner .bg_1 {
        width: 625px;
    }
    .banner_section .banner_content .title_text {
        font-size: 40px;
    }
}

/* 
    .row>* {
        padding-right: calc(var(--bs-gutter-x) * .7);
        padding-left: calc(var(--bs-gutter-x) * .2);
    } */

@media screen and (max-width: 710px) {
    .cta-content-img1 {
        display: none;
    }
}

.custom-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: blue;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-button:hover {
    background-color: darkblue;
}

.custom-button span {
    margin: 0 5px;
}

.know-more-div {
    position: relative;
}

.know-more-div .know-more-button {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.know-more-div:hover .know-more-button {
    display: block;
}

.know-more-button {
    width: 130px;
    height: 4vh;
}

.know-more-button-mobile {
    display: none;
}

@media (max-width:768px) {
    .know-more-button-mobile {
        display: block;
        width: 150px;
    }
    .know-more-div:hover .know-more-button {
        display: none;
    }
    .start-chat-button-mobile {
        width: 150px;
    }
    .trending-product-buttons-div {
        display: flex;
        /* gap: 20px; */
        margin-left: 30px;
    }
    .smart_contract_dev_process h2 {
        font-size: 35px;
        text-align: center;
    }
    .why-chhose-us-section {
        margin-left: 15px;
    }
    .browse-our-impactful {
        margin-left: 15px;
    }
    .Ourprocesure-main-div {
        margin-left: 20px;
    }
    .faq_main {
        margin-left: 20px;
    }
    .tell-us-about-div {
        margin-left: 20px;
    }
    .footer-main-div {
        margin-left: 15px;
    }
    .BnnrSecMain {
        margin-left: 25px;
    }
    .AboutUsWhoWeAre-div {
        margin-left: 15px;
    }
    .OurServices-main-div {
        margin-left: 20px;
    }
}

.Browse-impactful {
    text-align: center !important;
}

.custom-class-name {
    display: none;
}

.why-it-seriveces-box {
    flex-wrap: wrap !important;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    gap: 44px !important;
}

.why-it-service-important {
    padding: 20px 10px;
    cursor: pointer;
    width: 270px !important;
    height: auto;
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
    border: 1px double white;
    border-radius: 10px;
    text-align: center;
    justify-content: center;
    /* box-shadow: 0px 0px 20px -6px gray; */
    /* padding: 35px ; */
    /* background: #000000; */
}

.why-it-service-important img {
    border-radius: 10px;
    width: 240px;
    height: 190px;
}

.why-it-service-important h3 {
    font-size: 20px;
}

.swiper-slider-images {
    height: 70vh;
    /* width: 300px !important; */
    background-repeat: no-repeat;
    object-fit: contain;
    background-position: center;
    mix-blend-mode: color-burn !important;
    background-size: cover;
}

.swiper-slider-images-1 {
    height: 80vh;
    width: 600px !important;
    background-repeat: no-repeat;
    object-fit: contain;
    background-position: center;
    mix-blend-mode: color-burn !important;
    background-size: cover;
}

#metaverse_game_main {
    background: #01030B;
}

.img-fluid-1 {
    width: 30px
}

.met_game1 img {
    width: 600px;
    margin: 50px 0 0 48px;
}

.game_devlist {
    display: flex;
    justify-content: center;
}

.hire_metblock_game {
    display: flex;
    justify-content: center;
}

.hire_metblock_game img {
    width: 500px;
    border-radius: 50px;
}

.met_advant {
    width: 25px;
    padding-top: 15px;
}

#metaverse_game_main .metaverse_game_banner {
    padding: 50px 0px;
    height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width:768px) {
    .banner_img {
        display: none;
    }
}

#metaverse_game_main .metaverse_game_banner .cus_ban_col {
    padding-right: 20px;
}

#metaverse_game_main .metaverse_game_banner .banner_img {
    padding-top: 35px;
}

@media (max-width: 1400px) {
    #metaverse_game_main .metaverse_game_banner .banner_img {
        width: 630px;
    }
}

#metaverse_game_main a {
    text-decoration: none;
}

#metaverse_game_main .metaverse_game_banner .banner_contsec {
    margin-left: -20%;
    padding-right: 50px;
}

#metaverse_game_main .metaverse_game_banner .title {
    font-weight: 700;
    font-size: 35px !important;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: 3px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_banner .cus_brn_title {
    font-weight: 900;
    color: #BD3AFF;
    font-size: 55px;
}

#metaverse_game_main .metaverse_game_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
}

#metaverse_game_main .metaverse_game_banner .banner_btn_sec {
    margin-top: 30px;
}

#metaverse_game_main .metaverse_game_banner .banner_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    border: none;
}

#metaverse_game_main .metaverse_game_sec {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_sec .title {
    font-size: 30px;
    color: #BD3AFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_sec .metaverse_game_btn_sec {
    text-align: center;
    display: flex;
    margin-top: 30px;
}

#metaverse_game_main .metaverse_game_whatsec {
    padding: 50px 0px;
    text-align: center;
}

#metaverse_game_main .metaverse_game_whatsec .title {
    font-size: 40px;
    color: #BD3AFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_whatsec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    background: #33FF00;
    box-shadow: 0px 0px 10px #33FF00;
    margin-right: 10px;
}

#metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00C2FF;
    box-shadow: 0px 0px 10px #00C2FF;
    color: #000 !important;
}

#metaverse_game_main .metaverse_game_comp {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_comp #metaverse_game_comp_card {
    padding: 20px 120px;
    background: rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    position: relative;
    z-index: 10;
}

#metaverse_game_main .metaverse_game_comp .metaverse_game_comp_cardsec {
    position: relative;
    z-index: 1;
}

@media (min-width: 991px) {
    #metaverse_game_main .metaverse_game_comp .metaverse_game_comp_cardsec:before {
        content: "";
        position: absolute;
        border: 5px solid #fff;
        width: 200px;
        box-shadow: 0px 0px 15px 2px #ff00d0e0;
        height: 200px;
        border-radius: 50%;
        top: 13%;
        left: -12%;
        z-index: -1;
    }
    #metaverse_game_main .metaverse_game_comp .metaverse_game_comp_cardsec:after {
        content: "";
        position: absolute;
        border: 5px solid #fff;
        width: 200px;
        box-shadow: 0px 0px 20px 3px #FF00D0;
        height: 200px;
        border-radius: 50%;
        top: 13%;
        right: -12%;
        z-index: -1;
    }
}

#metaverse_game_main .metaverse_game_comp .title-14 {
    font-size: 35px;
    color: #BD3AFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_comp .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_benefits {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_benefits .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_benefits .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_benefits .benefits_box {
    padding: 20px;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
    margin-top: 30px;
    min-height: 300px;
    transition: 0.5s all ease-in-out;
    transform: translateY(10px);
}

#metaverse_game_main .metaverse_game_benefits .benefits_box:hover {
    transform: translateY(0px);
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_benefits .benefits_box.clippath1 {
        -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        min-height: 378px;
    }
    #metaverse_game_main .metaverse_game_benefits .benefits_box.clippath2 {
        -webkit-clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
        min-height: 378px;
    }
    #metaverse_game_main .metaverse_game_benefits .cp_center {
        margin-top: 130px;
    }
    #metaverse_game_main .metaverse_game_benefits .clippath1 .sprite_icons,
    #metaverse_game_main .metaverse_game_benefits .clippath2 .sprite_icons {
        margin-top: 15px;
        margin-bottom: 20px;
    }
}

#metaverse_game_main .metaverse_game_benefits .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_game_main .metaverse_game_benefits .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_benefits .sprite_icons {
    width: 40px;
    height: 40px;
    object-fit: none;
    position: relative;
    z-index: 1;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

#metaverse_game_main .metaverse_game_benefits .img_sec {
    position: relative;
}

#metaverse_game_main .metaverse_game_benefits .img_sec:before {
    content: "";
    position: absolute;
    background: #00E0FF;
    filter: blur(12.5px);
    width: 30px;
    height: 20px;
    bottom: 15%;
    left: 45%;
    z-index: 0;
}

#metaverse_game_main .metaverse_game_benefits .cp_center .img_sec:before {
    bottom: -12%;
}

#metaverse_game_main .metaverse_game_benefits .cp_center .img_sec {
    margin-bottom: 10px;
}

#metaverse_game_main .metaverse_game_unique {
    padding: 50px 0px;
    position: relative;
}

@media (min-width: 991px) {
    #metaverse_game_main .metaverse_game_unique:before {
        content: "";
        position: absolute;
        background: linear-gradient(141.34deg, #C434E5 11.16%, #00E0FF 105.98%);
        filter: blur(242.5px);
        width: 300px;
        height: 160px;
        border-radius: 50px;
        top: 43%;
        left: 40%;
        z-index: 0;
    }
}

#metaverse_game_main .metaverse_game_unique .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_unique .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_unique .unique_box {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#metaverse_game_main .metaverse_game_unique .unique_box:hover .sub_title {
    color: #C434E5;
}

#metaverse_game_main .metaverse_game_unique .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_game_main .metaverse_game_unique .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_unique .sprite_icons {
    width: 50px;
    height: 50px;
    /* object-fit: none; */
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_unique .row_line {
        position: relative;
    }
    #metaverse_game_main .metaverse_game_unique .row_line:before {
        position: absolute;
        content: '';
        top: 2%;
        left: 33%;
        height: 100%;
        width: 1px;
        border: 1px solid #C434E5;
        opacity: 0.12;
    }
    #metaverse_game_main .metaverse_game_unique .row_line:after {
        position: absolute;
        content: '';
        top: 2%;
        right: 33%;
        height: 100%;
        width: 1px;
        border: 1px solid #C434E5;
        opacity: 0.12;
    }
    #metaverse_game_main .metaverse_game_unique .col_line {
        position: relative;
    }
    #metaverse_game_main .metaverse_game_unique .col_line:after {
        position: absolute;
        content: '';
        bottom: -6%;
        left: -1%;
        height: 1px;
        width: 100%;
        border: 1px solid #C434E5;
        opacity: 0.12;
    }
}

#metaverse_game_main .metaverse_game_model {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_model .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_model .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_model .model_box {
    padding: 20px;
    text-align: center;
    margin-top: 10px;
    border-radius: 8px;
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(180deg, #C434E5 0%, #000000 70%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #01030b inset;
}

#metaverse_game_main .metaverse_game_model .model_box:hover {
    box-shadow: inset 0px -1px 18px rgb(195 52 228 / 43%);
    border: none;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#metaverse_game_main .metaverse_game_model .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_model .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_process {
    padding: 50px 0px;
    position: relative;
}

#metaverse_game_main .metaverse_game_process .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_process .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_process .process_list_after {
    position: relative;
}

#metaverse_game_main .metaverse_game_process .process_list_after:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #01030B;
    border: 5px solid #C434E5;
    box-shadow: 0px 0px 15px #C434E5;
    position: absolute;
    top: 25%;
    left: 50.2%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#metaverse_game_main .metaverse_game_process .process_after {
    margin-top: 30px;
    position: relative;
}

#metaverse_game_main .metaverse_game_process .process_after:after {
    content: "";
    width: 3px;
    height: 100%;
    background: #C434E5;
    position: absolute;
    top: 0px;
    left: 50%;
    border-radius: 20px;
}

#metaverse_game_main .metaverse_game_process .process_box {
    padding: 20px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    margin: 10px 35px;
}

#metaverse_game_main .metaverse_game_process .process_box:hover {
    border: 1px solid #c434e5;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#metaverse_game_main .metaverse_game_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 30px;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_process .bg_title {
        color: transparent;
        opacity: 0.15;
        transform: rotate(-89.99deg);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #bb3bff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-fill-color: linear-gradient(105.44deg, #BB3CFF 46%, #000000 27%);
        font-weight: 700;
        font-size: 140px;
        letter-spacing: 10px;
        position: absolute;
        left: -22%;
        top: 38%;
        z-index: 1;
        text-transform: uppercase;
    }
    #metaverse_game_main .metaverse_game_process .bg_title1 {
        color: transparent;
        opacity: 0.15;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #bb3bff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-fill-color: linear-gradient(105.44deg, #BB3CFF 46%, #000000 27%);
        font-weight: 700;
        font-size: 140px;
        position: absolute;
        right: 4%;
        line-height: 2;
        top: 25%;
        z-index: 1;
        text-transform: uppercase;
    }
    #metaverse_game_main .metaverse_game_services {
        padding: 130px 0px;
        /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }
}

#metaverse_game_main .metaverse_game_services .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

#metaverse_game_main .metaverse_game_services .service_box {
    padding: 15px;
    border-radius: 10px;
    background: #0E1017;
    min-height: 495px;
    position: relative;
    z-index: 1;
    margin-top: 30px;
    border: 1px solid transparent;
}

#metaverse_game_main .metaverse_game_services .service_box:hover {
    border: 1px solid #C434E5;
    background: transparent;
}

#metaverse_game_main .metaverse_game_services .service_box .img_sec {
    overflow: hidden;
}

#metaverse_game_main .metaverse_game_services .service_box:hover .sprite_icons {
    webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#metaverse_game_main .metaverse_game_services .sprite_icons {
    /* width: 100%; */
    height: 170px;
    transition: all .8s ease-in-out;
    overflow: hidden;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

#metaverse_game_main .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 20px;
}

#metaverse_game_main .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_clone {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_clone .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_clone .clone_list_sec {
    text-align: center;
    margin: 0 auto;
    display: table;
}

#metaverse_game_main .metaverse_game_clone .clone_list {
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

#metaverse_game_main .metaverse_game_clone .sub_title {
    padding-left: 12px;
    font-size: 16px;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_category {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_category .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_category .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

#metaverse_game_main .metaverse_game_category .category_box {
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(280deg, #C434E5 0%, #000000 70%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 20px 0px;
    box-shadow: 2px 1000px 1px #090a11 inset;
    position: relative;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_category .category_box:before {
        position: absolute;
        content: '';
        top: -23%;
        left: -17%;
        width: 720px;
        height: 500px;
        /* background: url(./asset/inner-pages-new/metaverse-game-development/category-img.webp); */
    }
}

#metaverse_game_main .metaverse_game_category .category_list {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-top: 10px;
}

#metaverse_game_main .metaverse_game_category .sub_title {
    padding-left: 15px;
    font-size: 16px;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_category .sprite_icons {
    width: 50px;
    height: 50px;
    /* object-fit: none; */
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

#metaverse_game_main .metaverse_game_industry {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_industry .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_industry .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_industry .industry_box {
    padding: 15px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #C434E5;
    border-radius: 5px;
    margin: 40px 0px;
    transition: 0.5s all ease-in-out;
    transform: translateY(10px);
}

#metaverse_game_main .metaverse_game_industry .industry_box:hover {
    transform: translateY(0px);
}

#metaverse_game_main .metaverse_game_industry .industry_box:hover .sprite_icons {
    filter: grayscale(1);
}

#metaverse_game_main .metaverse_game_industry .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
    margin-bottom: -60px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

#metaverse_game_main .metaverse_game_techstack {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_techstack .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_techstack #techstack_box {
    background: linear-gradient(93.58deg, #C434E5 20.68%, #8B52FF 91.07%);
    padding: 35px 20px;
    margin-top: 20px;
    position: relative;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_techstack #techstack_box:before {
        position: absolute;
        content: '';
        background: linear-gradient(93.58deg, rgba(196, 52, 229, 0.15) 20.68%, rgba(139, 82, 255, 0.15) 91.07%);
        transform: rotate(-2.19deg);
        left: 0%;
        top: 0%;
        width: 100%;
        height: 210px;
    }
}

#metaverse_game_main .metaverse_game_techstack .techstack_list {
    text-align: center;
}

#metaverse_game_main .metaverse_game_techstack .sub_title {
    padding-top: 10px;
    font-size: 16px;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_techstack .sprite_icons {
    width: 70px;
    height: 70px;
    /* object-fit: none;
    animation: zoom-in-zoom-out 2s ease-out infinite; */
}

#metaverse_game_main .metaverse_game_hire {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_hire .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_hire .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: justify;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_hire .metaverse_game_btn_sec {
    text-align: center;
    justify-content: center;
    display: flex;
    margin-top: 20px;
}

#metaverse_game_main .metaverse_game_whydo {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_whydo .why_do_box {
    padding: 130px 20px 20px 20px;
    text-align: center;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.05) 7.69%, rgba(255, 255, 255, 0) 143.98%);
    border-radius: 27px;
    margin-top: -200px;
}

#metaverse_game_main .metaverse_game_whydo .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_whydo .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_whydo .sub_title {
    font-size: 23px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: capitalize;
    margin-bottom: 20px;
}

#metaverse_game_main .metaverse_game_whydo .whydo_list {
    display: flex;
    align-items: center;
    padding: 10px;
}

#metaverse_game_main .metaverse_game_whydo .sub_contents {
    font-size: 16px;
    padding-left: 10px;
    line-height: 1.6;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_ebook_sec {
    padding: 90px 0px;
}

#metaverse_game_main .metaverse_game_ebook_sec .title-15 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_ebook_sec .contents-15 {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_ebook_sec #ebook_card {
    padding: 30px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    position: relative;
}

#metaverse_game_main .metaverse_game_ebook_sec #ebook_card .ebook_card_img {
    position: absolute;
    top: -28%;
    right: 8%;
    height: 480px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn_sec {
    margin-top: 20px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn {
    background: #01030b;
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:before,
#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
    padding: 10px 20px;
    position: absolute;
    right: 0%;
    top: -13%;
    width: 150px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
    text-align: center;
}

#metaverse_game_main .metaverse_game_ebook_sec .free_img {
    width: 80px;
}

@media(max-width: 991px) {
    #metaverse_game_main .metaverse_game_banner {
        display: flex;
        align-items: center;
        height: 650px;
        padding: 50px 0px;
        text-align: center;
    }
    #metaverse_game_main .metaverse_game_banner .banner_contsec {
        padding-right: 0px;
        margin-left: 0%;
    }
    #metaverse_game_main .metaverse_game_banner .title {
        margin-top: 0px;
    }
    #metaverse_game_main .metaverse_game_banner .banner_btn_sec {
        display: flex;
        justify-content: center;
    }
    #metaverse_game_main .metaverse_game_sec {
        padding-top: 0px;
    }
    #metaverse_game_main .metaverse_game_sec,
    #metaverse_game_main .metaverse_game_clone,
    #metaverse_game_main .metaverse_game_hire,
    #metaverse_game_main .metaverse_game_hire .contents {
        text-align: center;
    }
    #metaverse_game_main .metaverse_game_comp #metaverse_game_comp_card {
        padding: 20px;
    }
    #metaverse_game_main .metaverse_game_benefits .benefits_box {
        min-height: 370px;
    }
    #metaverse_game_main .metaverse_game_benefits .img_sec:before {
        bottom: 1%;
        left: 48%;
    }
    #metaverse_game_main .metaverse_game_process .bg_title,
    #metaverse_game_main .metaverse_game_process .bg_title1 {
        display: none;
    }
    #metaverse_game_main .metaverse_game_services {
        padding: 50px 0px;
    }
    #metaverse_game_main .metaverse_game_whydo .why_do_box {
        margin-top: -150px;
    }
    #metaverse_game_main .metaverse_game_hire .contents {
        padding: 0px 20px;
    }
    #metaverse_game_main .metaverse_game_category .category_box {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        box-shadow: none;
        box-shadow: initial;
    }
    #metaverse_game_main .metaverse_game_category .contents {
        margin-bottom: 0px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec {
        padding: 50px 0px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -9%;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec .free_img {
        width: 60px;
    }
}

/* @media(max-width: 430px) {
    .What-is-metaverse-NFT-img {
        display: none !important;
    }
} */

@media (max-width:430px) {
    #metaverse_game_main .metaverse_game_whatsec>.container>.what-is-metaverse-nft-container {
        flex-direction: column-reverse !important;
        gap: 30px;
    }
}

@media(max-width: 767px) {
    #metaverse_game_main .metaverse_game_banner {
        display: flex;
        align-items: center;
        height: auto !important;
        padding: 50px 0px;
    }
    /* .What-is-metaverse-NFT-img {
        display: none !important;
    } */
    #metaverse_game_main .metaverse_game_sec .title {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    #metaverse_game_main .metaverse_game_banner .title {
        font-size: 25px !important;
        line-height: 1.5;
        letter-spacing: 0px;
        margin-top: 10%;
    }
    #metaverse_game_main .metaverse_game_banner .cus_brn_title {
        font-size: 35px !important;
    }
    #metaverse_game_main .metaverse_game_banner .banner_btn {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #metaverse_game_main .metaverse_game_whatsec .title,
    #metaverse_game_main .metaverse_game_comp .title-14,
    #metaverse_game_main .metaverse_game_benefits .title,
    #metaverse_game_main .metaverse_game_unique .title,
    #metaverse_game_main .metaverse_game_model .title,
    #metaverse_game_main .metaverse_game_process .title,
    #metaverse_game_main .metaverse_game_services .title,
    #metaverse_game_main .metaverse_game_industry .title,
    #metaverse_game_main .metaverse_game_clone .title,
    #metaverse_game_main .metaverse_game_category .title,
    #metaverse_game_main .metaverse_game_techstack .title,
    #metaverse_game_main .metaverse_game_hire .title,
    #metaverse_game_main .metaverse_game_whydo .title,
    #metaverse_game_main .metaverse_game_ebook_sec .title-15 {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    #metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn,
    #metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .ebook_btn {
        font-size: 14px !important;
    }
    #metaverse_game_main .metaverse_game_benefits .benefits_box,
    #metaverse_game_main .metaverse_game_services .service_box {
        min-height: 0px;
    }
    #metaverse_game_main .metaverse_game_process .process_after:after {
        left: 0%;
    }
    #metaverse_game_main .metaverse_game_process .process_list_after:after {
        left: 0.2%;
    }
    #metaverse_game_main .metaverse_game_category .sub_title {
        padding-left: 5px;
    }
    #metaverse_game_main .metaverse_game_techstack .techstack_list {
        margin-top: 20px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec #ebook_card {
        text-align: center;
        padding: 20px 10px;
        margin: 0px 10px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -14%;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .title-15-15 {
        margin-top: 30px;
    }
    #metaverse_game_main .metaverse_game_sec .metaverse_game_btn_sec {
        justify-content: center;
    }
    #metaverse_game_main .metaverse_game_sec .metaverse_game_btn {
        font-size: 14px;
        width: 170px;
    }
    #metaverse_game_main .metaverse_game_sec .metav_game_dev_img {
        margin-top: 20px;
    }
    #metaverse_game_main .metaverse_game_whydo .sub_title {
        font-size: 18px;
    }
    .met_advant {
        padding-top: 0px !important;
    }
}

@media(max-width: 576px) {
    #metaverse_game_main .metaverse_game_process .process_after:after {
        left: 4%;
    }
    #metaverse_game_main .metaverse_game_process .process_list_after:after {
        left: 4.2%;
    }
    .met_advant {
        padding-top: 0px !important;
    }
}

@media(max-width: 467px) {
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
        right: -10%;
        top: -10%;
    }
    .met_advant {
        padding-top: 0px !important;
    }
}

#metaverse_event_platform_main {
    background: #090909;
}

#metaverse_event_platform_main .metaverse_event_platform_banner {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(../../static/media/bannerEvent.6354baabc2a3a48799e8.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
}

@media (max-width: 768px) {
    .metaverse-social-develoment {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }
}

@media (max-width:500px) {
    .ourservice-titles-new {
        font-weight: 600 !important;
        font-size: 20px !important;
        text-align: center;
    }
}

.ourservice-titles-new {
    font-weight: 600 !important;
    font-size: 35px !important;
    text-align: center;
}

@media (max-width: 991px) {
    #metaverse_event_platform_main .metaverse_event_platform_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 50% !important;
    }
    #metaverse_event_platform_main .metaverse_event_platform_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909c9;
    }
}

#metaverse_event_platform_main .metaverse_event_platform_banner .banner_sec {
    margin-top: 38%;
}

#metaverse_event_platform_main .metaverse_event_platform_banner .title {
    font-weight: 700;
    font-size: 45px !important;
    text-transform: capitalize;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_event_platform_main .metaverse_event_platform_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    text-align: center;
}

#metaverse_event_platform_main .metaverse_event_platform_banner .banner_btn_sec {
    margin-top: 20px;
    text-align: center;
    justify-content: center;
    display: flex;
}

#metaverse_event_platform_main .metaverse_event_platform_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #metaverse_event_platform_main .metaverse_event_platform_virtual {
        background: url(../../static/media/solution-bg.0ed25c537acb2a13603d.webp);
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        min-height: 1281px;
        align-items: center;
        animation: change_bg 2s linear infinite alternate;
    }
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
}

#metaverse_event_platform_main .metaverse_event_platform_virtual img {
    animation: change_bg 2s linear infinite alternate;
}

#metaverse_event_platform_main .metaverse_event_platform_virtual .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_virtual .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_event_platform_main .metaverse_event_platform_virtual .virtual_content_sec {
    text-align: center;
    margin-top: 80%;
}

#metaverse_event_platform_main .metaverse_event_platform_comp {
    padding: 50px 0px;
}

#metaverse_event_platform_main .metaverse_event_platform_comp .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_comp .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn.mobile {
    display: none;
}

#metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#metaverse_event_platform_main .metaverse_event_platform_solut {
    padding: 50px 0px;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_bg_sec {
    background: url(../../static/media/solution-bg.0ed25c537acb2a13603d.webp);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 816px;
    display: flex;
    align-items: center;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box {
    border-radius: 18px 5px 5px 18px;
    background: rgba(0, 0, 0, 0.45);
    box-shadow: 12px 12px 10px 0px rgba(0, 0, 0, 0.77);
    -webkit-backdrop-filter: blur(9.5px);
    backdrop-filter: blur(9.5px);
    padding: 30px 15px;
    overflow-y: scroll;
    height: 600px;
}

/** Scrollbar Styles START **/

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box {
    scrollbar-width: thin;
    scrollbar-color: #00F0FF transparent;
    overflow-y: auto;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar-track {
    background-color: transparent;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar-thumb {
    border-radius: 5px 0px 0px 5px;
    background: #00F0FF;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar-track,
#metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar-thumb {
    border-radius: 5px 0px 0px 5px;
}

@-moz-document url-prefix() {
    #metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-y: auto;
    }
    #metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::scrollbar {
        width: 4px;
        height: 3px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar-track {
        background-color: transparent;
    }
    #metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar-thumb {
        background: #00F0FF;
    }
    #metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-scrollbar-track,
    #metaverse_event_platform_main .metaverse_event_platform_solut .solution_scroll_box::-webkit-scrollbar-thumb {
        border-radius: 5px 0px 0px 5px;
    }
}

/** Scrollbar Styles END **/

#metaverse_event_platform_main .metaverse_event_platform_solut .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .solution_box {
    display: flex;
    padding: 10px;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .contents_sec {
    padding-left: 15px;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .sub_title {
    color: #06EAFF;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_solut .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_event_platform_main .metaverse_event_platform_features {
    padding: 50px 0px;
}

#metaverse_event_platform_main .metaverse_event_platform_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_event_platform_main .metaverse_event_platform_features .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_event_platform_main .metaverse_event_platform_features .card-thumbnail {
    display: flex;
    align-items: center;
}

#metaverse_event_platform_main .metaverse_event_platform_features .feature_box {
    padding: 20px;
    position: relative;
    z-index: 5;
    margin-top: 40px;
    border-radius: 10px;
    background: #000;
    min-height: 320px;
}

#metaverse_event_platform_main .metaverse_event_platform_features .feature_box::before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: linear-gradient(139deg, #00F0FF 0%, #CB45FF 100%);
    background-repeat: repeat-x;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    z-index: -2;
}

#metaverse_event_platform_main .metaverse_event_platform_features .feature_box::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    border-radius: 7px;
    position: absolute;
    z-index: -1;
}

#metaverse_event_platform_main .metaverse_event_platform_features .feature_box:hover::before {
    transform: rotate(2.663deg);
}

#metaverse_event_platform_main .metaverse_event_platform_features .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 15px;
}

#metaverse_event_platform_main .metaverse_event_platform_features .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#metaverse_event_platform_main .metaverse_event_platform_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_event_platform_main .metaverse_event_platform_benefits {
    padding: 50px 0px;
}

#metaverse_event_platform_main .metaverse_event_platform_benefits .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_event_platform_main .metaverse_event_platform_benefits .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#metaverse_event_platform_main .metaverse_event_platform_benefits .benefits_box {
    padding: 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    position: relative;
    margin-bottom: 50px;
}

#metaverse_event_platform_main .metaverse_event_platform_benefits .sub_title {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 20px;
}

#metaverse_event_platform_main .metaverse_event_platform_benefits .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 5px;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_benefits .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin: 0 auto;
    position: absolute;
    top: -8%;
    left: 40%;
}

@media(min-width: 991px) {
    #metaverse_event_platform_main .metaverse_event_platform_why {
        /* background: url('./asset/inner-pages-new/metaverse-event-platform-development/why-bg.webp'); */
        background-position: 60%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        height: 697px;
        padding: 50px 0px;
    }
}

#metaverse_event_platform_main .metaverse_event_platform_why .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#metaverse_event_platform_main .metaverse_event_platform_why .window {
    position: relative;
    transition: all 0.6s ease;
}

#metaverse_event_platform_main .metaverse_event_platform_why .why_box {
    position: relative;
    padding: 15px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    text-align: center;
    min-height: 320px;
    margin-right: 15px;
}

#metaverse_event_platform_main .metaverse_event_platform_why .sub_title {
    color: #00F0FF;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_why .contents {
    font-size: 16px;
    padding-top: 5px;
    font-weight: 300;
    margin-bottom: 0px;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-carousel .owl-item {
    margin-bottom: 30px;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel {
    margin-top: 30px;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-carousel .owl-item {
    position: relative;
    z-index: 1;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-carousel .owl-stage-outer {
    padding-bottom: 10px;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-item.medium.mdright {
    position: relative;
    opacity: 0.4;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav {
    position: absolute;
    bottom: 5%;
    width: 100%;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav .owl-prev {
    position: absolute;
    left: 45%;
    top: 10px;
    background: #00F0FF !important;
    font-size: 16px !important;
    background: #fff;
    border-radius: 50%;
    height: 25px;
    font-weight: 800;
    width: 25px;
    display: flex;
    align-items: center;
    color: #000;
    justify-content: center;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav .owl-prev:hover {
    color: #fff !important;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav .owl-next {
    position: absolute;
    right: 45%;
    top: 10px;
    background: #00F0FF !important;
    font-size: 16px !important;
    background: #fff;
    border-radius: 50%;
    height: 25px;
    font-weight: 800;
    width: 25px;
    display: flex;
    align-items: center;
    color: #000;
    justify-content: center;
}

#metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav .owl-next:hover {
    color: #fff !important;
}

@media(min-width: 991px) {
    #metaverse_event_platform_main .metaverse_event_platform_hire {
        /* background: url('./asset/inner-pages-new/metaverse-event-platform-development/hire-bg.webp'); */
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        min-height: 100vh;
        align-items: center;
        padding: 100px 0px;
        margin-top: -15px;
    }
}

#metaverse_event_platform_main .metaverse_event_platform_hire .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_hire .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_event_platform_main .metaverse_event_platform_hire .hire_content_sec {
    text-align: center;
    margin-top: 60%;
}

#metaverse_event_platform_main .metaverse_event_platform_hire .metaverse_event_plat_btn_sec {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock {
    padding: 50px 0px;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .whyMetaBlock_list_box {
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.03);
    -webkit-backdrop-filter: blur(67.5px);
    backdrop-filter: blur(67.5px);
    padding: 20px;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .whyMetaBlock_list_col {
    position: relative;
    z-index: 1;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .whyMetaBlock_list_col:after {
    position: absolute;
    content: '';
    bottom: -8%;
    right: -4%;
    width: 85px;
    height: 85px;
    background: linear-gradient(152deg, #CB45FF 0%, #435AFF 100%);
    border-radius: 50%;
    z-index: -1;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .whyMetaBlock_list {
    display: flex;
    align-items: center;
    padding: 15px 0px;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .sub_title {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 15px;
}

#metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .whyMetaBlock_list img {
    width: 30px;
}

@media(max-width: 991px) {
    #metaverse_event_platform_main .metaverse_event_platform_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
        height: 500px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_banner .banner_sec {
        margin-top: 0%;
    }
    #metaverse_event_platform_main .metaverse_event_platform_banner .banner_btn {
        width: 170px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_comp {
        text-align: center;
        padding: 50px 0px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_virtual .virtual_content_sec {
        margin-top: 0%;
    }
    #metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn_sec {
        justify-content: center;
    }
    #metaverse_event_platform_main .metaverse_event_platform_benefits img {
        margin-bottom: 50px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_benefits .sprite_icons {
        left: 45%;
        top: -12%;
    }
    #metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    #metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn.desktop {
        display: none;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why {
        text-align: center;
        padding-bottom: 50px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why .why_box {
        min-height: 305px;
        padding: 20px;
        margin: 0px 10px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_hire {
        padding: 50px 0px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_hire .hire_content_sec {
        margin-top: 0;
    }
    #metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .contents {
        text-align: center;
    }
    #metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .whyMetaBlock_list_box {
        margin-top: 20px;
    }
}

@media(max-width: 767px) {
    #metaverse_event_platform_main .metaverse_event_platform_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_banner .title {
        font-size: 28px !important;
    }
    #metaverse_event_platform_main .metaverse_event_platform_banner .banner_btn,
    #metaverse_event_platform_main .metaverse_event_platform_hire .metaverse_event_plat_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
        width: 170px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_virtual .title,
    #metaverse_event_platform_main .metaverse_event_platform_solut .title,
    #metaverse_event_platform_main .metaverse_event_platform_features .title,
    #metaverse_event_platform_main .metaverse_event_platform_benefits .title,
    #metaverse_event_platform_main .metaverse_event_platform_comp .title,
    #metaverse_event_platform_main .metaverse_event_platform_why .title,
    #metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .title-10,
    #metaverse_event_platform_main .metaverse_event_platform_hire .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn,
    #metaverse_event_platform_main .metaverse_event_platform_comp .metaverse_event_platform_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_features .feature_box {
        min-height: 0px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_solut .solution_bg_sec {
        min-height: 720px;
        padding: 0px 15px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why #carrousel {
        margin-top: 20px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-carousel .owl-item {
        margin-bottom: 0px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav .owl-prev {
        left: 38%;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav .owl-next {
        right: 38%;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why #carrousel .owl-nav {
        bottom: 0%;
    }
    #metaverse_event_platform_main .metaverse_event_platform_whyMetaBlock .whyMetaBlock_list_col:after {
        display: none;
    }
}

@media(max-width: 476px) {
    #metaverse_event_platform_main .metaverse_event_platform_banner .banner_btn {
        width: 170px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_solut {
        padding: 0px 0px;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why .slick-next {
        right: 40%;
    }
    #metaverse_event_platform_main .metaverse_event_platform_why .slick-prev {
        left: 40%;
    }
}

.Contact-Us-Form {
    /* background-size: cover;
    background-position: center; */
    padding: 120px 0px 50px 0px;
    /* margin: 0; */
    /* height: 110vh; */
    background-color: #000;
}

.form-control input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

.popup-form-1 .modal-dialog {
    background-color: #000;
    max-width: 1000px !important;
}

.popup-form-1 .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form-1 {
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
}

@media (min-width: 991px) {
    .fixed_social_icons a.mobile {
        display: none !important;
    }
    .popup-form-1 .modal-content .popup_form_left_sec {
        border-radius: 0 !important;
        background: url(https://www.MetaBlocktechnologies.com/asset/img/popup-form-new-bg.webp);
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 10px 20px;
        position: relative;
    }
}

.popup-form-1 .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.popup-form-1 .title-14 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0px;
    color: #fff;
}

.popup-form-1 .contents {
    font-size: 16px !important;
    margin-bottom: 20px;
}

.popup-form-1 .title-141 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0px;
    color: #fff;
}

.popup-form-1 .contents1 {
    font-size: 16px !important;
    margin-bottom: 20px;
}

.popup-form-1 .btm_contents {
    font-size: 14px !important;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

.popup-form-1 .head_sec {
    position: absolute;
    bottom: 28%;
    transform: rotate(-90deg);
    left: -15%;
}

.popup-form-1 #popup_contact_form_home_new {
    margin-top: 30px !important;
}

.popup-form-1 .popup-contact-form {
    padding: 20px 20px;
}

.popup-form-1 .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: linear-gradient(93.79deg, #bf47ff -13.43%, #4d58ff 100.49%) !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.popup-contact-form .btn {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

.popup-form-1 .home_popup_submit {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_contact_form_home_new .christmas_btn {
    position: relative;
    display: flex;
    align-items: center;
    background: #00f7ff;
    padding: 10px 35px;
    line-height: 23px;
    text-decoration: none;
    color: #000;
    border-radius: 12px;
    border: 1px solid #14626b;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #23fff8, inset 0 80px 80px -40px #20f2ff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    margin: 0 auto;
}

#popup_contact_form_home_new .christmas_btn::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
}

.popup-form-1 input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

.popup-form-1 .popup_country select {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

.popup-form-1 .popup_country select option {
    color: #000 !important;
}

#popup_contact_form_home_new .selecpicker_input_group_div {
    display: flex;
}

#popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
    background: rgba(217, 217, 217, 0.08) !important;
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

#popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

#popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.popup-form-1 #msg {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    padding-left: 20px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

/* ContectUsForm.css */

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="number"],
.contact-form textarea {
    color: white !important;
}

/* Additional styling for submit button */

.contact-form .contact-form-button {
    color: white;
    /* Set button text color to white */
    background-color: #007bff;
}

.popup-form-1 input::placeholder,
.popup-form-1 select::placeholder,
.popup-form-1 #msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
}

.popup-form-1 input::-ms-input-placeholder,
.popup-form-1 select::placeholder,
.popup-form-1 #msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

.fitoutform-1 .form-group {
    margin-bottom: 1em !important;
}

.popup-form-1 input:-webkit-autofill,
.popup-form-1 select:-webkit-autofill,
.popup-form-1 textarea:-webkit-autofill,
.popup-form-1 input:-webkit-autofill:focus,
.popup-form-1 input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.popup-form-1 .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.popup-form-1 #popup_contact_form_home_new .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.popup-form-1 #popup_contact_form_home_new .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.popup-form-1 .popup-contact-form .social_list_line {
    padding: 10px 22px;
}

.popup-form-1 .popup-contact-form .social_list_sec {
    margin-top: 18px;
}

.popup-form-1 .popup-contact-form .social_list_sec ul {
    display: flex;
}

.popup-form-1 .popup-contact-form .social_list {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
}

.popup-form-1 .popup-contact-form .social_list .sub_title-14 {
    padding-left: 7px;
}

.popup-form-1 .popup-contact-form .social_list .sprite_icons {
    width: 32px;
    height: 32px;
    object-fit: none;
}

.popup-form-1 #popup_contact_form_home_new label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.popup-form-1 #popup_contact_form_home_new label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    .popup-form-1 .modal-content {
        background: linear-gradient(186deg, #1e083d -13.43%, #000000 100.49%) !important;
        border: 1px solid #bf47ff61;
    }
    .popup-form-1 .modal-dialog .modal-content .modal-body .popup_cus_row {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons a.desktop {
        display: none !important;
    }
    .popup-form-1 .head_sec {
        display: none;
    }
    .popup-form-1 .popup-contact-form {
        padding: 20px 10px;
        text-align: center;
    }
    .popup-form-1 .home_popup_submit {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        border-radius: 4px;
        border: none;
        padding: 8px 30px;
        box-shadow: none;
        box-shadow: initial;
        margin-top: 10px;
        width: auto;
        width: initial;
        transition: 2s;
        animation: glowing 2s ease infinite alternate;
    }
    .popup-form-1 .home_popup_submit:hover {
        animation: none 0s ease 0s 1 normal none running;
        animation: initial;
    }
    @keyframes glowing {
        0% {
            /*background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);*/
            transform: scale(1);
        }
        50% {
            /*background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);*/
            transform: scale(0.9);
        }
        100% {
            /*background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);*/
            transform: scale(1);
        }
    }
    .popup-form-1 input,
    .popup-form-1 .popup_country select,
    #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
        height: 50px !important;
    }
    .popup-form-1 #msg {
        height: 100px;
    }
    .popup-form-1 .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    .popup-form-1 .christ_tit {
        font-size: 55px;
        position: relative;
    }
    .popup-form-1 .christ_tit::before {
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/santa-hat.svg);
        position: absolute;
        content: '';
        left: -24%;
        top: -22.6%;
        width: 68px;
        transform: rotate(333deg);
        z-index: 1;
        height: 100px;
        background-repeat: no-repeat;
    }
    .popup-form-1 .title-141 {
        color: #00f7ff;
    }
}

@media (max-width: 767px) {
    .fitoutform-1 .form-group {
        margin-bottom: 0.8em !important;
    }
    .popup-contact-form .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    .popup-form-1 .title-141 {
        font-size: 30px;
        /*background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
        color: #00f7ff;
    }
    .popup-form-1 .popup-contact-form .social_list_sec ul {
        justify-content: center;
    }
    .popup-form-1 {
        top: 0px !important;
    }
    .popup-form-1 .modal-dialog {
        margin-top: 3.5rem;
    }
}

#popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

#popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

/*----------- We are One tap away-------------- */

.contact_us_main {
    background: #000000;
}

.contact_us_main .contact_us_banner {
    padding-top: 50px;
    height: 350px;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.contact_us_main .contact_us_banner .title-14 {
    font-size: 50px;
    text-align: center;
    font-weight: 600;
    margin-top: 70px;
    text-transform: capitalize;
}

.contact_us_main .contact_us_banner .breadcrum_sec {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.contact_us_main .contact_us_banner .breadcrum_sec li {
    padding: 0px 8px;
    font-size: 18px;
}

.contact_us_main .contact_us_banner .breadcrum_sec li a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
}

.contact_us_main .contact_us_banner .breadcrum_sec li.arrow {
    color: #B43EFF;
    font-size: 20px;
    font-weight: 500;
}

.contact_us_main .contact_us_banner .line_sec {
    margin-bottom: 20px;
    text-align: center;
}

.contact_us_main .contact_us_banner .line_sec img {
    width: 230px;
}

.contact_us_main .contact_us_banner .contents {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 30px;
    margin-bottom: 0px;
}

.title-14 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.contents {
    font-size: 16px;
    font-weight: 300;
    padding-top: 8px;
}

.form_sec_main {
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 3px 3px 0px #B43EFF;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-radius: 12px;
    padding: 50px 30px;
}

#cus_col {
    position: relative;
    z-index: 100;
}

/*@media (min-width: 991px) {
     #cus_col:after {
        position: absolute;
        content: '';
        bottom: -9%;
        right: -4%;
        width: 120px;
        height: 120px;
        border-radius: 100px;
        background: linear-gradient(180deg, #B43EFF 0%, #6862FF 100%);
        z-index: -1;
        animation: zoom-in-zoom-out 4s ease-out infinite;
    }
}*/

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

#contactus_form_new {
    padding-top: 30px;
}

#contactus_form_new #contact_submit {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 4px;
    border: none;
    padding: 8px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#contactus_form_new input {
    border: 1px solid #b09fb896 !important;
    color: #fff !important;
    min-height: 50px;
    padding-left: 20px !important;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    width: 100%;
    font-weight: 200;
    background: rgb(16 16 16) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    line-height: 15px;
    border: 1px solid #fbdffc;
    border-radius: 5px;
}

#contactus_form_new .popup_country select {
    border: 1px solid #b09fb896 !important;
    color: #fff !important;
    min-height: 50px;
    padding-left: 20px !important;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    width: 100%;
    font-weight: 200;
    background: rgb(16 16 16) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    line-height: 15px;
    border: 1px solid #fbdffc;
    border-radius: 5px;
}

#contactus_form_new .popup_country select option {
    color: #fff !important;
}

#contactus_form_new .selecpicker_input_group_div {
    display: flex;
}

#contactus_form_new .selecpicker_input_group_div .select_icon_list {
    background: rgb(16 16 16) !important;
    border: 1px solid #b09fb896 !important;
    border-radius: 5px;
    color: #fff !important;
    min-height: 50px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

#contactus_form_new .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

#contactus_form_new .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

#contactus_form_new #msg {
    padding-top: 15px;
    border: 1px solid #b09fb896 !important;
    color: #fff !important;
    min-height: 90px;
    padding-left: 20px !important;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    width: 100%;
    font-weight: 200;
    background: rgb(16 16 16) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    line-height: 15px;
    border: 1px solid #fbdffc;
    border-radius: 5px;
}

#contactus_form_new input::placeholder,
#contactus_form_new select::placeholder,
#contactus_form_new #msg::placeholder {
    /*       Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#contactus_form_new input::-ms-input-placeholder,
#contactus_form_new select::placeholder,
#contactus_form_new #msg::placeholder {
    /*         Microsoft Edge */
    color: #fff;
}

#contactus_form_new .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#contactus_form_new input:-webkit-autofill,
#contactus_form_new select:-webkit-autofill,
#contactus_form_new textarea:-webkit-autofill,
#contactus_form_new input:-webkit-autofill:focus #contactus_form_new input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #101010 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #b09fb896 !important;
}

#contactus_form_new .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

#contactus_form_new .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

#contactus_form_new .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

#contactus_form_new label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#contactus_form_new label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.contact_details_mbl {
    width: 96%;
}

.Contact-form-map {
    /* border-radius: 10px; */
    width: 58%;
}

.Contact-form-map iframe {
    width: 560px;
    /* Set your default width here */
    height: 500px;
    /* Set your default height here */
    border: 0;
    border-radius: 10px;
}

.center-down-box {
    gap: 20px;
    /* padding: ; */
    display: flex;
    width: 76%;
    margin: auto;
    background-color: #000;
    max-width: 1000px !important;
}

.down-box-Contact-form {
    margin-top: 50px;
    width: 100%;
    /* justify-content: center; */
}

@media (max-width:768px) {
    .center-down-box {
        /* flex-direction: column; */
        align-items: center;
    }
}

@media (min-width: 991px) {
    .contact_form_new {
        padding: 30px;
        box-shadow: inset 0px 0px 25px 0px #b4b4b440;
        border-radius: 10px;
    }
}

.contact-info i {
    background: #b43eff;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    font-size: 20px;
    padding-top: 5px;
    color: #fff !important;
    text-align: center;
    margin-right: 8px;
}

.contact-info,
.phone-info {
    margin-top: 25px;
}

.sub_title-14 {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.contact_info a {
    color: #828282;
}

.c-social ul li a .fa-facebook {
    background: #0269e3;
}

.c-social ul li a .fa-twitter {
    background: #00acee;
}

.c-social ul li a .fa-linkedin {
    background: #0077b5;
}

.c-social ul li a .fa-youtube {
    background: #c4302b;
}

.c-social ul li a .fa-pinterest {
    background: #c8232c;
}

.c-social ul li a .fa-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.c-social {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.c-social ul li a i {
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 18px;
    margin-right: 4px;
}

.c-social ul {
    gap: 20px;
    display: flex;
    margin-top: 15px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

.c-social ul li {
    display: inline-block;
}

@media (max-width: 991px) {
    .contact_us_main .contact_us_banner {
        height: auto;
        height: initial;
        padding-top: 100px;
        display: flex;
        align-items: center;
    }
    .contact_us_main .contact_us_banner .title-14 {
        font-size: 50px;
    }
    .form_sec_main {
        background: rgb(18 18 18);
    }
    .title-14 {
        margin-bottom: 10px;
        text-align: center;
    }
    img {
        margin-top: 15px;
    }
    .contact_form_new {
        display: table;
        margin: 0 auto;
        padding-left: 0px;
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .contact_us_main .contact_us_banner {
        height: auto;
        height: initial;
        padding-top: 50px;
        display: flex;
        align-items: center;
        padding-bottom: 30px;
    }
    .form_sec_main {
        padding: 25px 20px;
    }
    .footer_new_form .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .contact_us_main .contact_us_banner .title-14 {
        font-size: 35px;
        margin-top: 70px;
    }
    .title-14,
    .contact_us_main .contact_us_achive .title-14,
    .contact_us_main .contact_us_locat .title-14,
    .contact_us_main .contact_us_follow .title-14,
    .request_quote_certification_sec .title-14 {
        font-size: 25px !important;
    }
    #contactus_form_new #footer_submit {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    .contact_us_main .contact_us_achive .achive_box {
        margin-top: 8px !important;
    }
    .contact_us_main .contact_us_achive .line_sec {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .contact_us_main .contact_us_achive .line_sec img {
        width: 260px;
    }
    .contact_us_main .contact_us_banner .line_sec {
        margin-top: 10px;
    }
    .contact_us_main .contact_us_banner .line_sec img {
        width: 260px;
    }
    .contact_us_main .contact_us_follow .contact_info_social_sec li {
        padding: 2px !important;
    }
    .request_quote_certification_sec #certifications_row {
        padding: 10px !important;
        margin: 0px 25px;
    }
    .request_quote_certification_sec .quote_certification_img_div {
        padding: 30px 0px;
    }
    #contactus_form_new input,
    #contactus_form_new .selecpicker_input_group_div .select_icon_list,
    #contactus_form_new .popup_country select,
    #contactus_form_new #msg {
        margin-bottom: 10px;
    }
    .contact-info,
    .phone-info {
        margin-top: 20px;
    }
    .contact_details_mbl .title-14 {
        text-align: left;
    }
}

#contactus_form_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

#contactus_form_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.contact_us_main .contact_us_achive {
    padding: 50px 0px;
}

.contact_us_main .contact_us_achive .title-14 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

.contact_us_main .line_sec {
    text-align: center;
}

.contact_us_main .contact_us_achive .achive_box {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

.contact_us_main .contact_us_achive .sub_title-14 {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    padding-top: 10px;
}

.contact_us_main .contact_us_achive .cus_title-14 {
    color: #B43EFF;
    font-weight: 500;
}

.contact_us_main .contact_us_achive .sprite_icons {
    width: 102px;
    height: 100px;
    object-fit: none;
}

.contact_us_main .contact_us_locat {
    padding: 50px 0px;
}

.contact_us_main .contact_us_locat .title-14 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

.contact_us_main .contact_us_locat .locat_list {
    margin-top: 50px;
    padding: 10px;
}

.contact_us_main .contact_us_locat .head_sec {
    display: flex;
    align-items: center;
}

.contact_us_main .contact_us_locat .sub_title-14 {
    font-size: 16px;
    padding-left: 10px;
}

.contact_us_main .contact_us_locat .sub_title-14 a {
    color: #fff !important;
}

.contact_us_main .contact_us_locat .sub_contents {
    font-size: 16px;
    font-weight: 300;
    padding-top: 10px;
}

.contact_us_main .contact_us_follow {
    padding: 50px 0px;
}

.contact_us_main .contact_us_follow .title-14 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

.contact_us_main .contact_us_follow .contact_info_social_sec {
    margin-top: 30px;
    text-align: center;
}

.contact_us_main .contact_us_follow .contact_info_social_sec li {
    list-style: none;
    display: inline-block;
    padding: 10px;
}

.contact_us_main .contact_us_follow .contact_info_social_sec .sprite_icons {
    width: 35px;
    height: 35px;
    object-fit: none;
}

.request_quote_certification_sec .quote_certification_img_div {
    text-align: center;
}

.request_quote_certification_sec .title-14 {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.request_quote_certification_sec #certifications_row {
    border-radius: 17px;
    padding: 30px;
    box-shadow: inset 0px 0px 20px #ffffff3d;
}

.request_quote_certification_sec {
    padding: 70px 0px;
}

.contact_us_main .contact_us_banner svg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 10%;
    left: -44%;
    z-index: 0;
    transform: rotate(-89.99deg);
}

.contact_us_main .contact_us_banner svg text {
    text-transform: uppercase;
    animation: stroke 8s infinite alternate;
    stroke-width: 1;
    stroke: #bb3bff;
    ;
    font-size: 65px;
    letter-spacing: 5px;
    opacity: 0.15;
}

@keyframes stroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: #bb3bff;
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 0.5;
    }
    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: #bb3bff;
    }
    80% {
        fill: rgba(72, 138, 20, 0);
        stroke: #bb3bff;
        stroke-width: 1;
    }
    100% {
        fill: rgba(72, 138, 20, 0);
        stroke: #bb3bff;
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}

.btm_contents {
    font-size: 14px !important;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

.overlay-1 {
    /* background: black; */
    background-image: linear-gradient(to right, #434343 0%, black 100%);
    width: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(317deg, rgba(0, 0, 0, 1) 0%, rgba(48, 47, 47, 1) 28%, rgb(59, 58, 58) 47%, rgba(17, 16, 16, 1) 68%);
    height: 100%;
    z-index: 1;
    position: relative;
    padding: 110px 0;
}

.section-bg {
    /* cursor: none !; */
    background-size: cover;
    position: relative;
    background-position: left;
    z-index: 0;
    padding: 0;
    min-height: auto;
    overflow: hidden;
}

.contact-form {
    position: relative;
    padding: 45px 0 45px 60px;
}

.contact-form:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #080808;
    box-shadow: 0px 0px 20px -6px gray;
    pointer-events: none;
    right: auto;
    width: 100vw;
    border-radius: 10px;
}

.particles-js-canvas-el {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.contact-form input {
    border: 0;
    background: transparent;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 11px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 2px solid transparent;
    border-bottom-color: rgba(73, 77, 78, 0.993);
}

.contact-form textarea {
    border: 0;
    background: transparent;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 11px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 2px solid transparent;
    border-bottom-color: rgba(73, 77, 78, 0.993);
}

.contact-form input::placeholder {
    color: #fff7f7;
}

.contact-form textarea::placeholder {
    color: #ffffff;
}

.contact-form input {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    height: 55px;
}

.contact-form input:hover,
.contact-form input:focus {
    outline: none;
    box-shadow: none;
    background: transparent;
    border: 2px solid transparent;
    border-bottom-color: #fff;
}

.contact-form textarea:hover,
.contact-form textarea:focus {
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 2px solid transparent;
    border-bottom-color: #fff;
}

.taso-btn {
    background-color: #fff;
    margin: 25px 0;
    color: #214dcb;
    box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.17);
}

.contact-info {
    padding: 0 30px 0px 0;
}

h2.contact-title {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}

.contact-info p {
    color: #ececec;
}

ul.contact-info {
    margin-top: 30px;
}

ul.contact-info li {
    margin-bottom: 22px;
}

ul.contact-info span {
    font-size: 20px;
    line-height: 26px;
}

ul.contact-info li {
    display: flex;
    width: 100%;
}

.info-left {
    width: 10%;
}

.info-left i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #ffffff;
}

.info-right h4 {
    color: #fff;
    font-size: 18px;
}

.contact-page .info-left i {
    color: #FE846F;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    font-family: 'Poppins', sans-serif;
    padding: 10px 30px 10px;
    font-size: 17px;
    line-height: 28px;
    border: 0px;
    border-radius: 10px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-big {
    color: #ffffff;
    box-shadow: 2px 5px 10px 0px rgba(45, 45, 45, 0.19);
    color: #fff !important;
    margin-right: 20px;
    background: #FE846F;
    transition: .2s;
    border: 2px solid #FE846F;
    margin-top: 50px;
}

.contact-form-button {
    box-shadow: 0px 0px 20px -6px gray !important;
    border: none;
    background-color: black;
    color: white;
    margin-top: 10px;
    width: 120px;
    height: 40px;
    border-radius: 10px;
}

@media only screen and (max-width: 767px) {
    .contact-form {
        padding: 30px;
    }
    .contact-form:before {
        width: 100%;
    }
    .contact-title {
        text-align: center;
    }
}

@media(max-width:500px) {
    .info-right {
        padding-left: 10px;
    }
}

.faq_main .breadcrumb_padd {
    padding-top: 50px;
    background-color: #101010;
    color: #fff;
    height: 200px;
    display: flex;
    align-items: center;
}

.fadeInUp {
    width: 100%;
}

.faq_main .nomargin {
    margin: 0 !important;
    margin-top: 10px !important;
}

.faq_main .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.faq_main .breadcrumb_section a {
    font-size: 14px;
    color: #fff;
    position: relative;
}

.faq_main .faq_section {
    padding: 50px 0px;
}

.faq_main .faq_section .title {
    font-weight: 700;
    font-size: 35px !important;
    color: #FFFFFF;
    text-transform: capitalize;
    line-height: 1.1;
    font-family: "Urbanist", sans-serif;
}

.faq_main .faq_section #accordion {
    margin-top: 50px;
}

.faq_main .faq_section #accordion .card-header {
    margin-bottom: 20px;
}

.faq_main .faq_section .card {
    background-color: transparent;
}

.faq_main .faq_section #accordion .accordion-title {
    position: relative;
    display: block;
    padding: 8px 0 8px 18px;
    background: #131214;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    transition: all .4s ease-in-out;
    white-space: normal;
    letter-spacing: 0.7px;
    /* letter-spacing: 1px; */
}

.faq_main .faq_section #accordion .accordion-title:focus {
    box-shadow: none;
    box-shadow: initial;
}

.faq_main .faq_section #accordion .accordion-title i {
    position: absolute;
    width: 40px;
    height: 100%;
    right: 0;
    top: 0px;
    color: #fff;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    text-align: center;
    border-right: 1px solid transparent;
    border: none;
}

.faq_main .faq_section [data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}

.faq_main .faq_section #accordion .accordion-body {
    padding: 40px 55px;
}

.accordion-body p {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    letter-spacing: 0.6px;
}

.faq_main .faq_section #accordion #submission {
    margin-top: 30px;
}

.faq_main .faq_section #accordion #loadMore,
.faq_main .faq_section #accordion #loadless {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 8px 20px !important;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border-radius: 3px;
    margin-top: 50px;
    width: -webkit-max-content;
    width: max-content;
    margin: 0 auto;
    text-transform: uppercase;
    border: none;
}

@media (max-width: 767px) {
    .faq_main .faq_section .title {
        font-size: 25px !important;
        line-height: 1.6;
    }
    .faq_main .faq_section #accordion .card-header {
        margin-bottom: 6px;
    }
    .faq_main .faq_section #accordion .accordion-title {
        padding-right: 30px;
    }
    .faq_main .breadcrumb_padd {
        height: 150px;
        padding-top: 80px;
    }
    .faq_main .faq_section #accordion .accordion-body {
        padding: 20px;
    }
}

@media (max-width: 420px) {
    .faq_main .faq_section #accordion .accordion-title {
        padding-right: 50px;
    }
}

.container-div-1 {
    padding-top: 120px;
    display: flex;
    justify-content: center;
    /* width: 80%; */
    margin: auto;
    background-color: black;
    text-align: justify;
}

.container-box-1 {
    text-align: start;
    align-items: flex-start;
}

.container-box-1 h1,
h2,
h3,
h4,
ul,
li {
    text-align: start;
}

.row-1 {
    display: -ms-flexbox;
    /* display: flex; */
    /* flex-direction: column-reverse; */
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.mnyExpoSc-1 {
    background-color: black;
    padding: 130px 0px 60px 0px;
}

.mnyExpoSc-1 .mnySubTlt {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #FFFFFF !important;
}

.mnyExpoSc-1 .mnySub {
    position: relative;
    z-index: 1;
}

.Case-Study {
    text-align: center;
    font-size: 50px !important;
    font-size: 800 !important;
}

.Case-Study span {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mnyExpoSc-1 .mnySub:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    width: 170px;
    height: 10px;
    z-index: -1;
}

.mnyExpoSc-1Img {
    position: relative;
    z-index: 1;
}

.mnyExpoSc-1Img:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    background: #3C5BFF;
    width: 94.46px;
    height: 230px;
    transform: rotate(-51.35deg);
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.BnrCnt p {
    text-align: start;
    font-size: 16px;
    line-height: 1.9;
}

.BnrCnt h2 {
    text-wrap: wrap;
}

.mnyExpoSc-1Img:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 70px;
    background: #E442FF;
    width: 94.46px;
    height: 230px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

@media(max-width: 991px) {
    .row-1 {
        flex-direction: column-reverse !important;
        margin-right: -15px;
        margin-left: -15px
    }
}

@media(max-width: 767px) {
    .mnyExpoSc-1 .mnySubTlt {
        font-size: 15px !important;
    }
}

@media(max-width: 372px) {
    .mnyExpoSc-1 .mnySubTlt {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {
    .Main-section .blockchain_dev_sec .mnyExpoScImg-1 img {
        margin-top: 30px;
    }
}

.MnuPaddTop .mnyExpoSc-1 {
    text-align: center !important;
}

@media (max-width:768px) {
    .mnyExpoSc-1 .mnySub:after {
        display: none;
    }
}

/*------flex-direction-coloumn-inverse----  */

.mnyExpoSc-2 {
    background-color: black;
    padding: 0px 0px 60px 0px;
}

.mnyExpoSc-2 .mnySubTlt {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    leading-trim: both !important;
    text-edge: cap !important;
    color: #FFFFFF !important;
}

.mnyExpoSc-2 .mnySub {
    position: relative;
    z-index: 1;
}

.Case-Study {
    text-align: center;
    font-size: 50px;
    font-size: 800;
}

.mnyExpoSc-2 .mnySub:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    width: 170px;
    height: 10px;
    z-index: -1;
}

.mnyExpoSc-2Img {
    position: relative;
    z-index: 1;
}

.mnyExpoSc-2Img:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    background: #3C5BFF;
    width: 94.46px;
    height: 230px;
    transform: rotate(-51.35deg);
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.mnyExpoSc-2Img:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 70px;
    background: #E442FF;
    width: 94.46px;
    height: 230px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

@media(max-width: 767px) {
    .mnyExpoSc-2 .mnySubTlt {
        font-size: 15px !important;
    }
}

@media(max-width: 372px) {
    .mnyExpoSc-2 .mnySubTlt {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {
    .Main-section .blockchain_dev_sec .mnyExpoScImg-1 img {
        margin-top: 30px;
    }
}

.MnuPaddTop .mnyExpoSc-2 {
    text-align: center !important;
}

@media (max-width:768px) {
    .mnyExpoSc-2 .mnySub:after {
        display: none;
    }
}

.left-case {
    display: flex;
    margin-top: 80px;
    align-items: center;
}

.right-case {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 80px;
    align-items: center;
}

@media all and (max-width:992px) {
    .left-case {
        flex-direction: column;
    }
    .right-case {
        flex-direction: column;
    }
}

#about_us_main {
    background: #090909;
}

#about_us_main .about_us_banner {
    background: url(../../static/media/about-us-banner1.262cab4346e2e7ecd518.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #about_us_main .about_us_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 30% !important;
        height: 650px;
    }
}

#about_us_main .about_us_banner .title {
    font-weight: 300;
    font-size: 40px !important;
    text-transform: capitalize;
    line-height: 1.3;
    color: #fff;
    text-align: center;
}

#about_us_main .about_us_banner .cus_title {
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 60px !important;
    font-weight: 600;
}

#about_us_main .about_us_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#about_us_main .about_us_banner .banner_btn_sec {
    margin-top: 30px;
}

#about_us_main .about_us_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

@media (min-width:991px) {
    #about_us_main .who_we_are_sec {
        background: url(../../static/media/who-we-are-bg.3d0143c90bfc651e9021.webp) no-repeat;
        background-size: cover;
        position: relative;
        padding: 80px 50px;
        background-position: 60%;
    }
}

#about_us_main .who_we_are_sec .title {
    font-size: 70px;
    text-shadow: 0px 7px 4px 0px rgba(0, 0, 0, 0.38);
    color: #fff;
    font-weight: 800;
    line-height: 1.6;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#about_us_main .who_we_are_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#about_us_main .who_we_are_sec .cus_contents {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    font-style: italic;
}

#about_us_main .who_we_are_sec .we_are_box {
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.51);
    -webkit-backdrop-filter: blur(4.5px);
    backdrop-filter: blur(4.5px);
    padding: 40px 20px 30px 70px;
}

#about_us_main .who_we_are_sec .title_sec {
    border-radius: 11px;
    background: linear-gradient(134deg, #C846FF 0%, #445AFF 100%);
    box-shadow: 15px 13px 24px 0px rgba(0, 0, 0, 0.56);
    padding: 30px;
    margin-right: -15%;
    z-index: 1;
    position: relative;
    margin-left: 22%;
}

#about_us_main .our_mission_vision_sec {
    padding: 70px 0px;
}

#about_us_main .our_mission_vision_sec .vision_box {
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.03);
    padding-bottom: 20px;
    min-height: 288px;
}

#about_us_main .our_mission_vision_sec .vision_box .sub_title {
    color: #fff !important;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    border-radius: 15px 15px 0px 0px;
    background: linear-gradient(176deg, #C846FF 0%, #445AFF 100%);
    padding: 12px;
    text-align: center;
}

#about_us_main .our_mission_vision_sec .vision_box .about-title {
    color: #fff !important;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    border-radius: 15px 15px 0px 0px;
    background: linear-gradient(176deg, #C846FF 0%, #445AFF 100%);
    padding: 12px;
    text-align: center;
}

#about_us_main .our_mission_vision_sec .vision_box .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.7;
    padding: 20px;
    text-align: center;
}

#about_us_main .our_mission_vision_sec .sub_title1 {
    color: #fff !important;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
}

#about_us_main .our_mission_vision_sec .contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.7;
    text-align: center;
    padding-bottom: 20px;
}

#about_us_main .our_mission_vision_sec .values_box {
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.03);
    padding: 20px;
    text-align: center;
    margin-top: 60px;
    position: relative;
    min-height: 225px;
}

#about_us_main .our_mission_vision_sec .values_box .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#about_us_main .our_mission_vision_sec .values_box .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    padding-top: 6px;
    line-height: 1.7;
}

#about_us_main .our_mission_vision_sec .sprite_icons {
    width: 65px;
    height: 65px;
    object-fit: none;
    position: absolute;
    top: -15%;
    left: 6%;
}

#about_us_main .whado_wedo_sec {
    padding: 50px 0px;
}

#about_us_main .whado_wedo_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#about_us_main .whado_wedo_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 10px;
}

#about_us_main .blockchain_network {
    padding: 50px 0px;
}

#about_us_main .blockchain_network .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#about_us_main .blockchain_network .img_sec {
    margin-top: 30px;
}

#about_us_main .industries_work_sec {
    padding: 50px 0px;
}

#about_us_main .industries_work_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#about_us_main .industries_work_sec .industries_list {
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#about_us_main .industries_work_sec .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#about_us_main .industries_work_sec .industries_list_sec {
    margin-top: 30px;
    display: grid;
    justify-content: center;
}

#about_us_main .industries_work_sec .industries_list_sec1 {
    margin-top: 30px;
}

#about_us_main .specialization_dev_sec {
    padding: 50px 0px;
}

#about_us_main .specialization_dev_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#about_us_main .specialization_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 10px;
}

#about_us_main .specialization_dev_sec .specialization_list_box {
    padding: 20px;
    border-radius: 15px 0px 0px 15px;
    border: 1px solid #FB46FF;
    background: #000;
    box-shadow: -3px 0px 10px 0px #fb46ff7a;
    height: 360px;
    overflow-y: scroll;
    border-right: none;
}

#about_us_main .specialization_dev_sec .specialization_list {
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#about_us_main .specialization_dev_sec .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

/** Scrollbar Styles START **/

#about_us_main .specialization_dev_sec .specialization_list_box {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar-track,
#about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #about_us_main .specialization_dev_sec .specialization_list_box {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #about_us_main .specialization_dev_sec .specialization_list_box::scrollbar {
        width: 5px;
        height: 3px;
    }
    #about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #about_us_main .specialization_dev_sec .specialization_list_box::-scrollbar-track,
    #about_us_main .specialization_dev_sec .specialization_list_box::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#about_us_main .development_process_sec {
    padding: 50px 0px;
}

#about_us_main .development_process_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

#about_us_main .development_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#about_us_main .development_process_sec .process_box {
    margin: 80px 0px;
}

#about_us_main .development_process_sec .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#about_us_main .development_process_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#about_us_main .development_process_sec .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#about_us_main .development_process_sec .img_sec {
    text-align: center;
    background: #000;
    box-shadow: inset 0px 0px 16px #ffffff26;
    padding: 30px 50px;
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#about_us_main .list_of_certificat_sec {
    padding: 50px 0px;
}

#about_us_main .list_of_certificat_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#about_us_main .list_of_certificat_sec .img_sec {
    margin-top: 30px;
}

#about_us_main .contact_us_achive {
    padding: 50px 0px;
}

#about_us_main .contact_us_achive .title {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#about_us_main .contact_us_achive .achive_box {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#about_us_main .contact_us_achive .sub_title {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    padding-top: 10px;
}

#about_us_main .contact_us_achive .cus_title {
    color: #B43EFF;
    font-weight: 500;
}

#about_us_main .contact_us_achive .sprite_icons {
    width: 102px;
    height: 100px;
    object-fit: none;
}

@media(max-width: 991px) {
    #about_us_main .about_us_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #about_us_main .about_us_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
    }
    #about_us_main .who_we_are_sec {
        padding: 50px 0px;
    }
    #about_us_main .who_we_are_sec .title_sec {
        border-radius: 10px 10px 0px 0px;
        margin-right: 0%;
        margin-left: 0%;
        padding: 10px;
    }
    #about_us_main .who_we_are_sec .we_are_box {
        padding: 40px 20px 30px 30px;
    }
    #about_us_main .who_we_are_sec .title {
        font-size: 50px;
        text-align: center;
        margin-bottom: 0px;
    }
    #about_us_main .whado_wedo_sec {
        text-align: center;
    }
}

@media(max-width: 767px) {
    #about_us_main .about_us_banner {
        display: flex;
        align-items: center;
        height: 550px;
        background-size: cover;
        padding: 50px 0px;
    }
    #about_us_main .about_us_banner .banner_btn,
    #about_us_main .smart_contract_dev_why .smart_contract_btn {
        font-size: 15px !important;
        padding: 10px 20px;
        margin: 0 auto;
        width: 165px;
    }
    #about_us_main .who_we_are_sec .title,
    #about_us_main .whado_wedo_sec .title,
    #about_us_main .blockchain_network .title,
    #about_us_main .industries_work_sec .title,
    #about_us_main .specialization_dev_sec .title,
    #about_us_main .development_process_sec .title,
    #about_us_main .list_of_certificat_sec .title,
    #about_us_main .contact_us_achive .title {
        font-size: 25px !important;
        line-height: 1.6 !important;
        text-align: center;
    }
    #about_us_main .our_mission_vision_sec {
        padding: 50px 0px;
    }
    #about_us_main .our_mission_vision_sec .vision_box {
        min-height: 0px;
        margin-bottom: 30px;
    }
    #about_us_main .our_mission_vision_sec .values_box {
        min-height: 0px;
    }
    #about_us_main .our_mission_vision_sec .sub_title1 {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    #about_us_main .industries_work_sec .industries_list_sec {
        margin-left: 20%;
        display: table;
    }
    #about_us_main .industries_work_sec .industries_list_sec1 {
        margin-left: 20%;
    }
    #about_us_main .specialization_dev_sec .contents {
        text-align: center;
    }
    #about_us_main .development_process_sec .process_box {
        margin: 30px 0px;
        text-align: center;
    }
    #about_us_main .development_process_sec .img_sec {
        margin: 0 auto;
    }
    #about_us_main .development_process_sec .sub_title {
        padding-top: 10px;
    }
    #about_us_main .specialization_dev_sec .specialization_list_box {
        margin-top: 20px;
    }
}

.sub_title-1 {
    color: #C632FF;
}

@-webkit-keyframes closeWindow {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes closeWindow {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ril__outer {
    background-color: rgba(0, 0, 0, 0.85);
    outline: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

.ril__outerClosing {
    opacity: 0;
}

.ril__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

.ril__imageDiscourager {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ril__navButtons {
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 34px;
    padding: 40px 30px;
    margin: auto;
    cursor: pointer;
    opacity: 0.7;
}

.ril__navButtons:hover {
    opacity: 1;
}

.ril__navButtons:active {
    opacity: 0.7;
}

.ril__navButtonPrev {
    left: 0;
    background: rgba(0, 0, 0, 0.2) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) no-repeat center;
}

.ril__navButtonNext {
    right: 0;
    background: rgba(0, 0, 0, 0.2) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) no-repeat center;
}

.ril__downloadBlocker {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    background-size: cover;
}

.ril__caption,
.ril__toolbar {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ril__caption {
    bottom: 0;
    max-height: 150px;
    overflow: auto;
}

.ril__captionContent {
    padding: 10px 20px;
    color: #fff;
}

.ril__toolbar {
    top: 0;
    height: 50px;
}

.ril__toolbarSide {
    height: 50px;
    margin: 0;
}

.ril__toolbarLeftSide {
    padding-left: 20px;
    padding-right: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ril__toolbarRightSide {
    padding-left: 0;
    padding-right: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ril__toolbarItem {
    display: inline-block;
    line-height: 50px;
    padding: 0;
    color: #fff;
    font-size: 120%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ril__toolbarItemChild {
    vertical-align: middle;
}

.ril__builtinButton {
    width: 40px;
    height: 35px;
    cursor: pointer;
    border: none;
    opacity: 0.7;
}

.ril__builtinButton:hover {
    opacity: 1;
}

.ril__builtinButton:active {
    outline: none;
}

.ril__builtinButtonDisabled {
    cursor: default;
    opacity: 0.5;
}

.ril__builtinButtonDisabled:hover {
    opacity: 0.5;
}

.ril__closeButton {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=) no-repeat center;
}

.ril__zoomInButton {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+) no-repeat center;
}

.ril__zoomOutButton {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=) no-repeat center;
}

.ril__outerAnimating {
    -webkit-animation-name: closeWindow;
    animation-name: closeWindow;
}

@-webkit-keyframes pointFade {
    0%,
    19.999%,
    100% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
}

@keyframes pointFade {
    0%,
    19.999%,
    100% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
}

.ril__loadingCircle {
    width: 60px;
    height: 60px;
    position: relative;
}

.ril__loadingCirclePoint {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ril__loadingCirclePoint::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 11%;
    height: 30%;
    background-color: #fff;
    border-radius: 30%;
    -webkit-animation: pointFade 800ms infinite ease-in-out both;
    animation: pointFade 800ms infinite ease-in-out both;
}

.ril__loadingCirclePoint:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ril__loadingCirclePoint:nth-of-type(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
    -webkit-animation-delay: -800ms;
    animation-delay: -800ms;
}

.ril__loadingCirclePoint:nth-of-type(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.ril__loadingCirclePoint:nth-of-type(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}

.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
    -webkit-animation-delay: -666ms;
    animation-delay: -666ms;
}

.ril__loadingCirclePoint:nth-of-type(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

.ril__loadingCirclePoint:nth-of-type(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
    -webkit-animation-delay: -533ms;
    animation-delay: -533ms;
}

.ril__loadingCirclePoint:nth-of-type(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ril__loadingCirclePoint:nth-of-type(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
    -webkit-animation-delay: -400ms;
    animation-delay: -400ms;
}

.ril__loadingCirclePoint:nth-of-type(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.ril__loadingCirclePoint:nth-of-type(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
}

.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
    -webkit-animation-delay: -266ms;
    animation-delay: -266ms;
}

.ril__loadingCirclePoint:nth-of-type(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

.ril__loadingCirclePoint:nth-of-type(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
}

.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
    -webkit-animation-delay: -133ms;
    animation-delay: -133ms;
}

.ril__loadingCirclePoint:nth-of-type(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(13) {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

.ril__loadingContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
    display: none;
}

.ril__errorContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
    display: none;
}

.ril__loadingContainer__icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.container_index {
    min-height: 500px;
}

.breadcrumb_padd {
    padding: 100px 0 30px;
}

.page_why {
    margin: 20px auto;
    text-align: center;
}

.page_why h2,
.page_why h3,
.why_MetaBlock {
    color: #fff !important;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    margin: 10px 0px 5px 0px;
}

#cele_div .sub_head_text {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
}

.why_round {
    position: relative;
    width: 13px;
    height: 13px;
    background: #be48ff;
    border-radius: 50%;
    text-align: center;
    margin: 0px auto;
}

.why_round::before {
    border: 1px solid #be48ff;
    border-radius: 50%;
    content: "";
    height: 13px;
    position: absolute;
    width: 13px;
    left: -8px;
}

.why_round::after {
    border: 1px solid #be48ff;
    border-radius: 50%;
    content: "";
    height: 13px;
    position: absolute;
    width: 13px;
    left: 8px;
}

#cele_div .breadcrumb_padd {
    padding-top: 50px;
    background-color: #101010;
    color: #fff;
    height: 200px;
    display: flex;
    align-items: center;
}

#cele_div .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

#cele_div .breadcrumb_section a {
    font-size: 14px;
    color: #fff;
    position: relative;
}

.celebration_box .inr_img {
    position: relative;
    z-index: 0;
    margin: 6px;
    padding: 0px 0px 10px;
}

.celebration_sec .inr_img img {
    display: block;
    max-width: 280px;
    height: 200px !important;
}

.celebration_box .inr_img:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -6px;
    left: -6px;
    bottom: 6px;
    right: 6px;
    content: "";
    z-index: -1;
    background-color: #2a7bc1;
}

.celebration_box h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
}

#cele_div .breadcrumb_padd {
    padding-top: 100px !important;
}

#cele_div .celebration_sec {
    padding-top: 50px;
}

#cele_div .celebration_sec .main_title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 0px;
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

.HddrBg .navbar .logo_header .mbl_res_logo {
    width: 80%;
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

/*Mobile Sub Menu Style Start*/

.menu_res .dropdown-menu .mbl_sub_head,
.navMnuMn .sub-menu ul li.menu_sub_title {
    padding-bottom: 2px;
    border-bottom: 1px solid #ae7ded;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #b4b1b1;
    font-weight: 600;
    text-transform: uppercase;
    margin: 5px 0px;
}

.menu_res .dropdown-menu .mbl_submenu_list {
    padding-left: 15px;
    position: relative;
}

.menu_res .dropdown-menu .mbl_submenu_list:before {
    position: absolute;
    content: '\2B9E';
    width: 10px;
    height: 10px;
    left: 5%;
    top: 0%;
    color: #ae7ded;
}

.menu_res .dropdown-menu .mbl_submenu_list a {
    margin-right: 0px;
    padding-left: 20px;
}

/*Mobile Sub Menu Style End*/

.single-gallery-item img:hover {
    border: 2px solid black;
}

.like_big,
.likes_count {
    color: gray;
    font-size: 14px;
    padding-right: 0;
    padding-right: initial;
}

.like_big:hover {
    color: Violet;
}

.blog_new_main {
    background: #090909;
}

.blog_new_main .blog_new_banner {
    padding-top: 50px;
    display: flex;
    align-items: center;
    background-image: url(../../static/media/blog-banner-image1.a5317faa5e51ff6bb946.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.blog_new_main .blog_new_banner .VideoWrper {
    position: relative;
}

.blog_new_main .blog_new_banner .VideoWrper .video_sec {
    height: 650px;
}

.blog_new_main .blog_new_banner .VideoWrper video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    background-size: cover;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec {
    position: absolute;
    top: 17%;
    left: 0%;
    z-index: 2;
    width: 100%;
    padding: 0 30px 0 0;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .title_sec {
    position: relative;
    z-index: 1;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .title {
    font-size: 45px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    /* margin-left: 50px; */
}

/* .blog_new_main .blog_new_banner .VideoWrper .content_sec .title_sec::after {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 39%;
    background: linear-gradient(92.04deg, #CA46FF 4.22%, #415AFF 114.98%);
    width: 125px;
    height: 11px;
    clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
    z-index: -1;
} */

.blog_new_main .blog_new_banner .VideoWrper .content_sec .contents {
    font-size: 16px;
    padding-top: 10px;
    color: #fff;
    font-weight: 300;
    line-height: 1.7;
    /* margin-left: 50px; */
    /* width: 40%; */
    text-align: center;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec {
    margin-top: 30px;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input:focus,
.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec .search_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #ca46ff;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 9px;
    position: relative;
    color: white !important;
    font-size: 14px;
    font-weight: 300;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input:-webkit-autofill,
.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input:-webkit-autofill:focus,
.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #041220 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.52);
    font-weight: 300;
    font-size: 14px;
    opacity: 1;
    /* Firefox */
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.52);
    font-weight: 300;
    font-size: 14px;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.52);
    font-weight: 300;
    font-size: 14px;
}

.blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec .search_btn {
    padding: 0px;
    position: absolute;
    right: 2%;
    top: 17%;
    font-weight: 200;
    z-index: 10;
    color: rgba(255, 255, 255, 0.52);
}

.blog_new_main .blog_new_trending_sec .title {
    font-size: 35px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    top: 12%;
    left: 40%;
    z-index: 1;
}

.blog_new_main .blog_new_trending_sec .carousel_sec {
    position: relative;
}

.blog_new_main .blog_new_trending_sec .items {
    padding: 10px 100px;
    background-repeat: no-repeat;
    position: relative;
}

.blog_new_main .blog_new_trending_sec .items:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background: rgb(0 0 0 / 85%);
    width: 100%;
    height: 100%;
    z-index: 0;
}

.blog_new_main .blog_new_trending_sec .trending_box {
    padding: 10px 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    /* height: 50vh; */
    height: auto;
    display: flex;
    align-items: center;
    z-index: 10;
    position: relative;
}

.blog_new_main .blog_new_trending_sec .trending_box .sub_title {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
}

.blog_new_main .blog_new_trending_sec .trending_box .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.7;
}

.blog_new_main .blog_new_trending_sec .trending_box .readmore_btn_sec {
    margin-top: 30px;
}

.blog_new_main .blog_new_trending_sec .trending_box .readmore_btn {
    padding: 8px 20px;
    font-size: 17px !important;
    font-weight: 500 !important;
    border: none;
    letter-spacing: 1.5px;
    color: #fff;
    width: 160px;
}

.blog_new_main .blog_new_trending_sec .slick-prev {
    left: 65%;
    top: 80%;
    z-index: 1;
}

.blog_new_main .blog_new_trending_sec .slick-prev:before {
    content: "\01F860";
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    opacity: 1;
}

.blog_new_main .blog_new_trending_sec .slick-prev:hover:before,
.blog_new_main .blog_new_trending_sec .slick-next:hover:before {
    color: #bd3aff;
}

.blog_new_main .blog_new_trending_sec .slick-next {
    top: 80% !important;
    right: 30%;
    z-index: 1;
}

.blog_new_main .blog_new_trending_sec .slick-next:before {
    content: "\01F862";
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    opacity: 1;
}

.blog_new_main .blog_new_trending_sec .slick-dots {
    position: absolute;
    bottom: 15%;
    left: 12%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.blog_new_main .blog_new_trending_sec .slick-dots li.slick-active button:before {
    background: linear-gradient(90.17deg, #ca46ff 5.42%, #415aff 104.33%);
    opacity: 1;
}

.blog_new_main .blog_new_trending_sec .slick-dots li {
    margin: 0 18px;
}

.blog_new_main .blog_new_trending_sec .slick-dots li button:before {
    color: #fff;
    opacity: 1;
    content: "";
    width: 40px;
    height: 2px;
    background: #fff;
}

.blog_new_main .blog_new_trending_sec .trending_box .img_sec {
    overflow: hidden;
}

.blog_new_main .blog_new_trending_sec .trending_box img {
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

.blog_new_main .blog_new_trending_sec .trending_box img:hover {
    transform: scale(1.2);
}

.blog_new_main .blog_new_popular_sec {
    padding: 50px 0px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_sec {
    flex-direction: row !important;
    justify-content: center;
}

.blog_new_main .blog_new_popular_sec #popular_tab_sec .nav-link {
    color: #fff;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    margin: 5px 10px;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 14px;
    border: none;
}

.blog_new_main .blog_new_popular_sec #popular_tab_sec .nav-link.active,
.blog_new_main .blog_new_popular_sec #popular_tab_sec .show>.nav-link {
    border: 1px solid #fff !important;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    color: #c746ff !important;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec {
    margin-top: 30px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box {
    background: rgba(255, 255, 255, 0.03);
    margin-top: 30px;
    min-height: 500px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .content_sec {
    padding: 0px 15px 15px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .img_sec {
    overflow: hidden;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box img {
    position: relative;
    width: 100%;
    height: 283px;
    transition: all 1s;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box:hover img {
    scale: 1.05;
    rotate: 3deg;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .category_btn {
    position: absolute;
    top: 10%;
    left: 7%;
    padding: 3px 8px;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    background: linear-gradient( 180deg, rgba(202, 70, 255, 0.65) 0%, rgba(65, 90, 255, 0.65) 100%);
    border: 1px solid #ca46ff;
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    z-index: 1;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .bottom_sec {
    display: flex;
    padding-left: 15px;
    padding-bottom: 10px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .content_sec1 {
    min-height: 168px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .time_sec {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 300;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .like_sec {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    padding-left: 10px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .like_sec .like_sec_btn {
    padding: 0px;
    line-height: 0px;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .like_sec .like_sec_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .like_sec .like_sec_btn i {
    color: #777;
}

.blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box .like_sec:hover i {
    color: #cc45ff;
}

.blog_new_main .blog_new_popular_sec .popular_box {
    padding: 10px;
}

.blog_new_main .blog_new_popular_sec .popular_box .img_sec {
    overflow: hidden;
}

.blog_new_main .blog_new_popular_sec .popular_box img {
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

.blog_new_main .blog_new_popular_sec .popular_box img:hover {
    transform: scale(1.2);
}

.blog_new_main .blog_new_popular_sec .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 15px;
    line-height: 1.6;
}

.blog_new_main .blog_new_popular_sec .sub_contents {
    font-size: 16px;
    color: #ffffffc2;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.6;
}

.blog_new_main .blog_new_popular_sec .popular_right_sec .title_sec {
    border-bottom: 2px dashed #994dff;
}

.blog_new_main .blog_new_popular_sec .popular_right_sec .title {
    font-size: 23px;
    font-weight: 300;
    text-transform: capitalize;
    padding-bottom: 15px;
}

.blog_new_main .blog_new_popular_sec .popular_right_sec .popular_list {
    padding: 10px;
}

.blog_new_main .blog_new_popular_sec .popular_right_sec .num_sec {
    font-size: 30px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.45);
}

.blog_new_main .blog_new_popular_sec .popular_right_sec .bottom_sec {
    display: flex;
    margin-top: 8px;
    justify-content: space-between;
}

.blog_new_main .blog_new_popular_sec .popular_right_sec .read_head {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
}

.blog_new_main .blog_new_popular_sec .popular_right_sec .date {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
}

.blog_new_main .blog_new_category_sec {
    padding: 50px 0px;
}

.blog_new_main .blog_new_category_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 10px;
}

.blog_new_main .blog_new_category_sec .contents {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.blog_new_main .blog_new_category_sec a {
    text-decoration: none;
    color: #fff;
}

.blog_new_main .blog_new_category_sec .category_box {
    margin-top: 30px;
    padding: 25px 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 5px;
    position: relative;
    transition: all 0.2s;
}

.blog_new_main .blog_new_category_sec .category_box:hover:before {
    background: transparent;
    transition: all 0.2s;
}

.blog_new_main .blog_new_category_sec .category_box::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 5%;
    background: linear-gradient( 180deg, rgba(202, 70, 255, 0.45) 0%, rgba(65, 90, 255, 0.45) 100%);
    width: 85px;
    height: 100%;
    transition: all 0.2s;
    -webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
}

.blog_new_main .blog_new_category_sec .sub_title {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    z-index: 1;
}

.blog_new_main .blog_new_card_sec {
    padding: 50px 0px;
}

.blog_new_main .blog_new_card_sec .title {
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
}

.blog_new_main .blog_new_card_sec .cus_title {
    font-size: 60px;
    font-weight: 700;
}

@media (min-width: 991px) {
    .blog_new_main .blog_new_card_sec #blog_new_card {
        padding: 30px;
        position: relative;
        /* background: url('../../asset/inner-pages-new/blog/blog-card-mbl-bg.png'); */
        height: 520px;
    }
}

.blog_new_main .blog_new_card_sec #blog_new_card .blog_new_card_btn_sec {
    margin-top: 30px;
}

.blog_new_main .blog_new_card_sec #blog_new_card .blog_new_card_btn {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    background: #fff;
    color: #000;
}

.blog_new_main .blog_new_podcast_sec {
    padding: 50px 0px;
}

.blog_new_main .blog_new_podcast_sec .title {
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    text-align: center;
}

.blog_new_main .blog_new_podcast_sec .podcast_box {
    background: rgba(255, 255, 255, 0.03);
    margin-top: 30px;
}

.blog_new_main .blog_new_podcast_sec .podcast_box .content_sec {
    padding: 20px 20px 10px 20px;
}

.blog_new_main .blog_new_podcast_sec .podcast_box .pod_contents {
    font-weight: 500;
    font-size: 25px;
    text-transform: capitalize;
    word-wrap: break-word;
}

.blog_new_main .blog_new_podcast_sec .podcast_box .social_icon_sec {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.blog_new_main .blog_new_podcast_sec .podcast_box .social_icon {
    color: #ffffffab;
    font-weight: 300;
    font-size: 14px;
    padding: 0px;
    margin-right: 20px;
}

.blog_new_main .blog_new_podcast_sec .podcast_box .social_icon:focus {
    box-shadow: none;
    box-shadow: initial;
}

.blog_new_main .blog_new_podcast_sec .podcast_list_sec .podcast_list {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 53px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
}

.blog_new_main .blog_new_podcast_sec .podcast_list_sec .sub_title {
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 0px;
}

.blog_new_main .blog_new_podcast_sec .podcast_list_sec .icon_sec {
    background: linear-gradient(180deg, #ca46ff 0%, #415aff 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.blog_new_main .blog_new_podcast_sec .podcast_list_sec .podcast_list i {
    color: #fff;
    font-size: 20px;
}

.blog_new_main .blog_new_video_sec {
    padding: 50px 0px;
}

.blog_new_main .blog_new_video_sec .video_card {
    padding: 30px;
    background: rgba(255, 255, 255, 0.05);
}

.blog_new_main .blog_new_video_sec .title {
    font-weight: 500;
    font-size: 30px;
    text-transform: capitalize;
}

.blog_new_main .blog_new_video_sec .video_sec_main img {
    margin-top: 20px;
    width: 100%;
}

.blog_new_main .blog_new_video_sec .video_sec_sub {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .blog_new_main .blog_new_popular_sec #popular_tab_content_sec .popular_tab_box {
        min-height: 0px;
    }
    .blog_new_main .blog_new_card_sec #blog_new_card {
        padding: 30px;
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    }
    .blog_new_main .blog_new_card_sec .cus_title {
        font-size: 50px;
        font-weight: 700;
    }
    .blog_new_main .blog_new_trending_sec .trending_box {
        padding: 10px 0px;
        margin-top: 30px;
    }
    .blog_new_main .blog_new_trending_sec .title {
        top: 3%;
    }
    .blog_new_main .blog_new_trending_sec .trending_box img {
        margin-top: 30px;
    }
    .blog_new_main .blog_new_trending_sec .slick-dots {
        bottom: 1%;
    }
    .blog_new_main .blog_new_trending_sec .slick-prev,
    .blog_new_main .blog_new_trending_sec .slick-next {
        top: 95% !important;
    }
    .blog_new_main .blog_new_trending_sec .slick-prev {
        left: 62%;
    }
    .blog_new_main .blog_new_trending_sec .title {
        left: 38%;
    }
}

@media (max-width: 767px) {
    .blog_new_main .blog_new_banner .VideoWrper .content_sec .title {
        font-size: 28px;
    }
    .blog_new_main .blog_new_banner .VideoWrper .content_sec .title_sec::after {
        display: none;
    }
    .blog_new_main .blog_new_banner .VideoWrper .content_sec {
        padding-right: inherit;
        left: auto;
        left: initial;
        top: 18%;
    }
    .blog_new_main .blog_new_trending_sec .title {
        font-size: 25px;
    }
    .blog_new_main .blog_new_trending_sec .trending_box .sub_title,
    .blog_new_main .blog_new_popular_sec .popular_right_sec .title {
        font-size: 20px;
    }
    .blog_new_main .blog_new_trending_sec .items {
        padding: 40px 20px !important;
    }
    .blog_new_main .blog_new_popular_sec #popular_tab_sec .nav-link {
        width: 100%;
    }
    .blog_new_main .blog_new_category_sec .title,
    .blog_new_main .blog_new_card_sec .title {
        font-size: 25px;
    }
    .blog_new_main .blog_new_card_sec .cus_title {
        font-size: 30px;
    }
    .blog_new_main .blog_new_trending_sec .trending_box .readmore_btn,
    .blog_new_main .blog_new_card_sec #blog_new_card .blog_new_card_btn {
        font-size: 14px !important;
    }
    .blog_new_main .blog_new_trending_sec .trending_box {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        height: auto;
        text-align: center;
    }
    .blog_new_main .blog_new_trending_sec .slick-prev,
    .blog_new_main .blog_new_trending_sec .slick-next {
        display: none !important;
    }
    .blog_new_main .blog_new_popular_sec .popular_right_sec {
        margin-top: 20px;
    }
    .blog_new_main .blog_new_trending_sec .trending_box .readmore_btn {
        margin: 0 auto;
    }
    .blog_new_main .blog_new_trending_sec .title {
        left: 36%;
    }
}

@media (max-width: 600px) {
    .blog_new_main .blog_new_trending_sec .title {
        left: 33%;
    }
}

@media (max-width: 400px) {
    .blog_new_main .blog_new_trending_sec .trending_box .sub_title {
        font-size: 18px !important;
    }
    .blog_new_main .blog_new_category_sec,
    .blog_new_main .blog_new_card_sec {
        padding-top: 0px;
    }
    .blog_new_main .blog_new_banner .VideoWrper .video_sec {
        height: 480px;
    }
    .blog_new_main .blog_new_trending_sec .title {
        left: 25%;
    }
    .blog_new_main .blog_new_banner .VideoWrper .content_sec .search_sec {
        margin-top: 20px;
    }
}

@media (min-width: 767px) {
    .video_sec_main iframe {
        height: 380px;
    }
}

.avatar {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    font-size: 1.25rem;
}

.avatar-img,
.avatar-initials,
.avatar-placeholder {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.avatar-img {
    display: block;
    object-fit: cover;
}

.avatar-initials {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 0;
    background-color: #a0aec0;
}

.avatar-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    background: #a0aec0 url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27%23fff%27 d=%27M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z%27/%3e%3c/svg%3e") no-repeat center/1.75rem;
}

.avatar-indicator {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 20%;
    display: block;
    background-color: #a0aec0;
    border-radius: 50%;
}

.avatar-group {
    display: inline-flex;
}

.avatar-group .avatar+.avatar {
    margin-left: -0.75rem;
}

.avatar-group .avatar:hover {
    z-index: 1;
}

.avatar-sm,
.avatar-group-sm>.avatar {
    width: 2.125rem;
    height: 2.125rem;
    font-size: 1rem;
}

.avatar-sm .avatar-placeholder,
.avatar-group-sm>.avatar .avatar-placeholder {
    background-size: 1.25rem;
}

.avatar-group-sm>.avatar+.avatar {
    margin-left: -0.53125rem;
}

.avatar-lg,
.avatar-group-lg>.avatar {
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem;
}

.avatar-lg .avatar-placeholder,
.avatar-group-lg>.avatar .avatar-placeholder {
    background-size: 2.25rem;
}

.avatar-group-lg>.avatar+.avatar {
    margin-left: -1rem;
}

.avatar-light .avatar-indicator {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}

.avatar-group-light>.avatar {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}

.avatar-dark .avatar-indicator {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
}

.avatar-group-dark>.avatar {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
}

/* Font not working in <textarea> for this version of bs */

textarea {
    font-family: inherit;
    color: white;
}

.blog-place:placeholder-shown {
    color: white !important;
    width: 100%;
    height: 8vh;
}

.aside-block {
    margin-bottom: 30px;
}

.aside-title,
.category-title {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 2px solid var(--color-black);
}

.list-unstyled li {
    display: inline-block;
    color: rgba(var(--color-black-rgb), 0.7);
    padding: 7px 10px;
    border: 1px solid white;
    margin-bottom: 8px;
    transition: 0.3s all ease;
    margin-right: 5px;
}

.aside-title {
    border-bottom: 1px solid white;
}

.bottom_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.like_sec {
    display: flex;
    align-items: center;
}

.read_more_sec {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    /* Center-align the Read More button */
}

.read_more_sec button {
    padding: 3px 8px;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    background: linear-gradient( 180deg, rgba(202, 70, 255, 0.65) 0%, rgba(65, 90, 255, 0.65) 100%);
    border: 1px solid #ca46ff;
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    z-index: 1;
    margin-right: 40px;
}

.titlebar {
    /* background: linear-gradient(90deg, #1e3c72, #2a5298); */
    background-image: url("https://media.istockphoto.com/id/1406988004/vector/brigh-blue-geometric-shapes-and-stripes-on-dark-blue-background.jpg?s=612x612&w=0&k=20&c=BdWWyQbuHk4xr5faMN82Suc6Vt5Merpf1EgBcMQmWII=");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    object-fit: contain;
    text-align: center;
    width: 100%;
}

.titlebar-container .ourtopheadingblog {
    margin-top: 150px !important;
}

@media(max-width:768px) {
    .titlebar {
        /* background: linear-gradient(90deg, #1e3c72, #2a5298); */
        background-image: url("https://media.istockphoto.com/id/1406988004/vector/brigh-blue-geometric-shapes-and-stripes-on-dark-blue-background.jpg?s=612x612&w=0&k=20&c=BdWWyQbuHk4xr5faMN82Suc6Vt5Merpf1EgBcMQmWII=");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 30vh;
        object-fit: contain;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin: auto;
    }
    .titlebar-container .ourtopheadingblog {
        margin-top: 50px !important;
    }
}

.titlebar h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
}

.titlebar .entry-meta li {
    font-size: 18px;
    font-weight: 500;
    color: #e6e6e6;
}

.titlebar a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.titlebar a:hover {
    text-decoration: underline;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.single-post img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 800px;
    margin: 0 auto 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.single-post .entry-content {
    font-size: 18px;
    line-height: 1.6;
    font-family: 'Georgia', serif;
    color: #444;
    text-align: justify;
}

.single-post .entry-content p {
    margin-bottom: 20px;
    font-weight: bold;
}

.aside-block {
    background: black;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.aside-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #1e3c72;
}

.aside-tags li {
    font-size: 16px;
    padding: 8px 10px;
    margin-bottom: 8px;
    background: #f0f0f0;
    display: inline-block;
    border-radius: 4px;
    font-weight: bold;
    color: black;
}

.breadcrumb {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
}

.breadcrumb li {
    margin-left: 10px;
}

.breadcrumb li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

.testi-grid {
    position: relative;
    padding: 30px 20px;
    z-index: 2;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
    margin-top: 60px;
    border-radius: 20px;
    transition: all 0.4s ease-in-out
}

.news-container-inner {
    margin-top: 130px;
}

.testi-grid:before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: var(--white-color);
    z-index: -1
}

.testi-grid_wrapper {
    display: flex;
    gap: 30px
}

@media (max-width: 767px) {
    .testi-grid_wrapper {
        gap: 15px
    }
}

@media (max-width: 375px) {
    .testi-grid_wrapper {
        display: block
    }
}

.testi-grid_profile {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    transition: all 0.4s ease-in-out
}

.testi-grid_img {
    position: relative;
    min-width: 120px;
    display: block;
    margin: auto;
    transition: all 0.4s ease-in-out;
    z-index: 2;
    margin: -50px 0 25px 0;
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%);
    clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%)
}

@media (max-width: 767px) {
    .testi-grid_img {
        min-width: 80px
    }
}

@media (max-width: 375px) {
    .testi-grid_img {
        -webkit-clip-path: polygon(6% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%);
        clip-path: polygon(6% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%)
    }
}

.testi-grid_img img {
    width: 120px;
    height: 120px;
    transition: all 0.4s ease-in-out
}

@media (max-width: 767px) {
    .testi-grid_img img {
        width: 80px;
        height: 80px
    }
}

.testi-grid_name {
    margin-bottom: 2px
}

.testi-grid_text {
    font-style: italic;
    margin-bottom: 10px
}

.testi-grid_desig {
    font-size: 14px;
    margin-bottom: -0.3rem
}

.testi-grid .star-icon i {
    font-size: 14px;
    color: #FFC700
}

@media (max-width: 767px) {
    .testi-grid .star-icon i {
        font-size: 10px
    }
}

.testi-grid .testi-quote {
    position: absolute;
    right: 70px;
    bottom: 30px;
    z-index: -1
}

.testi-grid_wrapper {
    display: flex;
    gap: 30px;
}

@media (max-width: 767px) {
    .testi-grid_wrapper {
        gap: 15px
    }
}

@media (max-width: 375px) {
    .testi-grid_wrapper {
        display: block
    }
}

.testi-grid_img {
    position: relative;
    min-width: 120px;
    display: block;
    margin: auto;
    transition: all 0.4s ease-in-out;
    z-index: 2;
    margin: -50px 0 25px 0;
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%);
    clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%)
}

@media (max-width: 767px) {
    .testi-grid_img {
        min-width: 80px
    }
}

@media (max-width: 375px) {
    .testi-grid_img {
        -webkit-clip-path: polygon(6% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%);
        clip-path: polygon(6% 0%, 70% 0%, 100% 0, 100% 75%, 70% 100%, 30% 100%, 0 100%, 0% 30%)
    }
}

.testi-grid_img img {
    width: 120px;
    height: 120px;
    transition: all 0.4s ease-in-out
}

@media (max-width: 767px) {
    .testi-grid_img img {
        width: 80px;
        height: 80px
    }
}

.testi-grid .star-icon i {
    font-size: 14px;
    color: #FFC700
}

@media (max-width: 767px) {
    .testi-grid .star-icon i {
        font-size: 10px
    }
}

.testi-item .star-icon i {
    color: #FFC700;
    font-size: 12px
}

.testi-card-3 .star-icon {
    margin-bottom: 25px
}

.testi-card-3 .star-icon a {
    color: #FFC700
}

.testi-grid_text {
    font-style: italic;
    margin-bottom: 10px
}

.testi-grid_profile {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    transition: all 0.4s ease-in-out
}

.media-body {
    flex: 1 1
}

.testi-grid_name {
    margin-bottom: 2px;
    color: blueviolet;
}

.testi-grid_desig {
    font-size: 14px;
    margin-bottom: -0.3rem;
    color: #666665f4;
}

.rowe-div {
    border: 1px solid #00FFFF;
    border-bottom-right-radius: 25%;
    border-top-left-radius: 30%;
}

.testimonials-style1-area {
    position: relative;
    display: block;
    background-image: -ms-linear-gradient(90deg, rgb(230, 254, 255) 0%, rgba(230, 254, 255, 0.4) 100%);
    padding: 150px 0 150px;
}

.testimonials-style1__content {
    position: relative;
    display: block;
    z-index: 100;
}

.single-testimonials-style1 {
    position: relative;
    display: block;
    background: black;
    padding: 20px 30px 50px;
    height: auto;
    border-radius: 15px;
    border: 1px solid #00FDFD;
}

.span-of-testi {
    color: rgba(255, 255, 255, 0.425);
}

.testimonials-new-div {
    display: flex !important;
    gap: 15px;
}

@media(max-width:768px) {
    .testimonials-new-div {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }
}

.single-testimonials-style1 .client-info {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 25px;
}

.single-testimonials-style1 .client-info .img-box {
    width: 65px;
}

.single-testimonials-style1 .client-info .img-box img {
    width: 100%;
    border-radius: 50%;
}

.single-testimonials-style1 .client-info .title-box {
    position: relative;
    display: block;
    padding-left: 20px;
}

.single-testimonials-style1 .client-info .title-box h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 5px;
}

.single-testimonials-style1 .client-info .title-box span {}

.single-testimonials-style1 .text {
    position: relative;
    display: block;
}

.single-testimonials-style1 .text p {
    color: white;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
    font-family: var(--thm-font);
}

.single-testimonials-style1 .text .date-box {
    position: relative;
    display: block;
    padding-top: 16px;
}

.single-testimonials-style1 .text .date-box p {
    color: #808080;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.testimonials-carousel_1 {
    position: relative;
    display: block;
}

.testimonials-carousel_1.owl-carousel .owl-stage-outer {
    padding-bottom: 0px;
    overflow: visible;
}

.testimonials-carousel_1.owl-carousel .owl-stage-outer .owl-item {
    opacity: 0;
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

.testimonials-carousel_1.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
}

/*** 
=============================================
   Testimonial Style2 Area Css
=============================================
***/

.testimonials-style2-area {
    position: relative;
    display: block;
    background: black;
    padding: 150px 0 0px;
}

.testimonials-style2-area.pdtop0 {
    padding-top: 0;
}

.testimonials-style2-area.pdbtm150 {
    padding-bottom: 150px;
}

.testimonials-style2-area .shape1 {
    position: absolute;
    top: -250px;
    right: -300px;
    opacity: 0.50;
}

.testimonials-style2-area .round-shape-box1 {
    position: absolute;
    top: -600px;
    right: -100px;
}

.testimonials-style2-area.pd-0-0-150 {
    padding: 0 0 150px;
}

.Item img {
    width: 160px;
    cursor: pointer;
}

.product-img-div {
    /* border: 1px solid #F4F4F4; */
    border-radius: 5px;
    /* width: 162px; */
    margin-left: 95px;
    /* cursor: pointer; */
}

.star-div {
    /* line-height: 20px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Item .star-div p {
    color: #6C757D;
    text-align: center;
    width: 200px;
}

.Item .star-div span {
    font-weight: bold;
}

.Item .star-div .rate {
    color: #608CC7;
}

.Item {
    border: 2px solid;
    margin: 30px;
    height: 350px;
    padding: 20px 0px;
    border-radius: 10px;
}

.Learn-more-button {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
    border-radius: 4px;
    border: none;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    padding: 5px;
    width: 140px !important;
    text-align: center;
    transition: 2s;
    animation: glowing 2s ease infinite alternate;
}

.webdframeworks_icons {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #262323 !important;
}

.Website-development-banner {
    /* background: linear-gradient(red, blue) !important; */
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)), url(../../static/media/Website-development-main-banner.fb2b4c23601fd975f2e9.webp);
    width: 100%;
    height: 95vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.javascript-icon {
    background-color: #EFDA4D !important;
}

.javascript-icon-1 {
    background-color: #E84C1E !important;
}

.javascript-icon-2 {
    background-color: black !important
}

.javascript-icon-3 {
    background-color: #323232 !important
}

.javascript-icon-4 {
    background-color: #FFFFFF !important
}

/* 313131 */

@media all and (max-width: 568px) {
    .main-titile {
        margin: 0px 30px 0px 20px !important;
        display: flex;
        text-align: center !important;
    }
}

header.masthead-custom-web-design-development .header-content h1 {
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Readex Pro", sans-serif;
    text-align: left;
}

header.masthead-custom-web-design-development .header-content .heading-tagline {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: "Readex Pro", sans-serif;
}

.get_demo_slick_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 2px auto;
}

#ebook_popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin: 7.75rem auto;
}

#ebook_popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#ebook_popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 10px;
}

#ebook_popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0px;
    color: #fff;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form {
    margin-top: 30px !important;
}

#ebook_popup_form_modal.popup-form .popup-contact-form {
    padding: 40px 20px;
}

#ebook_popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: #242424;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#ebook_popup_form_modal.popup-form .ebook_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before,
#ebook_popup_form_modal.popup-form .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#ebook_popup_form_modal.popup-form .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#ebook_popup_form_modal.popup-form label {
    color: #fff;
}

#ebook_popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#ebook_popup_form_modal.popup-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#ebook_popup_form_modal.popup-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal.popup-form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#ebook_popup_form_modal.popup-form input:-webkit-autofill,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:focus,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #ebook_popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #ebook_popup_form_modal.popup-form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    #ebook_popup_form_modal.popup-form .modal-dialog {
        margin: 4.75rem auto;
    }
    #ebook_popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
        margin-left: 15px;
    }
    #ebook_popup_form_modal.popup-form .ebook_btn {
        margin-top: 10px;
        font-size: 14px !important;
    }
    #ebook_popup_form_modal.popup-form .title {
        font-size: 20px;
        font-weight: 500;
    }
    #ebook_popup_form_modal .fitoutform .form-group label {
        display: none;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

/* .navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
} */

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    /* background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0; */
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        /* background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0; */
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

/*Mobile Sub Menu Style Start*/

.menu_res .dropdown-menu .mbl_sub_head,
.navMnuMn .sub-menu ul li.menu_sub_title {
    padding-bottom: 2px;
    border-bottom: 1px solid #ae7ded;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #b4b1b1;
    font-weight: 600;
    text-transform: uppercase;
    margin: 5px 0px;
}

.menu_res .dropdown-menu .mbl_submenu_list {
    padding-left: 15px;
    position: relative;
}

.menu_res .dropdown-menu .mbl_submenu_list:before {
    position: absolute;
    content: '\2B9E';
    width: 10px;
    height: 10px;
    left: 5%;
    top: 0%;
    color: #ae7ded;
}

.menu_res .dropdown-menu .mbl_submenu_list a {
    margin-right: 0px;
    padding-left: 20px;
}

/*Mobile Sub Menu Style End*/

.skiptranslate.goog-te-gadget,
#google_translate_element {
    visibility: hidden;
}

.skiptranslate.goog-te-gadget div:nth-child(1) {
    visibility: visible;
}

.skiptranslate iframe {
    display: none !important;
}

.fixed_social_icons {
    bottom: 29%;
    right: 1.2%;
    position: fixed;
    z-index: 10;
}

/*.fixed_social_icons ul {
padding-left: 0px;
padding: 10px 3px;
text-align: center;
background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
border-radius: 5px;
}*/

.fixed_social_icons li {
    float: none;
    list-style: none;
    margin-bottom: 10px;
}

.fixed_social_icons li a img {
    max-width: 25px;
}

a.whatsapp {
    position: relative;
}

.fixed_social_icons a.mobile {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    float: none;
    float: initial;
}

.fixed_social_icons a.desktop {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
}

.fixed_social_icons a.skype_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.telegram_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.whatsapp:after {
    border: 5px solid #17c258;
}

@media screen and (max-width: 991px) {
    .fixed_social_icons .desktop {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons {
        right: 2% !important;
        bottom: 20%;
    }
    #back_to_top_button {
        bottom: 14% !important;
    }
}

@media (max-width: 767px) {
    #back_to_top_button {
        width: 40px !important;
        right: 15px !important;
        bottom: 14% !important;
    }
    .fixed_social_icons li a img {
        max-width: 22px !important;
    }
    .fixed_social_icons li {
        margin-bottom: 10px;
    }
    #back_to_top_button i {
        font-size: 20px;
    }
    .fixed_social_icons {
        bottom: 20%;
        right: 1.5%;
    }
}

@media (max-width: 567px) {
    #back_to_top_button {
        right: 8px !important;
    }
}

/*Start Back to Top Section*/

#back_to_top_button {
    display: inline-block;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 21%;
    right: 17px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 20%;
    left: 33%;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

/*End Back to Top Section*/

/*Fixed Button Start */

.designer_pops .demo-icon {
    font-size: 16px;
    position: fixed;
    white-space: nowrap;
    left: 100%;
    top: 50%;
    z-index: 10;
    color: #fff;
    padding: 4px 15px;
    text-transform: capitalize;
    font-weight: 500;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    cursor: pointer;
    transform: translate(-59%, -50%) rotate(-90deg);
    text-align: center;
    border-radius: 0px;
    border: none;
    animation: change_bg 5s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
}

/*Fixed Button End*/

.home_blog_box img {
    display: block;
    max-width: 100% !important;
    height: auto;
}

.inr_cont h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400px;
    color: #fff;
    line-height: 25px;
}

.blog-sec .page_why h3 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.blog_box.home_blog_box .inr_cont {
    padding: 10px !important;
}

.readmore {
    color: #E442FF;
}

.OurSrvcHdd .rel_title {
    text-transform: uppercase;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.blog_box.home_blog_box {
    padding: 20px;
    border: 1px solid #C446FF;
    border-radius: 10px;
}

.home_blog_box img {
    border-radius: 10px;
}

.sub_title {
    text-align: center;
    padding-top: 10px;
}

.inr_cont .sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 100px;
}

.home_blog_box .readmore {
    border-radius: 8px;
    background: linear-gradient(136deg, #C746FF 0%, #405AFF 100%);
    color: #fff;
    padding: 6px 10px;
}

.BnrCnt .main_title {
    font-size: 35px !important;
    line-height: 52px;
    font-weight: 600;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

@media(max-width: 1300px) {
    .BnrCnt .main_title {
        font-size: 35px !important;
        line-height: 52px;
    }
}

@media(max-width: 767px) {
    .BnrCnt .main_title {
        font-size: 25px !important;
        line-height: 52px;
    }
}

.OurBlgBg {
    background: #000;
}

/*9.11.2020*/

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: "Readex Pro", sans-serif;
}

a {
    color: #2f2d2d;
    transition: all .35s
}

a:focus,
a:hover {
    color: #2a7bc1;
    text-decoration: none
}

hr {
    max-width: 100%;
    margin: 15px 0 10px 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, .1)
}

hr.light {
    border-color: #fff
}

.cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

/*h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 200;
font-family: "Open Sans", sans-serif !important;
}*/

p {
    font-size: 15px;
    margin-bottom: 20px
}

section {
    /* padding: 50px 0 */
}

section h2 {
    font-size: 35px;
    color: white;
}

@media (max-width:767px) {
    .defi_banner_sec {
        background: #000;
        background-image: none !important
    }
    .mob-text-center {
        text-align: center !important
    }
}

.p-30-0 {
    padding: 30px 0
}

#mainNav {
    border-color: rgba(34, 34, 34, .05);
    background: #fff;
    transition: all .35s;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand {
    color: #fdcc52;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #fcbd20
}

#mainNav .navbar-toggler {
    font-size: 12px;
    padding: 8px 10px;
    color: #222
}

/*.navbar-nav {
padding-left: 20px !important
}*/

.navbar-nav li {
    padding-left: 0
}

#mainNav .navbar-nav>li>a {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    color: #636363 !important;
    border-bottom: transparent 5px solid
}

#mainNav .navbar-nav>li>a.active {
    color: #2a7bc1 !important;
    background-color: transparent
}

#mainNav .navbar-nav>li>a.active:hover {
    background-color: transparent
}

#mainNav .navbar-nav>li>a,
#mainNav .navbar-nav>li>a:focus {
    color: #222
}

#mainNav .navbar-nav>li>a:focus:hover,
#mainNav .navbar-nav>li>a:hover {
    color: #fdcc52
}

@media (min-width:992px) {
    #mainNav {
        border-color: transparent;
        background-color: #fff;
        padding: 0
    }
    #mainNav .navbar-brand {
        color: fade(white, 70%)
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav .navbar-nav>li>a,
    #mainNav .navbar-nav>li>a:focus {
        color: #0f0f0f
    }
    #mainNav .navbar-nav>li>a:focus:hover,
    #mainNav .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink {
        border-color: rgba(34, 34, 34, .1);
        background-color: #fff
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink .navbar-nav>li>a,
    #mainNav.navbar-shrink .navbar-nav>li>a:focus {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
}

@media (min-width:768px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 100%
    }
}

@media (min-width:992px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

@media (min-width:1200px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

.sprite_icon_85 {
    width: 85px !important;
    height: 85px !important;
    object-fit: none
}

.sprite_icon_60 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none
}

.sprite_icon_65 {
    width: 65px !important;
    height: 65px !important;
    object-fit: none
}

.sprite_icon_75 {
    width: 75px !important;
    height: 75px !important;
    object-fit: none
}

header.masthead {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff
}

header.masthead .header-content {
    margin-bottom: 100px;
    text-align: center
}

header.masthead .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

.h-100 {
    height: 100% !important
}

header.masthead-hyper .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-hyper .header-content .expert-btn {
    background: #00dcff;
    color: #030542
}

.hyp-about .hyp-buttons .expert-btn {
    margin: 0 auto;
    background: #0176bc;
    border-radius: 5px
}

.hyp-about p {
    text-align: justify
}

header.masthead-hyper .header-content .heading-tagline {
    text-align: left
}

header.masthead-private .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-iot .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-finance .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-identity .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-cryptocurrency-wallet-development .header-content h1 {
    font-size: 51px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

header.masthead-ico-development .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

.header-content h1,
header.masthead-2d-animation-company .header-content h1,
header.masthead-3d-animation-company .header-content h1,
header.masthead-adobe-air-app-development .header-content h1,
header.masthead-ai .header-content h1,
header.masthead-ai-banner,
header.masthead-android-app-development .header-content h1,
header.masthead-android-game-development .header-content h1,
header.masthead-android-tablet-development .header-content h1,
header.masthead-angular-js-development .header-content h1,
header.masthead-angular8-development .header-content h1,
header.masthead-ar-core-for-android .header-content h1,
header.masthead-banking .header-content h1,
header.masthead-blockchain-ai-dev .header-content h1,
header.masthead-blockchain-application-for-voting .header-content h1,
header.masthead-blockchain-consulting-services .header-content h1,
header.masthead-blockchain-development .header-content h1,
header.masthead-blockchain-in-digital-records .header-content h1,
header.masthead-blockchain-in-ecommerce .header-content h1,
header.masthead-blockchain-in-gaming .header-content h1,
header.masthead-blockchain-in-insurance .header-content h1,
header.masthead-blockchain-in-real-estate .header-content h1,
header.masthead-blockchain-in-supplychain .header-content h1,
header.masthead-blockchain-iot-management .header-content h1,
header.masthead-bootstrap-web-development .header-content h1,
header.masthead-business .header-content h1,
header.masthead-cakephp-framework-development .header-content h1,
header.masthead-canvas5-web-design .header-content h1,
header.masthead-chainlink-blockchain .header-content h1,
header.masthead-chatbot .header-content h1,
header.masthead-cloud .header-content h1,
header.masthead-cloud-application-development .header-content h1,
header.masthead-codeigniter-framework-development .header-content h1,
header.masthead-crypto .header-content h1,
header.masthead-custom-web-design-development .header-content h1,
header.masthead-customers-inventory-management-software .header-content h1,
header.masthead-deep .header-content h1,
header.masthead-demand,
header.masthead-digital .header-content h1,
header.masthead-ecom .header-content h1,
header.masthead-engi .header-content h1,
header.masthead-enterprise-mobile-app-development .header-content h1,
header.masthead-enterprise-solutions .header-content h1,
header.masthead-eos-blockchain .header-content h1,
header.masthead-equihash .header-content h1,
header.masthead-ethereum-blockchain-development .header-content h1,
header.masthead-ethereum-classic-blockchain-development .header-content h1,
header.masthead-exchange-platform-development .header-content h1,
header.masthead-fmcg .header-content h1,
header.masthead-full-stack-development .header-content h1,
header.masthead-go .header-content h1,
header.masthead-gov .header-content h1,
header.masthead-hedera-hashgraph-dev .header-content h1,
header.masthead-hybrid-mobile-app-development .header-content h1,
header.masthead-hybris .header-content h1,
header.masthead-hyperledger-fabric-composer .header-content h1,
header.masthead-ico-marketing-agency .header-content h1,
header.masthead-ionic-mobile-app-development .header-content h1,
header.masthead-ipad-app-development .header-content h1,
header.masthead-ipad-ui-ux-design .header-content h1,
header.masthead-iphone-app-development .header-content h1,
header.masthead-iphone-game-development .header-content h1,
header.masthead-iphone-ui-ux-development .header-content h1,
header.masthead-jmeter .header-content h1,
header.masthead-joomla-web-development .header-content h1,
header.masthead-laravel-framework-development .header-content h1,
header.masthead-legal .header-content h1,
header.masthead-lisk-blockchain .header-content h1,
header.masthead-logo-design .header-content h1,
header.masthead-magento-development .header-content h1,
header.masthead-mean-stack-development .header-content h1,
header.masthead-mobile-application-maintenance .header-content h1,
header.masthead-mobility .header-content h1,
header.masthead-native-app-development-company .header-content h1,
header.masthead-neo-blockchain .header-content h1,
header.masthead-node-js-development .header-content h1,
header.masthead-online-customer-support .header-content h1,
header.masthead-peer-to-peer-blockchain .header-content h1,
header.masthead-phonegap-application-development .header-content h1,
header.masthead-php .header-content h1,
header.masthead-pivx .header-content h1,
header.masthead-private-public-blockchain-development .header-content h1,
header.masthead-publish .header-content h1,
header.masthead-python .header-content h1,
header.masthead-quorum-blockchain-development .header-content h1,
header.masthead-react-js-development .header-content h1,
header.masthead-react-native-development .header-content h1,
header.masthead-real .header-content h1,
header.masthead-res .header-content h1,
header.masthead-responsive-website-design-company .header-content h1,
header.masthead-retail .header-content h1,
header.masthead-ruby .header-content h1,
header.masthead-sap .header-content h1,
header.masthead-scrypt .header-content h1,
header.masthead-sha-256 .header-content h1,
header.masthead-shop .header-content h1,
header.masthead-signage .header-content h1,
header.masthead-smart-contract-audit .header-content h1,
header.masthead-sto-development .header-content h1,
header.masthead-sto-marketing .header-content h1,
header.masthead-stratis-blockchain .header-content h1,
header.masthead-supply .header-content h1,
header.masthead-svelte-js-development .header-content h1,
header.masthead-tele .header-content h1,
header.masthead-trans .header-content h1,
header.masthead-tron-blockchain-development .header-content h1,
header.masthead-waves-blockchain .header-content h1,
header.masthead-way .header-content h1,
header.masthead-web-design-company .header-content h1,
header.masthead-web-hosting-and-maintenance-services .header-content h1,
header.masthead-website-maintenance-company .header-content h1,
header.masthead-wordpress-development .header-content h1,
header.masthead-x11 .header-content h1,
header.masthead-yii-framework-development .header-content h1,
header.masthead-zend-framework-development .header-content h1 {
    font-size: 50px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

header.masthead .device-container {
    max-width: 325px;
    margin-right: auto;
    margin-left: auto
}

header.masthead .device-container .screen img {
    border-radius: 3px
}

.my-auto {
    margin-top: auto !important
}

@media (min-width:992px) {
    header.masthead {
        height: 70vh;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }
    header.masthead .header-content {
        margin-bottom: 0;
        text-align: left;
        margin-top: 8em
    }
    header.masthead .header-content h1 {
        font-size: 50px
    }
    header.masthead .device-container {
        max-width: 325px
    }
}

section.download {
    position: relative;
    padding: 55px 0
}

section.download h2 {
    font-size: 50px;
    margin-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px
}

.float-right {
    float: right !important
}

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.p-20-0 {
    padding: 20px 0
}

section.download .badges .badge-link:last-child {
    margin-bottom: 0
}

section.download .badges .badge-link img {
    height: 60px
}

@media (min-width:768px) {
    section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0
    }
    section.download h2 {
        font-size: 70px
    }
}

section.features .section-heading {
    margin-bottom: 100px
}

section.features .section-heading h2 {
    margin-top: 0
}

section.features .section-heading p {
    margin-bottom: 0
}

section.features .device-container,
section.features .feature-item {
    max-width: 325px;
    margin: 0 auto
}

section.features .device-container {
    margin-bottom: 100px
}

@media (min-width:992px) {
    section.features .device-container {
        margin-bottom: 0
    }
}

section.features .feature-item {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center
}

section.features .feature-item h3 {
    font-size: 30px
}

section.features .feature-item i {
    font-size: 80px;
    display: block;
    margin-bottom: 15px;
    background: linear-gradient(to left, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.solutions {
    background: #000;
    padding: 40px 0
}

.resource {
    padding: 40px 0
}

section.contact {
    text-align: center
}

section.contact h2 {
    margin-top: 0;
    margin-bottom: 25px
}

section.contact h2 i {
    color: #dd4b39
}

section.contact ul.list-social {
    margin-bottom: 0
}

section.contact ul.list-social li a {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 100%
}

section.contact ul.list-social li.social-twitter a {
    background-color: #1da1f2
}

section.contact ul.list-social li.social-twitter a:hover {
    background-color: #0d95e8
}

section.contact ul.list-social li.social-facebook a {
    background-color: #3b5998
}

section.contact ul.list-social li.social-facebook a:hover {
    background-color: #344e86
}

section.contact ul.list-social li.social-google-plus a {
    background-color: #dd4b39
}

section.contact ul.list-social li.social-google-plus a:hover {
    background-color: #d73925
}

#back_to_top_button {
    display: inline-block;
    background-color: #ae2a53;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 90px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer
}

#back_to_top_button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    color: #fff
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible
}

footer {
    background: #1a2325;
    padding: 0 0;
    border-bottom: 1px solid #463e3e
}

footer h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

footer p {
    color: #fff;
    font-size: 14px;
    line-height: 26px
}

footer ul {
    padding: 0;
    margin: 0
}

footer ul li {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    list-style: none
}

footer ul li a {
    color: #fff;
    font-size: 13px
}

footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none
}

footer ul li a:hover {
    color: #2a7bc1
}

footer .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    color: #9b9b9b;
    display: block;
    font-size: 12px;
    height: 43px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%
}

[class^=hvr-shutter-out-vertical2] {
    margin: 10px auto;
    padding: 10px 40px;
    cursor: pointer;
    background: #2a7bc1;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    width: auto;
    border: none !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50px
}

.bg-primary {
    background: #1c1955 !important
}

.footer_bott {
    background: #333;
    padding: 30px 0;
    color: #626161;
    text-align: center
}

.footer_bott a {
    color: #fff;
    padding: 0 10px;
    font-size: 14px
}

.social {
    text-align: center;
    margin: 0 0 10px 0
}

.social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center
}

.social ul li {
    display: inline-block;
    margin: 0 0 0 7px
}

.social .fb a {
    background: #3c5b9b;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .fb a::before {
    content: "\f09a";
    font-family: FontAwesome
}

.social .tw a::before {
    content: "\f099";
    font-family: FontAwesome
}

.social .googleplus a::before {
    content: "\f0d5";
    font-family: FontAwesome
}

.social .linkedin a::before {
    content: "\f0e1 ";
    font-family: FontAwesome
}

.social .youtube a::before {
    content: "\f167";
    font-family: FontAwesome
}

.social .pintrest a::before {
    content: "\f231";
    font-family: FontAwesome
}

.social .instragram a::before {
    content: "\f16d";
    font-family: FontAwesome
}

.social .medium a::before {
    content: "\f23a";
    font-family: FontAwesome
}

.social .tw a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .linkedin a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .youtube a {
    background: red;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a {
    background: #c8232c;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a {
    background: #c32aa3;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a {
    background: #02b875;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.copyright {
    background: #1a2325;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px
}

.copyright a {
    color: #fff
}

.social .googleplus a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .youtube a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .linkedin a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .tw a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .fb a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.text-primary {
    color: #fdcc52
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.btn-outline {
    color: #fff;
    border: 1px solid;
    border-color: #fff
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    color: #fff;
    border-color: #fdcc52;
    background-color: #fdcc52
}

.btn {
    border-radius: 300px;
    font-family: Raleway, sans-serif;
    /*letter-spacing: 2px;*/
    text-transform: uppercase
}

.btn-xl {
    font-size: 11px;
    padding: 15px 45px
}

.time-list li {
    padding-left: 0
}

.line-white {
    margin-top: 7px;
    color: #989898
}

.marquee-sibling {
    padding: 0;
    background: #3bb0d6;
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000
}

.marquee,
[class^=marquee] {
    display: inline-block;
    white-space: nowrap;
    position: absolute
}

.marquee {
    margin-left: 25%
}

.marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative
}

.marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff
}

.marquee-content-items li:after {
    content: "|";
    margin: 0 1em
}

@media screen and (min-width:0px) and (max-width:767px) {
    .header-content h1,
    header.masthead-2d-animation-company .header-content h1,
    header.masthead-3d-animation-company .header-content h1,
    header.masthead-adobe-air-app-development .header-content h1,
    header.masthead-ai .header-content h1,
    header.masthead-ai-banner,
    header.masthead-android-app-development .header-content h1,
    header.masthead-android-game-development .header-content h1,
    header.masthead-android-tablet-development .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-ai-dev .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-bootstrap-web-development .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-canvas5-web-design .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-codeigniter-framework-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-customers-inventory-management-software .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-enterprise-mobile-app-development .header-content h1,
    header.masthead-enterprise-solutions .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-full-stack-development .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hedera-hashgraph-dev .header-content h1,
    header.masthead-hybrid-mobile-app-development .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-ionic-mobile-app-development .header-content h1,
    header.masthead-ipad-app-development .header-content h1,
    header.masthead-ipad-ui-ux-design .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-iphone-game-development .header-content h1,
    header.masthead-iphone-ui-ux-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-joomla-web-development .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-logo-design .header-content h1,
    header.masthead-magento-development .header-content h1,
    header.masthead-mean-stack-development .header-content h1,
    header.masthead-mobile-application-maintenance .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-native-app-development-company .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-node-js-development .header-content h1,
    header.masthead-online-customer-support .header-content h1,
    header.masthead-peer-to-peer-blockchain .header-content h1,
    header.masthead-phonegap-application-development .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-js-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-responsive-website-design-company .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-web-design-company .header-content h1,
    header.masthead-web-hosting-and-maintenance-services .header-content h1,
    header.masthead-website-maintenance-company .header-content h1,
    header.masthead-wordpress-development .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 27px !important;
        line-height: 35px
    }
    .section-heading h3 {
        font-size: 25px !important
    }
    .navbar-nav {
        padding-left: 0 !important
    }
    header.masthead {
        height: 510px;
        padding-top: 40px;
        padding-bottom: 0
    }
    header.masthead .header-content h1 {
        font-size: 34px !important
    }
    .header-content p {
        font-size: 16px;
        line-height: 26px
    }
    .contact-cnt h4 {
        text-align: center
    }
    .social ul {
        margin-left: 0
    }
    .center-class {
        text-align: center
    }
}

.header-content p {
    width: 90%;
    /*margin: 0 auto;*/
    line-height: 30px;
    font-size: 18px;
}

/*.header-content{
margin-top: 30px;
}*/

.about {
    padding: 50px 0
}

.ttmenu .nav>li>.btn-hire {
    background: #2a7bc1;
    color: #fff !important;
    padding: 7px 6px !important;
    border-radius: 0
}

.talk_to_experts_btn_div .talk_to_experts_btn_a {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 2px auto;
}

.section-heading h2 {
    font-weight: 700;
    color: #00FFFF;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: left;
}

.section-heading .talk_to_experts_btn_div {
    text-align: left;
}

.section-heading h3 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 27px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    line-height: 1.2
}

.section-heading h4 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 28px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

@media (max-width:767px) {
    .section-heading h2 {
        text-align: center;
        font-size: 20px
    }
    .mob-width-100 {
        width: 100% !important
    }
}

.section-heading p {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.section-heading ul {
    list-style: none;
    padding-left: 20px
}

.section-heading li {
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.section-heading ul li i {
    color: #2a7bc1;
    margin-right: 12px;
    font-size: 14px
}

.blockchain_dev_aboutus_title {
    font-size: 35px !important;
}

@media (max-width: 767px) {
    .blockchain_dev_aboutus_title {
        font-size: 25px !important;
    }
}

.solution-box {
    background: #000;
    border-radius: 8px;
    padding: 45px 15px 30px 15px;
    height: 335px;
    margin: 25px;
    border: 1px solid #fff;
}

.solution-box:hover {
    box-shadow: 0 3px 4px #ddd;
    cursor: pointer;
}

.list_item li {
    margin-bottom: 15px;
    text-indent: -33px;
    font-size: 15px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.list_item li i {
    border: 2px solid #2a7bc1;
    color: #2a7bc1;
    display: inline;
    font-size: 12px;
    height: 10px;
    margin-right: 10px;
    padding: 1px;
    width: 10px;
}

.solution-box h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Readex Pro", sans-serif;
}

.solution-box p {
    letter-spacing: 0;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #2f2d2d;
    width: 80%;
    text-align: center;
    display: table;
    margin: 0 auto
}

.btn-more {
    background: #2a7bc1;
    padding: 10px 18px 10px 18px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px
}

.btn-more:hover {
    text-decoration: none;
    color: #fff
}

.line-btm {
    width: 75px;
    height: 3px;
    background: #2a7ac1;
    border-radius: 50px;
    margin-top: 2em;
    margin-bottom: 1em
}

.solution-box:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    transition: all .3s ease 0s
}

.resource-box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

.resource-box img {
    width: 100%;
    height: 250px
}

.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-body h4 {
    font-size: 19px;
    color: #222;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0
}

.resource-date {
    background: #8d8d8d;
    font-size: 14px;
    padding: 7px 17px;
    color: #fff;
    border-radius: 100px;
    font-family: Roboto, sans-serif
}

.resource-date:hover {
    text-decoration: none;
    background: #2b7dc4;
    color: #fff
}

.read-more-para p a {
    font-style: italic;
    color: #2b7dc4;
    font-family: Roboto, sans-serif
}

.read-more-para p a:hover {
    text-decoration: none
}

.case-study-img h3 {
    font-size: 28px;
    font-family: Raleway, sans-serif;
    color: #0f0f0f;
    font-weight: 600;
    line-height: 34px
}

.case-study-img p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    font-family: Roboto, sans-serif
}

.btn-download {
    background: #2a7bc1;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px
}

.btn-download:hover {
    color: #fff;
    text-decoration: none
}

.contact-sec {
    padding: 20px 0;
    background-image: linear-gradient(to top, #2a7bc1, #2c81ca, #2e87d3, #308ddd, #3293e6)
}

.contact-cnt h4 {
    font-size: 24px;
    color: #fff;
    font-family: Raleway, sans-serif;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 0
}

.btn-contact {
    background: rgba(255, 255, 255, .8);
    color: #0f0f0f;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 32px;
    border-radius: 2px;
    transition: all .3s ease 0s
}

.btn-contact:hover {
    text-decoration: none;
    color: #0f0f0f;
    background: #fff;
    transition: all .3s ease 0s;
    cursor: pointer
}

.awards-sec {
    padding: 30px 0
}

.scroll-text {
    border: 1px solid red;
    width: 400px;
    height: 4.5em;
    overflow: hidden
}

.scroll-text ul {
    width: 800px;
    height: 100px;
    overflow: hidden;
    margin: 0
}

.scroll-text ul li {
    height: 1.5em
}

.scroll-img {
    border: 1px solid red;
    width: 100%;
    height: 142px;
    overflow: hidden;
    font-size: 0
}

.scroll-img ul {
    width: 700px;
    height: 600px;
    margin: 0
}

.scroll-img ul li {
    display: inline-block;
    margin: 10px 0 10px 10px
}

#demo4.scroll-img ul,
#demo5.scroll-img ul {
    width: 1500px
}

#demo5-btn {
    width: 680px;
    padding-top: 10px
}

#demo6 {
    width: 412px
}

#demo6-queue {
    width: 680px
}

#demo6 p,
#demo6-queue p {
    width: 124px;
    height: 124px;
    background-color: #d3d3d3;
    font-family: Amaranth, sans-serif;
    font-size: 82px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.case-study-img img {
    border-radius: 10px
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px
}

.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.blog .carousel-indicators .active {
    background: #707070
}

#blogCarousel img {
    width: auto;
    max-width: 100% !important;
    max-height: 102px;
    transform-style: preserve-3d
}

.span-middle {
    display: table-cell;
    vertical-align: middle
}

.md_1spn {
    display: table;
    width: 100%;
    height: 100%
}

.bigdata-info img {
    max-width: 400px
}

.menu-MetaBlock .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -18px;
    z-index: 1000;
    float: left;
    min-width: 17rem;
    padding: 10px;
    margin: .7rem 1.5rem 0;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0;
    border-top: 0 solid #2b7bc1
}

.menu-MetaBlock .dropdown-menu li a {
    color: #000 !important;
    font-size: 15px !important;
    padding: 6px 8px;
    text-transform: uppercase;
    letter-spacing: 0
}

.menu-MetaBlock .dropdown-menu li {
    padding: 5px 0 5px 0
}

.menu-MetaBlock .dropdown-menu li a:hover {
    color: #2a7bc1 !important
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    transition: transform .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right,
.carousel-item-next {
    transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.hire_page {
    font-family: Raleway, sans-serif
}

.hire_page h1,
.hire_page h2,
.hire_page h3,
.hire_page h4,
.hire_page h5,
.hire_page h6 {
    font-family: Raleway, sans-serif
}

.bannr_bg {
    /* background: url(../img/hire_bg.png); */
    position: relative;
    min-height: calc(84vh - 7px);
    background-size: contain
}

.banner_rc_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.banner_tle h1 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 50px 0 20px;
    margin: 0
}

.resp-tabs-list li span {
    display: block;
    text-align: center
}

.hire_page section {
    background: #fff;
    padding: 0
}

.hire_page section.hire_bannr {
    padding-top: 0
}

.resp-tabs-list li span.tab_img {
    width: 63px;
    height: 63px;
    background: #f4f5fa;
    text-align: center;
    margin: 0 auto;
    line-height: 63px;
    border-radius: 50%
}

.resp-tabs-list li {
    background: 0 0 !important;
    border: 0 !important;
    width: 16.66%;
    margin: 0;
    position: relative;
    transition: all .5s
}

ul.resp-tabs-list.hor_1 {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 90px -19px rgba(0, 0, 0, .8);
    margin-top: -54px;
    overflow: hidden
}

.section_inr {
    background: #f4f5fa
}

.resp-tabs-container,
.sect_content {
    padding: 0;
    background-color: transparent;
    clear: left;
    border: 0 !important;
    padding: 50px 32px 0
}

.resp-tab-content {
    border: 0;
    padding: 0
}

.resp-tabs-list li span.tab_tle {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px
}

.resp-tabs-list li.resp-tab-active {
    background: #2a7bc1 !important;
    color: #fff
}

.resp-tabs-list li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    width: 1px;
    height: 54.62%;
    background: #f4f5fa
}

.resp-tabs-list li.resp-tab-active::after,
.resp-tabs-list li:last-child:after {
    display: none
}

.resp-tab-content p {
    font-size: 14px;
    color: #0f0f0f;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.tab_logo {
    background: #fff;
    padding: 38px 0 0
}

.tab_logo ul {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 0
}

.tab_logo ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 4%;
    margin-bottom: 40px
}

.tab_logo ul.list_2 {
    margin: 0 auto;
    max-width: 85%
}

img {
    max-width: 100%
}

.client_speak h3,
.hr_tle h3,
.section_h h3,
.tab_logo h3 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    color: #2a7bc1
}

.tab_logo ul li:last-child,
.tab_logo ul li:nth-child(5n) {
    margin-right: 0
}

.row.dev_pdf {
    margin: 0;
    margin-top: 38px
}

.pdf_left {
    padding-left: 0
}

.pdf_img {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8)
}

.pdf_dets h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    text-shadow: 0 0
}

.pdf_dets {
    width: 94%
}

.btn_link {
    display: inline-block;
    padding: 0 10px;
    min-width: 129px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background: #2a7bc1;
    border-radius: 5px;
    color: #fff
}

.btn_link.dwn_link::before {
    display: inline-block;
    content: '';
    /* background: url(../img/dwn_img.png); */
    width: 15px;
    height: 14px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -5px;
    transition: all .5s
}

.pdf_right {
    padding-right: 0
}

.logo_items {
    text-align: center
}

.logo_items img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto
}

.mdl_img {
    display: table;
    width: 100%;
    height: 58px
}

.md_img {
    display: table-cell;
    vertical-align: middle
}

.r_logo_slider {
    padding: 0 15px
}

.tab_logo.recnt_works {
    padding-bottom: 25px
}

.client_speak {
    padding: 38px 0
}

.cl_dets {
    max-width: 341px;
    text-align: center;
    position: relative
}

.cl_spk {
    padding: 20px 9px 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8);
    font-size: 14px;
    transition: all .5s
}

.cl_img {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%
}

.cl_img span {
    display: block;
    margin: 0 auto;
    width: 81px;
    height: 81px;
    border: 5px solid #f4f5fa;
    border-radius: 50%;
    overflow: hidden
}

.c_items {
    padding: 42px 15px 50px;
    position: relative;
    top: 0;
    transition: all .5s;
    outline: 0 !important
}

.clent_slides {
    margin: 0 -15px
}

.c_items.slick-slide.slick-current.slick-active.slick-center {
    top: -28px
}

.c_items.slick-slide.slick-current.slick-active.slick-center .cl_spk {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%);
    color: #fff
}

ul.slick-dots {
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 0;
    position: relative;
    top: 30px
}

ul.slick-dots li {
    display: inline-block;
    margin: 0 5px
}

ul.slick-dots li button {
    border: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    transition: all .5s
}

ul.slick-dots li.slick-active button {
    background: #2b7ec6
}

.section_h h3 {
    margin: 40px 0
}

.exprt_tle h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 20px 0;
    letter-spacing: 0
}

.exp_list {
    margin-bottom: 10px
}

.hr_tle h3 {
    color: #fff
}

.hire_page section.hire_resource {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%)
}

.hr_tle h3 {
    color: #fff;
    margin: 22px 0;
    font-weight: 600
}

.hr_tle {
    color: #fff;
    text-align: center
}

.h_left_c,
.h_right_c {
    display: inline-block;
    vertical-align: top
}

.h_left_c span {
    width: 111px;
    height: 111px;
    display: block;
    background: #b1e8f8;
    border-radius: 50%;
    text-align: center;
    line-height: 111px;
    transition: all .5s;
    overflow: hidden
}

.hire_content:hover span {
    background: #f4f5fa
}

.hire_content {
    color: #fff
}

.h_right_c {
    width: 66%;
    padding-left: 25px
}

.h_right_c h5 {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.btn_link.h_btn_hr {
    background: #9f9f9f;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #9f9f9f), color-stop(0, #fff), color-stop(100%, #9f9f9f));
    background: linear-gradient(to bottom, #9f9f9f 0, #fff 0, #9f9f9f 100%);
    color: #000;
    font-weight: 600
}

.hr_btn {
    margin: 40px 0 30px
}

.cuntr_left,
.cuntr_righ {
    display: inline-block;
    width: 50%;
    margin-right: -3px
}

.hr_counter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    max-width: 85%;
    margin-left: 0
}

.hr_counter ul li {
    display: inline-block;
    width: 50%;
    margin-left: -3px;
    position: relative;
    vertical-align: top
}

.hr_counter {
    position: relative;
    z-index: 9
}

.hr_counter .cuntr_righ ul {
    margin-left: auto;
    margin-right: 0
}

.hr_counter p,
.rc_countr p {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    padding: 0 15px
}

.hr_counter p span,
.rc_countr span {
    font-size: 60px
}

.hr_counter ul li.aft_dvd::after {
    content: '';
    width: 1px;
    height: 46px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%
}

.rc_countr {
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 100%;
    text-align: center
}

.rc_inr {
    margin: 0 auto;
    max-width: 19%
}

.rc_countr p {
    color: #000
}

.btn_link.dwn_link:hover {
    background: #fff;
    box-shadow: 0 8px 50px -10px rgba(0, 0, 0, .5)
}

.btn_link.dwn_link:hover::before {
    /* background: url(../img/dwn_img_hvr.png) */
}

/*.navbar-nav li.nav-item a.nav-link {
margin-top: 30px;
position: relative
}*/

/*.navbar-nav li.nav-item a.nav-link:after {
content: '';
width: 100%;
height: 3px;
background: #2a7bc1;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: -12px;
left: 0;
transition: all .5s
}*/

a.nav-link.btn-hire:after {
    display: none
}

.navbar-nav li.nav-item a.nav-link:hover:after {
    opacity: 1;
    visibility: visible
}

.logo_main {
    width: auto
}

.cbp-af-header.sticky .navbar-brand img {
    width: auto !important;
    max-width: 75%
}

#blogCarousel img {
    margin: 0 auto
}

.md_1spn {
    height: 102px
}

.carousel-item {
    padding: 0 10px
}

.section-heading h2.awrd_tle {
    margin-bottom: 35px;
    color: #2a7bc1
}

.navbar-nav li {
    padding-left: 0
}

.cbp-af-header.sticky .nav>li>a {
    margin: 0 6px;
    margin-top: 0
}

.h_left_c span img {
    transition: all .5s;
    position: relative;
    top: 0
}

.hire_content:hover img.normal_img {
    top: -100%
}

.hire_content:hover img.hvr_img {
    top: -100%
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.expr_img {
    text-align: center
}

body .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        max-width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .container {
        width: 100%
    }
    .exprt_tle h4 {
        font-size: 15px
    }
    .bannr_bg {
        min-height: 455px
    }
    .ent_list {
        margin-bottom: 15px
    }
}

@media screen and (max-width:991px) {
    .navbar-header {
        width: 100%;
        text-align: center
    }
    .logo_main {
        float: none;
        display: inline-block;
        height: auto
    }
    .navbar-nav {
        float: none !important;
        margin-right: 0;
        padding: 0 !important;
        text-align: center
    }
    .navbar-nav>li {
        float: none;
        display: inline-block
    }
    .hr_counter ul {
        max-width: 100%
    }
    .cuntr_left,
    .cuntr_righ {
        width: 100%;
        margin-right: 0
    }
    .rc_countr {
        bottom: 0
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 50%
    }
    .cbp-af-header.sticky .navbar-brand img {
        width: 100%
    }
    h2.resp-accordion {
        font-size: 13px;
        border: 0;
        border-top: 0 solid #c1c1c1;
        margin: 0;
        padding: 0 !important
    }
    h2.resp-accordion:first-child {
        border-top: 0
    }
    span.tab_tle {
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        font-weight: 600
    }
    h2.resp-accordion {
        background: #fff !important;
        padding: 10px !important
    }
    h2.resp-tab-active {
        padding: 10px !important;
        border: 0 !important
    }
    span.tab_img {
        display: inline-block;
        vertical-align: middle;
        width: 23%;
        text-align: center
    }
    .resp-tab-content {
        padding: 10px
    }
    .resp-tabs-container,
    .sect_content {
        padding: 30px 15px 0
    }
    .text-sm-left {
        text-align: left !important
    }
    .resource-box {
        padding: 0 15px
    }
    .btn-download {
        display: inline-block
    }
    .case-study-img h3 {
        margin-top: 0
    }
    .case-study-img {
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .rc_inr {
        max-width: 100%
    }
    .hire_content {
        width: 100%;
        margin-bottom: 15px
    }
    .navbar-header {
        text-align: left
    }
    .navbar-nav {
        text-align: left
    }
    .navbar-nav>li {
        display: block
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 38px
    }
    .banner_tle h1 {
        font-size: 40px
    }
    .logo_main {
        max-width: 70%
    }
    .tab_logo {
        padding: 5px 0 0
    }
    .client_speak h3,
    .hr_tle h3,
    .section_h h3,
    .tab_logo h3 {
        padding: 0 10px
    }
    .pdf_left,
    .pdf_right {
        padding: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width:480px) {
    .hr_counter ul li {
        width: 100%;
        margin-bottom: 10px
    }
    .hr_counter ul li.aft_dvd::after {
        display: none
    }
    .banner_rc_img {
        position: relative
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 28px
    }
    .h_left_c,
    .h_right_c {
        width: 100%;
        padding-left: 0;
        text-align: center
    }
    .h_left_c span {
        margin: 0 auto
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 100%
    }
    .banner_tle h1 {
        padding: 50px 10px 20px;
        font-size: 30px
    }
    .bigdata-info img {
        max-width: 100%
    }
    header.masthead-ai {
        padding-top: 30px
    }
    header.masthead-ai .header-content h1 {
        font-size: 40px !important
    }
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.aditional_header .cbp-af-header.sticky .nav>li>a {
    margin: 0 10px
}

.social .fb a,
.social .googleplus a,
.social .linkedin a,
.social .tw a {
    line-height: 39px;
    border: 0;
    text-decoration: none
}

.aditional_header .cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

@media screen and (max-width:1260px) {
    .aditional_header .cbp-af-header .ttmenu .nav>li>a,
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px;
        border-bottom: 1px solid
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 7px
    }
    .aditional_header .ttmenu .nav>li>a {
        margin: 0 6px;
        font-size: 12px
    }
}

.mid_section .box_exchange,
.mid_section .box_exchange:hover {
    /*border:none!important;box-shadow:unset!important*/
}

.work_with_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    /*box-shadow: 0 3px 4px #ddd;*/
    height: 370px;
    border: 1px solid rgba(0, 0, 0, .05)
}

/*.work_with_box:hover {
box-shadow: 0 11px 18px #ddd
}*/

.work_with_box .inr_img {
    display: block;
    margin: 10px auto;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    line-height: 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.ver_mid {
    display: inline-block;
    vertical-align: middle
}

.inr_img img {
    max-width: 80px
}

.exc_img_div img {
    max-width: 100%
}

@media (min-width:767px) {
    #accordion .panel-title a:after {
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 55px
    }
    .hgt_350_desktop {
        height: 350px
    }
}

.work_with_box h3 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    margin: 10px 0
}

.work_with_box p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: center
}

.img-middle {
    display: block;
    margin: 0 auto
}

section.mid_section {
    padding: 50px 0
}

.grey-bg {
    background: #000
}

.hire-para {
    margin-top: 30px;
    color: #2f2d2d;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.mob-text-center {
    text-align: center;
    margin-top: 30px;
}

.whybottom_box {
    padding: 30px 10px;
    background-color: #ddd;
    text-align: center;
    position: relative;
    z-index: 0;
    margin: 15px 0;
    height: 360px
}

.whybottom_box1 {
    background-color: #3bbeb0
}

.ondemand__app__sec .whybottom_box {
    background-color: #3bbeb0;
    min-height: 100px !important;
}

.whybottom_box:before {
    position: absolute;
    width: 0%;
    height: 0%;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box:after {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 30px;
}

.whybottom_box .inr_img {
    width: 83px;
    height: 83px;
    line-height: 80px;
    margin: 20px auto;
    background-color: #fff;
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.whybottom_box:hover .inr_img:after {
    transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1
}

.whybottom_box:hover:after,
.whybottom_box:hover:before {
    width: 100%;
    height: 100%
}

.whybottom_box p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin: 0
}

.whybottom_box2 {
    background-color: #3bb1d9
}

.whybottom_box3 {
    background-color: #d9434e
}

.whybottom_box4 {
    background-color: #f89433
}

.whybottom_box5 {
    background-color: #3bb85d
}

.whybottom_box6 {
    background-color: #7277d5
}

.list-heading {
    font-size: 16px;
    color: #282828;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.white-bg {
    background: #fff !important
}

@media(min-width:1200px) {
    .ht-480 {
        height: 480px !important
    }
}

@media(max-width:767px) {
    .work_with_box {
        height: auto
    }
    .ht-480 {
        height: auto !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

@media(max-width:767px) {
    .solution-box {
        height: auto !important
    }
    header.masthead-ai .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-finance .header-content h1,
    header.masthead-hyper .header-content h1,
    header.masthead-identity .header-content h1,
    header.masthead-iot .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-php .header-content h1 {
        font-size: 26px !important;
        line-height: 1.5
    }
}

.solution-box img {
    display: table;
    margin: 0 auto
}

.solution-box .line-btm {
    display: none
}

@media(min-width:1200px) {
    .work_with_box.ht-lg-355 {
        height: 355px !important
    }
    .work_with_box.ht-lg-340 {
        height: 340px !important
    }
    .solution-box.ht-350 {
        height: 350px !important
    }
    .lg-ht-280 {
        height: 280px
    }
    .ht-380 {
        height: 380px !important
    }
}

h3 {
    font-size: 18px;
    color: #00FFFF;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.center-img-cnt img {
    display: table;
    margin: 15px auto
}

header.masthead-mobility {
    position: relative
}

header.masthead-mobility:after {
    position: absolute;
    content: ''
}

.hire-btn {
    display: table;
    background: #bd4a1e;
    color: #fff;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 3px;
    min-width: 150px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600
}

.hire-btn:hover {
    color: #fff !important;
    background: #bd4a1e
}

.expert-btn {
    display: inline-block;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    color: #fff;
    padding: 10px 20px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 15px;
    border: none
}

.expert-btn:hover {
    color: #fff !important;
    border: 1px solid #000;
    background: #000;
}

.center-img-cnt h3 {
    text-align: center
}

.hire-btn-cnt {
    margin-top: -30px
}

.mid_section p {
    text-align: justify
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li {
    line-height: 2.2;
    font-size: 15px;
    list-style: none
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li i.fa-check-circle {
    color: #205a5d;
    margin-right: 10px
}

.blockchain_algo .sol-box {
    position: relative;
    height: 25rem;
    margin-top: 20px;
    background: #fff;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

.blockchain_algo .al-sol-icon {
    text-align: left
}

.blockchain_algo .sol-box h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px
}

.d-flex {
    display: flex
}

.align-center {
    align-items: center
}

.text-center {
    text-align: center !important
}

.cbp-af-header.sticky .navbar-brand img {
    width: 180px !important
}

.breadcrumb-sec,
.breadcrumb-sec .breadcrumb {
    background: #000 !important;
}

.breadcrumb-sec li a {
    color: #007bff
}

.breadcrumb-sec ol.breadcrumb {
    margin-bottom: 0;
    padding: 10px 2px
}

.breadcrumb>li {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    text-transform: capitalize;
}

label.error {
    color: red !important;
    font-weight: 400;
    font-size: 15px;
}

.header-shadow {
    position: relative
}

.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6) none repeat scroll 0 0
}

.heading-tagline {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 3rem
}

@media(min-width:768px) and (max-width:991px) {
    .work_with_box {
        height: 380px
    }
}

@media (min-width:767px) {
    .services_sec {
        width: 1000px
    }
}

.mt40 {
    margin-top: 40px !important
}

.order-exchange .order-type-box {
    min-height: auto;
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: #f5f5f5;
    border-radius: 5px;
    border: 2px solid #eee;
    border-bottom-color: #47b475
}

.order-exchange .feature-box-3 .icon {
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto
}

.order-exchange .feature-box-3 .common_h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.quick_p {
    font-size: 20px
}

.tabbable-panel {
    padding: 10px
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373;
    text-align: center
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #5090f7
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0 !important;
    color: #333
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li {
    opacity: .6;
    float: none;
    display: inline-block;
    padding: 0 14px
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #32465b;
    position: relative;
    opacity: 1
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #000;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.tabbable-line li.wds .list-title {
    font-size: 18px;
    font-weight: 700
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

.tab-content .tech-link {
    color: #2a7bc1;
    font-size: 15px;
    font-weight: 600
}

.tabs_solutions .wds.wds-ico-4 a::before {
    background-position: 0 -1292px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-4.active a::before,
.tabs_solutions .wds.wds-ico-4:hover a::before {
    background-position: -96px -1292px !important
}

.tabs_solutions .wds.wds-ico-5 a::before {
    background-position: 0 -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-5.active a::before,
.tabs_solutions .wds.wds-ico-5:hover a::before {
    background-position: 0 -1423px !important
}

.tabs_solutions .wds.wds-ico-7 a::before {
    background-position: -174px -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-7.active a::before,
.tabs_solutions .wds.wds-ico-7:hover a::before {
    background-position: -173px -1420px !important
}

.tabs_solutions .wds.wds-ico-10 a::before {
    background-position: -378px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-10.active a::before,
.tabs_solutions .wds.wds-ico-10:hover a::before {
    background-position: -378px -1423px !important
}

.tabs_solutions .wds.wds-ico-11::before {
    background-position: -512px -1300px !important
}

.tabs_solutions .wds.wds-ico-12::before {
    background-position: -468px -1394px !important
}

.tabs_solutions .wds.wds-ico-13::before {
    background-position: -18px -1508px !important
}

.tabs_solutions .wds.wds-ico-14::before {
    background-position: -108px -1508px !important
}

.tabs_solutions .wds.wds-ico-15::before {
    background-position: -198px -1508px !important
}

.tabs_solutions .wds.wds-ico-16::before {
    background-position: -288px -1508px !important
}

.tabs_solutions .wds.wds-ico-41::before {
    background-position: -198px -1868px !important
}

.tabs_solutions .wds.wds-ico-42::before {
    background-position: -288px -1868px !important
}

.tabs_solutions .wds.wds-ico-43::before {
    background-position: -378px -1868px !important
}

.tabs_solutions .wds.wds-ico-44::before {
    background-position: -468px -1868px !important
}

.tabs_solutions .wds.wds-ico-45::before {
    background-position: -18px -1958px !important
}

.tabs_solutions .wds.wds-ico-46::before {
    background-position: -108px -1958px !important
}

.tabs_solutions .wds.wds-ico-47::before {
    background-position: -198px -1958px !important
}

.tabs_solutions .wds.wds-ico-48::before {
    background-position: -184px -4px !important
}

.tabs_solutions .wds.wds-ico-49::before {
    background-position: -3px -5px !important
}

.tabs_solutions .wds.wds-ico-50::before {
    background-position: -92px -3px !important
}

.tabs_solutions .wds.wds-ico-51::before {
    background-position: -275px -3px !important
}

.tabs_solutions .wds.wds-ico-52::before {
    background-position: -364px -3px !important
}

.tabs_solutions .wds.wds-ico-53::before {
    background-position: -455px -3px !important
}

.tabs_solutions .wds.wds-ico-54::before {
    background-position: -3px -93px !important
}

.tabs_solutions .wds.wds-ico-55::before {
    background-position: -93px -93px !important
}

.tabs_solutions .wds.wds-ico-56::before {
    background-position: -184px -93px !important
}

.tabs_solutions .wds.wds-ico-24::before {
    background-position: -466px -1600px !important
}

.tabs_solutions .wds.wds-ico-25::before {
    background-position: -467px -1509px !important
}

.tabs_solutions .wds.wds-ico-26::before {
    background-position: -19px -1687px !important
}

.tabs_solutions .wds.wds-ico-27::before {
    background-position: -378px -1600px !important
}

.tabs_solutions .wds.wds-ico-28::before {
    background-position: -198px -1688px !important
}

.tabs_solutions .wds.wds-ico-29::before {
    background-position: -288px -1688px !important
}

.tabs_solutions .wds.wds-ico-30::before {
    background-position: -378px -1688px !important
}

.tabs_solutions .wds.wds-ico-31::before {
    background-position: -468px -1688px !important
}

.tabs_solutions .wds.wds-ico-32::before {
    background-position: -18px -1778px !important
}

.tabs_solutions .wds.wds-ico-33::before {
    background-position: -108px -1778px !important
}

.tabs_solutions .wds.wds-ico-34::before {
    background-position: -198px -1778px !important
}

.tabs_solutions .wds.wds-ico-35::before {
    background-position: -288px -1778px !important
}

.tabs_solutions .wds.wds-ico-36::before {
    background-position: -378px -1778px !important
}

.tabs_solutions .wds.wds-ico-37::before {
    background-position: -468px -1778px !important
}

.tabs_solutions .wds.wds-ico-38::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-39::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-40::before {
    background-position: -108px -1868px !important
}

.tabs_solutions .wds.wds-ico-17::before {
    background-position: -378px -1508px !important
}

.tabs_solutions .wds.wds-ico-18::before {
    background-position: -86px -1410px !important
}

.tabs_solutions .wds.wds-ico-20::before {
    background-position: -18px -1598px !important
}

.tabs_solutions .wds.wds-ico-21::before {
    background-position: -108px -1598px !important
}

.tabs_solutions .wds.wds-ico-22::before {
    background-position: -198px -1598px !important
}

.tabs_solutions .wds.wds-ico-23::before {
    background-position: -288px -1598px !important
}

.tabs_solutions .wds.wds-ico-8 a::before {
    background-position: -241px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-8.active a::before,
.tabs_solutions .wds.wds-ico-8:hover a::before {
    background-position: -241px -1422px !important
}

.tabs_solutions .wds.wds-ico-9 a::before {
    background-position: -306px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-9.active a::before,
.tabs_solutions .wds.wds-ico-9:hover a::before {
    background-position: -308px -1425px !important
}

.tabs_solutions .wds.wds-ico-6 a::before {
    background-position: -86px -1350px !important;
    width: 83px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-6.active a::before,
.tabs_solutions .wds.wds-ico-6:hover a::before {
    background-position: -86px -1420px !important
}

li.hire-dd-icon a:before {
    /* background: url(/public/images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px
}

.tabs_solutions {
    padding: 20px 0 20px
}

.tabs_solutions .wds a::before {
    transition: .3s all ease-in-out
}

.hire-dd-technology {
    display: flex;
    text-align: center;
    justify-content: center
}

.hire-dd-technology .hire-dd-tech-box {
    margin: 0 15px;
    padding-top: 20px
}

.hire-dd-tech-box {
    padding: 30px 10px 20px
}

.tabs_solutions .hire-dd-box-text::before {
    height: 84px;
    width: 84px
}

.tabs_solutions .hire-dd-tech-box .hire-dd-box-text:before {
    /* background: url(/public/images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    top: -10px;
    z-index: 1;
    transition: .3s all ease-in-out
}

.sol-website .sol-box {
    position: relative;
    height: 340px;
    background: #000;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

@media (max-width:767px) {
    .sol-website .sol-box {
        height: auto
    }
    .webd-intro-sprite {
        background-size: 102rem !important;
        height: 235px !important;
        background-position: -598px -449px !important
    }
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-custom-web-design-development .header-content .heading-tagline {
        text-align: center !important;
    }
    .webdesi_bannerbtn {
        text-align: center;
    }
    .about#aboutus {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
        background: initial !important;
        padding-bottom: 20px;
        text-align: center;
    }
    .about#aboutus .section-heading {
        text-align: center !important;
    }
    .about#aboutus .get_demo_slick_btn {
        float: none;
    }
    .mid_section#webapp_solutuions {
        padding: 0px !important;
        background-color: #f1f1f1;
        background-image: none !important;
        background-image: initial !important;
    }
    #webdesign_frameworks .sol-box {
        margin-top: 82px;
        height: auto !important;
    }
    #webdesign_industry .row:nth-child(2),
    #webdesign_industry .row:nth-child(3) {
        display: block !important;
    }
    #webdesign_industry .webdesign_indusbox {
        margin-bottom: 20px;
    }
    #webdesign_industry,
    #webportel_dev,
    #adapwebdev_solution {
        padding-bottom: 0px !important;
    }
    #webportel_dev .sol-box {
        padding: 0 !important;
        margin-bottom: 40px;
    }
    #webdesign_frameworks .row:nth-child(2) {
        margin-top: 0 !important;
    }
    #webdesign_jsframeworks .sol-box {
        height: auto !important;
    }
}

@media (max-width:1280px) {
    .about#aboutus {
        background-position: 356px 0px !important;
    }
}

header.masthead-custom-web-design-development .header-content h1,
header.masthead-custom-web-design-development .header-content .heading-tagline {
    text-align: left;
}

header.masthead-custom-web-design-development .header-content .heading-tagline {
    font-weight: 400;
    font-size: 18px;
}

.about.webdev_top_ratesec#aboutus {
    /*background: url(../images/inner-pages/custom_web_design_development/top-rated-web-development-company.jpg);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#webapp_solutuions .section-heading h2 {
    color: #060606;
}

.mid_section#webapp_solutuions {
    /* background-image: url(../images/inner-pages/custom_web_design_development/enhance-your-brand-with-our-enterprise-app-and-web-solutions.jpg?v2); */
    background-position: center;
    padding: 70px;
    filter: invert(1);
}

#premium_webservice {
    background-image: radial-gradient(circle at center center, transparent, rgb(12, 11, 11)), repeating-linear-gradient(135deg, rgb(12, 11, 11) 0px, rgb(12, 11, 11) 2px, transparent 2px, transparent 10px, rgb(12, 11, 11) 10px, rgb(12, 11, 11) 11px, transparent 11px, transparent 21px), repeating-linear-gradient(45deg, rgb(51, 50, 50) 0px, rgb(51, 50, 50) 4px, transparent 4px, transparent 8px), linear-gradient(90deg, rgb(12, 11, 11), rgb(12, 11, 11));
    padding-top: 50px;
    padding-bottom: 80px;
}

.country_prem_services {
    padding-top: 30px !important;
    padding-bottom: 80px !important;
}

#premium_webservice .section-heading h2 {
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
}

#webdesign_jsframeworks {
    background-color: #000;
}

#webdesign_jsframeworks .section-heading h2 {
    color: #fff;
    text-align: center;
}

#webdesign_jsframeworks .webjsframeworks_icons {
    float: right;
}

#webdesign_jsframeworks .sol-box {
    border-radius: 4px;
    height: 285px;
}

#webdesign_jsframeworks .sol-box .desc {
    min-height: 135px;
    margin-top: 23px;
}

#webdesign_jsframeworks .sol-box p {
    margin-bottom: 0;
}

#webdesign_jsframeworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_industry .webdesign_indusbox p {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

#webdesign_industry .webdesign_indusbox {
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0px;
    border-radius: 4px;
    box-shadow: 0px 7px 9px -6px #6d6d6d;
}

#webdesign_industry .section-heading p {
    text-align: center;
}

#webdesign_industry .row:nth-child(2),
#webdesign_industry .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#webdesign_frameworks .sol-box {
    border: 1px solid #ad1a48;
    background-color: #000;
    border-radius: 4px;
    height: 265px;
    text-align: center;
    min-height: 290px;
}

#webdesign_frameworks .sol-box .title,
#webdesign_frameworks .sol-box .desc,
#webdesign_frameworks .sol-box .p {
    text-align: center;
}

.mid_section#webdesign_frameworks p {
    text-align: center;
    text-decoration: none !important;
    margin-bottom: 0;
}

#webdesign_frameworks .row:nth-child(2) {
    margin-bottom: 5rem;
    margin-top: 5rem;
}

#webdesign_frameworks .webdframeworks_icons {
    margin: 0 auto;
    margin-top: -69px;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #ae2a53;
    width: 85px;
    height: 85px;
    text-align: center;
    padding: 10px;
}

#webdesign_frameworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_frameworks,
#webdesign_jsframeworks,
#webdesign_industry,
#webportel_dev,
#adapwebdev_solution,
#custweb_servs {
    padding-top: 30px;
    padding-bottom: 80px;
}

#webportel_dev .sol-box {
    border: 0;
    box-shadow: none;
    box-shadow: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    text-align: center;
}

#webportel_dev .sol-box .title,
#webportel_dev .sol-box .desc,
#webportel_dev .sol-box p {
    text-align: center;
}

#webportel_dev .sol-box .title {
    margin-top: 5px;
}

#webportel_dev {
    background: #000;
}

.webporteldev_icons {
    text-align: center;
    width: 70px;
}

#webportel_dev .sol-box {
    height: 290px;
}

.webporteldev_hr {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 90px;
    margin: 0 auto;
    height: 1px;
    margin-bottom: 10px;
}

#webportel_dev .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

.container .row:nth-child(2) {
    margin-bottom: 40px;
}

#webportel_dev .sol-box .desc {
    min-height: 130px;
}

#adapwebdev_solution {
    /* background: url(../images/inner-pages/custom_web_design_development/solutions-bg.jpg);*/
}

#adapwebdev_solution .sol-box {
    border-radius: 4px;
    min-height: 280px;
    height: 350px;
}

#adapwebdev_solution .sol-box .title,
#adapwebdev_solution .sol-box .desc {
    text-align: center;
}

#webdev_process img {
    width: 80%;
    filter: contrast(0.5);
}

#webdev_process .section-heading p {
    text-align: center;
}

#custweb_servs .custserv_ictit {
    display: flex;
    align-items: center;
}

#custweb_servs .sol-box {
    height: auto;
    min-height: 220px !important;
}

#custweb_servs {
    background: #000;
}

.webdesdev_hiresec {
    background: #000;
    padding: 50px 0px;
}

.webdesign_hire_sprite {
    width: 120px;
    height: 110px;
    object-fit: none;
}

.webdhire_content {
    color: #fff;
    text-align: center;
}

.webdhire_content .webdesdev_hire_title {
    color: #fff;
    font-size: 45px;
    text-align: center;
    text-transform: capitalize;
}

.webdhire_content p {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 0;
}

.webdhirebox {
    text-align: center;
}

.webdhirebox p {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}

.webdesdev_hiresec .row:nth-child(2),
.webdesdev_hiresec .row:nth-child(3) {
    margin-top: 2.5rem;
}

.sol-website#premium_webservice .sol-box .sol-icon {
    text-align: left;
}

@media (max-width: 767px) {
    .webdhire_content .webdesdev_hire_title {
        font-size: 28px;
    }
    .webdhire_content p {
        width: 100%;
    }
    .webdhirebox {
        margin-bottom: 19px;
    }
}

.premium_webservice_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.webdesign_frameworks_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.webdesign_industry_sprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.webportel_dev_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.adapwebdev_solution_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.custweb_servs_sprite {
    width: 140px;
    height: 60px;
    object-fit: none;
}

.sol-website .sol-box .sol-icon {
    text-align: right
}

.sol-website .sol-box .title {
    font-size: 17px !important;
    font-weight: 600;
    text-align: left;
    line-height: 25px;
}

.sol-website .sol-box .desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0px;
}

.cc-slider {
    margin: 35px auto 0;
    max-width: 850px;
    position: relative;
    -webkit-transform: translateZ(0);
    transition: all .5s ease-out
}

.hire-dd-slide-manu #six-slides input {
    filter: grayscale(100%)
}

.hire-dd-slide-manu #six-slides input:checked {
    filter: grayscale(0)
}

.hire-dd-slide-manu .cc-slider input {
    display: flex;
    margin: 0 auto;
    width: 25%;
    float: left;
    visibility: hidden;
    margin-bottom: 50px
}

.tabs_solutions .cc-slider input {
    margin: 0 auto 85px !important;
    width: 33.33%
}

.hire-dd-slide-manu #six-slide1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide3::before {
    background-position: -378px -1422px !important;
    width: 83px;
    height: 74px
}

.hire-dd-slide-manu #six-slide4::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide5::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide6::before {
    background-position: -86px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu .cc-slider input:checked:before {
    border-bottom: 2px solid #0087b2;
    padding-bottom: 2px
}

.hire-dd-slide-manu input:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab-content .heading {
    font-weight: 700;
    font-size: 20
}

.custom_tabs_div .nav-pills>li>a::after {
    content: none
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a:before {
    /* background: url(/public/images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:focus,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:hover {
    color: #fff;
    background-color: transparent;
    background-color: initial
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a::before {
    border-bottom: 2px solid #0087b2
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab3::before {
    background-position: -378px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab4::before {
    background-position: -96px -1292px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab5::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab6::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.cc-slider #overflow {
    width: 100%;
    overflow: hidden
}

#six-slides .hire-dd-slide-manu-box .hire-dd-manu-title {
    font-size: 18px;
    font-weight: 700
}

#six-slide1:checked~#six-slides .inner {
    margin-left: 0
}

#six-slide2:checked~#six-slides .inner {
    margin-left: -100%
}

#six-slide3:checked~#six-slides .inner {
    margin-left: -200%
}

#six-slide4:checked~#six-slides .inner {
    margin-left: -300%
}

#six-slide5:checked~#six-slides .inner {
    margin-left: -400%
}

#six-slide6:checked~#six-slides .inner {
    margin-left: -500%
}

#six-slides.cc-slider .inner {
    width: 600%
}

#six-slide1:checked~#six-slides,
#six-slide4:checked~#six-slides,
#six-slide5:checked~#six-slides,
#six-slide6:checked~#six-slides {
    margin-bottom: -26rem
}

#six-slide2:checked~#six-slides {
    margin-bottom: -50rem
}

.cc-slider .inner {
    -webkit-transform: translateZ(0);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

#six-slides.cc-slider article {
    width: 16.66%;
    position: relative;
    display: table-cell
}

.cc-slider article {
    width: 20%;
    float: left
}

.hire-dd-slide-manu-box-1 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding-top: 20px
}

.hire-dd-slide-manu .content {
    background-color: #f4f4f4 !important;
    background: rgba(255, 255, 255, .1);
    padding: 40px 10px;
    width: 87%;
    margin: 0 0 !important
}

.hire-dd-slide-manu .wds.wds-ico-40::before {
    background-position: -198px -1868px !important
}

.hire-dd-slide-manu .wds::before {
    content: "";
    position: relative;
    display: block;
    height: 84px;
    width: 84px;
    margin: 0 auto 15px;
    /* background: url(/public/images/ps-new-icon-min.png) no-repeat */
}

.custom_carousel_wrap {
    margin: 30px auto 0;
    padding: 0 5%;
    width: 80%;
    position: relative
}

.custom_carousel_wrap .features_carousel_sec .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.custom_carousel_wrap .features_carousel_sec .owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd
}

.custom_carousel_wrap .features_carousel_sec .owl-nav i {
    font-size: 52px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-prev {
    left: -30px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-next {
    right: -30px
}

header.masthead-chatbot {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/chat-bot/banner/banner.jpg) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-mobility.transport {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/transportation_logistics/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media(min-width:1200px) {
    .lg-ht-400 {
        height: 400px !important
    }
}

@media(min-width:992px) {
    .md-ht-400 {
        height: 400px !important
    }
}

@media(min-width:768px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

header.masthead-finance.media {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/media-entertainment/media-and-entertainment.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.media.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/health/healthcare-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/learning-education/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.hospitality {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hospitality/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.legal {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/legal/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.manufacturing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/manufacturing/manufacturing-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.analytics {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/analytics_visualization/image/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.database {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/database/data-base-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.devops {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/devops/devops-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-signage {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/signage/signage-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/demand/demand-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-python {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/python/python-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ruby {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ruby/ruby-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-engi {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/pro-eng/pro-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-trans {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/trans/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud/big-data-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hybris {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybris/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-banking {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/banking/banking-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sap {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sap/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-fmcg {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/fmcg/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-tele {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tele/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-go {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/go/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-real {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/real/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-publish {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/publish/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-retail {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/retail/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-res {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/res/resource.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ecom {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ecom/e-commerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-gov {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/gov/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/way/banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-shop {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/shop/shop-floor-automation-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.lab {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-lab/Our_Digital_Lab.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.tensorflow {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-tensorflow.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-ar-vr {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/banner-ar-vr.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-vuejs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-vuejs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-meteorjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-meteorjs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-nwjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-nw-js.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-proton-native {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-proton-native-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.arkit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/arkit-ios.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.unity-ban {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-unity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
    margin-bottom: 0 !important
}

header.masthead-demand.hyperledger-sawtoooth {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/hyperlefger-sawtooth-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.expertise {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-expertise/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.Banner-solidity {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/Banner-solidity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.expert-cnt {
    display: block;
    width: 100%;
    padding: 8% 15px;
    background: #fff;
    box-shadow: 0 3px 4px #ddd;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 5px solid #2a7bc1;
    position: relative;
    transition: all .5s;
    height: 360px
}

.bgn-border {
    border-top: 5px solid #3bbeb0 !important
}

.bl-border {
    border-top: 5px solid #3bb1d9 !important
}

.rd-border {
    border-top: 5px solid #d9434e !important
}

.yl-border {
    border-top: 5px solid #f89433 !important
}

.gn-border {
    border-top: 5px solid #3bb85d !important
}

.pl-border {
    border-top: 5px solid #7277d5 !important
}

.expert-cnt:hover {
    box-shadow: 0 11px 18px #ddd
}

.hgt_430 {
    height: 430px !important
}

.feature-content_1 h4 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 h2 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: left !important
}

.hgt_350 {
    height: 350px !important
}

.hgt_380 {
    height: 380px
}

.navbar-default .navbar-nav>li>a.whatsup_button,
.navbar-default .navbar-nav>li>a.whatsup_button:active,
.navbar-default .navbar-nav>li>a.whatsup_button:focus {
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    background: #47b375;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.telegram_button {
    background: #08c;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 400;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.telegram_button:hover {
    background: #08c;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button,
.navbar-default .navbar-nav>li>a.skype_button:active,
.navbar-default .navbar-nav>li>a.skype_button:focus {
    background: #00aff0;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    margin: 0 3px;
    margin-top: 14px;
    border-bottom: none
}

.navbar-default .navbar-nav>li>a.carrer_button,
.navbar-default .navbar-nav>li>a.carrer_button:active,
.navbar-default .navbar-nav>li>a.carrer_button:focus {
    background: #a5264a;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.carrer_button:hover {
    background: #a5264a;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover {
    background: #00aff0;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover,
.navbar-default .navbar-nav>li>a.telegram_button:hover,
.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    border-bottom: 0
}

.navbar-default .navbar-nav>li>a.skype_button i,
.navbar-default .navbar-nav>li>a.skype_button span,
.navbar-default .navbar-nav>li>a.telegram_button i,
.navbar-default .navbar-nav>li>a.telegram_button span,
.navbar-default .navbar-nav>li>a.whatsup_button i,
.navbar-default .navbar-nav>li>a.whatsup_button span {
    display: inline-block !important
}

.hgt_480 {
    height: 480px !important
}

.hgt_320 {
    height: 320px
}

.hgt_520 {
    height: 520px
}

header.masthead-blockchain-in-gaming.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_gaming/Banner-2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-supplychain.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_supplychain/blockchain-in-supplychain.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-ecommerce.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-ecommerce/blockchain-ecommerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-real-estate.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-realestate/blockchain-in-realestate.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-application-for-voting.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-voting/Banner2.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-in-insurance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-insurance/blockchain-in-insurance-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-digital-records.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/digital-record/Banner2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud-application/cloud-application-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.feature-content_1 h4,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

.feature-content_1 h2,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

header.masthead-pivx {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private-instant-verified-transaction-FINAL/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-scrypt {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/scrypt-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sha-256 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/BENEFITS-OF-SHA-256-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-x11 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/X11-Final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-equihash {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/equihash-final/Banner-01.jpg) no-repeat !important; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-iphone-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone-app-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-react-native-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react-native-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ar-core-for-android {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ar-core-for-android-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hyperledger-fabric-composer {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hyperledger-fabric-composer-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-jmeter {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/jmeter-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_development/ICO-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-consulting-services {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_consulting/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-private-public-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private_public_blockchain_development/PUBLIC-PRIVATE-BLOCKCHAIN_Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cryptocurrency-wallet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency-wallet-development/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-exchange-platform-development {
    position: relative;
    width: 100%;
    padding-top: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency_exchange_platform/banner.png?v2) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-iot-management {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_Iot_management/Blockchain-IoT-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-smart-contract-audit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/smart_contract_audit/Smart-Contract-Audit.banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-marketing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_marketing/STO-Marketing-Banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_development/STO-DevelopmentBanner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-zend-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/zend_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-yii-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/yii_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-laravel-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/laravel_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-cakephp-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cakephp/cakephp.banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angularjs/angularjs-banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ethereum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_blockchain_development/eth-blockchain-banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media(min-width: 991px) {
    section.masthead-blockchain-development {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/banner-new.png); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
    }
}

@media(max-width: 767px) {
    section.masthead-blockchain-development {
        background: linear-gradient(45deg, #011a30, #0b549a, #064b95);
        padding: 50px 0px;
        height: 550px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .masthead-blockchain-development .title {
        font-size: 28px !important;
        line-height: 35px !important;
    }
    .masthead-blockchain-development .cus_title {
        font-size: 35px !important;
    }
    .masthead-blockchain-development .blk_dev_bnr_btn,
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn {
        font-size: 12px !important;
    }
    .blockchain_dev_talkcard_sec {
        background: linear-gradient(45deg, #000422, #004b82);
        display: flex;
        align-items: center;
        padding: 30px 0px;
        text-align: center;
    }
    .blockchain_dev_talkcard_sec .title {
        font-size: 22px !important;
        margin-top: 0px;
    }
    .blockchain_dev_talkcard_sec .contents {
        padding-top: 0px !important;
        margin-bottom: 5px !important;
    }
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
        margin-top: 20px !important;
    }
}

.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #012150;
    background: linear-gradient(90deg, #0e1824 0, rgb(22 29 43 / 55%) 79%);
}

header.masthead-ethereum-classic-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_classic_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-blockchain-development .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
}

.masthead-blockchain-development .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.masthead-blockchain-development .contents {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}

.masthead-blockchain-development a.expert-btn {
    background: #db3c3b;
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #050505;
    line-height: 1.5;
    border: 0;
}

.masthead-blockchain-development .blk_dev_bnr_btn_sec,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
    margin-top: 35px;
}

.masthead-blockchain-development .blk_dev_bnr_btn,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn {
    background: #db3c3b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    padding: 12px 25px;
}

@media(min-width: 991px) {
    .blockchain_dev_talkcard_sec {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/talk-sec-card-bg.png); */
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        padding: 50px 0px;
        height: 400px;
    }
}

.blockchain_dev_talkcard_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}

.blockchain_dev_talkcard_sec .contents {
    font-size: 16px;
    padding-top: 8px;
    color: #fff;
}

header.masthead-quorum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/quorum_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-neo-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/neo_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-tron-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tron_dapps_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-lisk-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/lisk_blockchain_applicationLisk_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-eos-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/eos_blockchain_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-chainlink-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/chainLink_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-stratis-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/stratis_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-waves-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/waves_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-svelte-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/svelte_js_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular8-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angular8_development_company/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_app_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ipad-app-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-ipad-ui-ux-design {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-iphone-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-iphone-ui-ux-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/enterprise_mobile_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-native-app-development-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/native_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-hybrid-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybrid_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ionic-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ionic_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-2d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/2D_design/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-adobe-air-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/adobe_air_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-tablet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_tablet_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-codeigniter-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/codeigniter_web_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development/banner-bg.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development_countrybase {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development_countrybase/banner-bg.png?v1) no-repeat; */
    background-size: cover !important;
    background-position: center;
    height: 85vh
}

.masthead-custom-web-design-development_countrybase .webdesi_bannerbtn {
    margin-top: 4rem;
}

.webdesi_bannerbtn a:hover {
    text-decoration: none;
    color: #fff;
}

.button_play {
    /*background: #ff4949;*/
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    padding: 16px 21px;
    transition: width 199ms cubic-bezier(0.25, 0, 0.25, 1) 233ms;
    font-weight: 800;
    font-size: 17px;
    background: #001a56;
    background: linear-gradient(135deg, #a71e44 0%, #e63a59 50%, #0c3d40 51%, #09383c 71%, #e02528 100%);
    background-size: 400% 400%;
    animation: AnimationName 3s ease infinite;
    border: 0;
}

@keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}

.masthead-custom-web-design-development_countrybase.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(24 30 41 / 60%) none repeat scroll 0 0;
}

header.masthead-custom-web-design-development_countrybase .header-content h1,
header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
    text-align: left;
}

@media (max-width: 767px) {
    header.masthead-custom-web-design-development_countrybase .header-content h1,
    header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
        text-align: center;
    }
}

header.masthead-enterprise-solutions {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/it_enterprise_solution_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-phonegap-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/phonegap_development_services/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-responsive-website-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/responsive_web_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-web-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-logo-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/logo_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-3d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/3d_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-react-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react_js_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-node-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/nodejs_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-bootstrap-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/bootstrap_page/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-canvas5-web-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/canvas5_webdesign/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-joomla-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/joomla-development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-wordpress-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/wordpress_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-magento-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/magento_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-website-maintenance-company {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_maintanence_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mobile-application-maintenance {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mobile_application_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-web-hosting-and-maintenance-services {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/trusted_hosting_and_server_maintenance_service_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-customers-inventory-management-software {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/customer_and_inventory_management/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-online-customer-support {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/online_customer_support_services_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-full-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/full_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mean-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mean_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-hedera-hashgraph-dev {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hedera_hasgroup/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-hedera-hashgraph-dev:before {
    background: rgba(0, 0, 0, .73) !important
}

header.masthead-blockchain-ai-dev {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/AI_blockchain/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-peer-to-peer-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/p2p_lending/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ai-banner {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/ai-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media screen and (min-width:767px) {
    .mobile {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .bor-bot {
        border-bottom: 2px solid #205a5d !important
    }
}

.hgt_490 {
    height: 490px
}

.justify {
    text-align: justify
}

@media(max-width:767px) {
    .social_link {
        display: none
    }
    .mobile-resp {
        display: block
    }
    .caption {
        font-size: 14px !important
    }
    body.events .cbp-af-header .cbp-af-inner {
        height: auto
    }
}

@media(min-width:768px) and (max-width:991px) {
    .showcase-box h3 {
        text-align: left
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .showcase-box h3 {
        min-height: 50px
    }
}

.photo_font {
    font-size: 25px !important;
    color: #000 !important;
    text-align: center
}

.caption {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #397bc1;
    text-align: center;
    font-weight: 700;
    opacity: 1;
    top: 0;
    font-size: 20px
}

@media(min-width:0px) and (max-width:768px) {
    .expert-btn {
        margin: 10px auto !important
    }
    .solution-box p {
        width: 100%
    }
    .ttmenu .navbar-default .ttmenu-content {
        padding: 0
    }
    .social ul li {
        display: inline-block;
        margin: 0 0 15px 1px
    }
    header.masthead-demand.tensorflow {
        padding-top: 50px;
        height: 70vh
    }
    .pre-header ul li a {
        font-size: 13px
    }
    header.masthead-hyper {
        padding-top: 40px;
        height: 60vh
    }
    header.masthead-demand.Banner-solidity {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-digital-records.health {
        padding-top: 30px;
        height: 60vh
    }
    header.masthead-blockchain-in-insurance.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-gaming.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-application-for-voting.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-ecommerce.health {
        padding-top: 20px
    }
    header.masthead-blockchain-in-real-estate.health {
        padding-top: 20px;
        height: 80vh
    }
    header.masthead-blockchain-in-supplychain.health {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-identity {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-finance,
    header.masthead-mobility {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-legal {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-equihash {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-sha-256 {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-pivx {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-scrypt {
        padding-top: 10px;
        height: 85vh
    }
    header.masthead-x11 {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-exchange-platform-development {
        padding-top: 50px
    }
    header.masthead-business {
        padding-top: 40px;
        height: 65vh
    }
    header.masthead-iot {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-chatbot {
        padding-top: 10px;
        height: 60vh
    }
    header.masthead-finance.devops {
        padding-top: 0;
        height: 100vh
    }
    header.masthead-trans .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-engi .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-blockchain-development {
        height: 95vh;
        background: #183274
    }
    .feature-content_1 p,
    .section-heading p,
    .work_with_box p {
        font-size: 16px
    }
    header.masthead-blockchain-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .heading-tagline {
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px
    }
    .mid_section p {
        font-size: 16px
    }
    .feature_1 {
        margin-top: 2em
    }
    header.masthead-ai .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 21px !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 30px
    }
    header.masthead-blockchain-consulting-services {
        height: 60vh;
        padding-top: 10px
    }
    header.masthead-custom-web-design-development {
        height: 97vh;
        padding-top: 133px
    }
    header.masthead-custom-web-design-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .mobile-resp .skype_button>span,
    .mobile-resp .whatsup_button>span {
        display: inline !important
    }
    .social_link {
        display: block !important
    }
    .mobile-resp {
        display: none
    }
    .MetaBlock-new-slider .hero h1,
    .MetaBlock-new-slider .hero h2 {
        font-size: 34px;
        line-height: 52px
    }
    .ttmenu .navbar-default .navbar-nav>li>a.carrer_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.skype_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.whatsup_button span {
        display: none !important
    }
    .ttmenu .nav>li>a {
        padding: 4px 0 !important
    }
    body .ttmenu .nav>li>a {
        border-bottom: 0 solid !important
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 6px !important
    }
    .ttmenu .nav>li>a {
        margin: 0 7px
    }
    header.masthead-blockchain-development {
        height: 25vh;
        padding-top: 10px
    }
    .bigdata-info img {
        max-width: 330px
    }
    .hi-icon {
        width: 40px;
        height: 40px
    }
    .hi-icon:before {
        font-size: 20px;
        line-height: 38px
    }
    .loc_icons {
        margin-bottom: 0
    }
    .loc_text ul {
        padding: 0
    }
    .location .col-sm-4 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .loc_text ul li {
        font-size: 13px;
        line-height: 21px
    }
    .location {
        padding: 10px 0
    }
}

.algorithm-img-modal {
    height: 332px;
    box-shadow: -1px 1px 5px 2px rgba(209, 207, 209, .39)
}

.img-modal .modal-header {
    background-color: transparent;
    background-color: initial;
    border-bottom: 0
}

.img-modal .modal-footer {
    border-top: 0
}

.pop-up-img-modal {
    max-width: 100%
}

.img-modal .modal-header .btn {
    background-color: #928f8f;
    color: #fff;
    height: 39px;
    border-radius: 100%;
    float: right
}

.expand-button {
    color: #fff
}

.modal-open .modal {
    overflow-x: hidden;
    margin-top: -75px;
    overflow-y: auto
}

.hgt_340 {
    height: 340px !important
}

.hgt_auto {
    height: auto !important
}

@media screen and (max-width:767px) {
    .whybottom_box {
        height: auto !important
    }
}

.hgt_400 {
    height: 400px
}

.gd-img img {
    max-width: none !important;
    width: 150px
}

@media screen and (min-width:767px) {
    .hgt_470 {
        height: 470px
    }
}

.foot_link .contact-info p {
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: left
}

.expert-btn {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 12px
}

.platform-icon {
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(34, 44, 55, .15)
}

div.platform-icon div.logo {
    background-color: transparent
}

div.platform-icon a,
div.platform-icon div.logo {
    width: 50px;
    height: 50px;
    display: block;
    /* background-image: url(../images/inner-pages/way/platform-logos.png); */
    background-color: #fff
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon {
    float: none;
    display: inline-block;
    margin: 5px
}

.multiple-platforms {
    text-align: center
}

.g-center {
    padding: 0 14px
}

div.platform-icon .win {
    background-position: 0 0
}

div.platform-icon .pc {
    background-position: 0 0
}

div.platform-icon .winphone8 {
    background-position: 0 -50px
}

div.platform-icon .windowsphone8 {
    background-position: 0 -50px
}

div.platform-icon .winstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstoreapps {
    background-position: 0 -100px
}

div.platform-icon .mac {
    background-position: 0 -150px
}

div.platform-icon .linux {
    background-position: 0 -200px
}

div.platform-icon .web {
    background-position: 0 -250px
}

div.platform-icon .unitywebplayer {
    background-position: 0 -250px
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon .android {
    background-position: 0 -350px
}

div.platform-icon .blackberry {
    background-position: 0 -400px
}

div.platform-icon .wiiu {
    background-position: 0 -450px
}

div.platform-icon .ps3 {
    background-position: 0 -500px
}

div.platform-icon .playstation3 {
    background-position: 0 -500px
}

div.platform-icon .ps4 {
    background-position: 0 -550px
}

div.platform-icon .playstation4 {
    background-position: 0 -550px
}

div.platform-icon .xbox {
    background-position: 0 -600px
}

div.platform-icon .facebook {
    background-position: 0 -650px
}

div.platform-icon .playstationvita {
    background-position: 0 -700px
}

div.platform-icon .unity {
    background-position: 0 -750px
}

div.platform-icon .xboxone {
    background-position: 0 -800px
}

div.platform-icon .xbox360 {
    background-position: 0 -850px
}

div.platform-icon .tizen {
    background-position: 0 -900px
}

div.platform-icon .psmobile {
    background-position: 0 -950px
}

div.platform-icon .teamlicense {
    background-position: 0 -1000px
}

div.platform-icon .oculus {
    background-position: 0 -1050px
}

div.platform-icon .oculusright {
    background-position: 0 -1050px
}

div.platform-icon .oculusrift {
    background-position: 0 -1050px
}

div.platform-icon .webgl {
    background-position: 0 -1100px
}

div.platform-icon .samsungtv {
    background-position: 0 -1150px
}

div.platform-icon .gearvr {
    background-position: 0 -1200px
}

div.platform-icon .androidtv {
    background-position: 0 -1250px
}

div.platform-icon .hololens {
    background-position: 0 -1300px
}

div.platform-icon .universal-windows {
    background-position: 0 -1350px
}

div.platform-icon .playstationvr {
    background-position: 0 -1400px
}

div.platform-icon .tvos {
    background-position: 0 -1450px
}

div.platform-icon .nintendo3ds {
    background-position: 0 -1500px
}

div.platform-icon .vive {
    background-position: 0 -1550px
}

div.platform-icon .cardboard {
    background-position: 0 -1600px
}

div.platform-icon .daydream {
    background-position: 0 -1650px
}

div.platform-icon .nintendo-switch {
    background-position: 0 -1700px
}

div.platform-icon .fireos {
    background-position: 0 -1750px
}

div.platform-icon .fb-gameroom {
    background-position: 0 -1800px
}

div.platform-icon .arkit {
    background-position: 0 -1850px
}

div.platform-icon .vuforia {
    background-position: 0 -1900px
}

div.platform-icon .arcore {
    background-position: 0 -1950px
}

div.platform-icon .magic-leap {
    background-position: 0 -2000px
}

.header-shadow .expert-btn {
    border: 2px solid #fff;
    background: 0 0
}

.blkchn_devpmt_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d)
}

.blkchn_devpmt_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 510px;
    margin-top: 20px
}

@media (max-width:767px) {
    .blkchn_devpmt_services {
        height: auto
    }
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div {
    margin: 15px auto;
    text-align: center
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div .blkchn_devpmt_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

@media (max-width:767px) and (min-width:0px) {
    #divisor {
        background-size: cover !important
    }
    .our-works .carousel-inner {
        margin: 0 !important
    }
    .first-shot {
        padding: 0 !important
    }
    figure {
        background-size: contain !important
    }
    .img-comparison {
        padding: 0 !important
    }
}

.multiple-platforms {
    padding: 0;
    /* background-image: url(../images/inner-pages/way/multiplatform-bg.png); */
    background-color: #000;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background-image: url(../images/inner-pages/way/wayfind-bg.png); */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.our-works .first-shot {
    color: #fff;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3);
    height: 449px;
    background-repeat: no-repeat;
    background-size: cover
}

.our-works .first-shot h1 {
    font-weight: 700;
    color: #2a7bc1;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.our-works .first-shot p {
    color: #000
}

.our-works .carousel li {
    display: none
}

.our-works .carousel-inner {
    margin: 25px 145px 50px;
    max-width: 1245px
}

.our-works {
    /* background-image: url(../images/inner-pages/way/shots-slide-bg.png); */
    padding: 0;
    background-size: cover
}

.our-works h1 {
    font-size: 50px;
    color: #2a7bc1;
    text-align: center;
    font-weight: 600
}

.carousel-slider .carousel-control {
    z-index: 2;
    top: 171px;
    height: 0;
    width: 8%;
    bottom: 0;
    font-size: 77px;
    opacity: 1
}

.carousel-control.left {
    right: 105% !important
}

.shots .carousel-control.right {
    left: 105% !important
}

.our-works h2 {
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.shots img {
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3)
}

div.platform-icon a,
div.platform-icon div.logo {
    border-radius: 50%
}

.multiple-platforms h2 {
    color: #fff;
    font-weight: bolder
}

.multiple-platforms h3 {
    color: #fff;
    font-size: 22px
}

.g-center {
    padding: 0 15px 25px
}

.img-comparison {
    padding: 0
}

.img-comparison h2 {
    color: #2a7bc1;
    margin-bottom: 51px;
    text-align: center;
    font-weight: 600;
    font-size: 32px
}

.img-comparison h3 {
    color: #2a7bc1;
    text-align: center
}

.img-comparison p {
    text-align: center
}

#comparison {
    width: 100%;
    padding-bottom: 48%;
    overflow: hidden;
    position: relative
}

figure {
    position: absolute;
    /* background-image: url(../images/inner-pages/way/gfloor-bp.png); */
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

#divisor {
    /* background-image: url(../images/inner-pages/way/gfloor-out.png); */
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3);
    bottom: 0;
    height: 100%;
    transition: width 2s
}

#divisor:after,
#divisor:before {
    content: '';
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #000;
    z-index: 3
}

#divisor:before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, .3)
}

#divisor:after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .3)
}

#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3
}

#handle:after,
#handle:before {
    content: '';
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    display: none
}

input[type=range]:active,
input[type=range]:focus {
    border: 0;
    outline: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: 0 0;
    border: 4px solid #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3)
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: 0
}

.rd_mr_btn {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    margin: 10px 0 0;
    /* line-height: 0; */
    /* background-color: red; */
    /* padding: 10px 0px 0px 10px; */
}

.inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.blkchn_devpmt_services h4 {
    min-height: 50px
}

.blkchn_devpmt_services h2 {
    min-height: 50px
}

.blkchn_devpmt_services .feature-content_1 p {
    min-height: 280px
}

.list_img_div img {
    max-width: 60px;
    position: absolute
}

.list_content_div {
    margin-left: 70px
}

.industry_focus {
    padding: 10px
}

.industry_focus p {
    font-size: 15px !important;
    line-height: 27px
}

.industry_focus .slide-content .industries_solution_btn_p {
    margin: 20px 0
}

.industry_focus .slide-content .industries_solution_btn_p a.explore_slick_btn {
    margin-right: 8px
}

.industry_focus .item_pagination {
    padding: 15px !important
}

.industry_focus .slick-carousel .slick-list {
    margin-top: 0
}

.multiple-platforms p {
    font-size: 18px
}

@media (max-width:767px) {
    .blockchain__indus__sec #blockchain_indus_accordion {
        padding: 10px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #183276;
        color: #fff
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading .panel-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-right: 15px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body .blockchain_indus_buttons {
        padding: 0 10px;
        text-align: center
    }
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../crypto_platform/bitcoin-fire.png) no-repeat scroll center top/cover; */
    margin-top: 0
}

#why_development .why_box {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%
}

#why_development .why_box span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: 10em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.why_development p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 50px;
    text-align: center
}

.cryp-heading h3 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 28px;
    margin: 0 0 50px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

#why_development .why_box span:hover {
    cursor: pointer;
    background: #bb3361
}

.mob_industy_box {
    width: 180px;
    height: 230px;
    margin: 1em auto;
    color: #000;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.social_netw {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -93px -39px
}

.bank_finan {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -333px -39px
}

.entertain {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -563px -39px
}

.ondemand {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -801px -39px
}

.ecommerce {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1039px -39px
}

.food {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1271px -39px
}

.healthcare {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -102px -353px
}

.realestate {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -367px -353px
}

.education {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -618px -353px
}

.transport {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -881px -353px
}

.lifestyle {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -1142px -353px
}

.cryptocurency {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -368px -353px
}

@media (max-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box {
        padding: 10px
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 10rem;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav {
        position: absolute;
        top: 10rem;
        left: 0;
        right: 0
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev {
        position: absolute;
        left: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next {
        position: absolute;
        right: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next:before,
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev:before {
        border: 1px solid #148bfdbf;
        background: #148bfdbf;
        color: #fff;
        font-size: 40px;
        font-weight: 700
    }
}

.ondemand__app__sec .title {
    font-size: 35px;
    font-weight: 600;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div {
    position: relative;
    bottom: 30px;
    text-align: center;
    background: #fff;
    padding: 5px;
    margin: 0 15px;
    border-radius: 3px;
    box-shadow: gray;
    box-shadow: 0 0 29.1px .9px rgba(0, 0, 0, .2);
    z-index: 1
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box img {
    width: 100%
}

.ondemand__app__sec #ondemand__app__carousel .item {
    padding: 10px 0
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p a {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #535e72
}

@media (min-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover:before {
        transform: scaleX(1)
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 7rem;
        transition: 1s;
        opacity: 0;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover .btn__div {
        bottom: 23rem;
        transition: 1s;
        opacity: 1
    }
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 320px;
    top: 3%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 18px;
    transition: transform .3s ease-out
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div .get__demo__a {
    background: #148bfd;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots {
    margin-top: 0 !important;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot.active span {
    background: #ad2953b8
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot span {
    display: block;
    background: #ccc;
    width: 13px;
    height: 13px;
    margin: 5px;
    border-radius: 50px;
    cursor: pointer
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot {
    display: inline-block
}

.ondemad_head .banr-listing {
    padding: 0
}

.ondemad_head .heading-tagline {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_head .banr-listing li {
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    position: relative;
    list-style: none;
    text-align: left;
    font-weight: 300;
}

header.ondemad_head {
    position: relative;
    width: 100%;
    padding-top: 75px !important;
    color: #fff;
    background: linear-gradient(50deg, #000 25%, #4a4949 76%);
    height: 100vh;
}

header.ondemad_head .header-content h1 {
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_feature .whybottom_box .inr_img {
    top: -90px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.ondemad_feature .whybottom_box {
    height: 300px
}

.ondemad_feature .whybottom_box .inr_img:hover {
    transform: rotate(360deg);
    transition: 1s
}

.why-business .whybottom_box {
    height: auto;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    background-color: #0d4388
}

.why-business .whybottom_box h3 {
    color: #fff
}

.why-business .whybottom_box abbr {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px;
    padding: 5px;
    border-radius: 0 0 60% 60%;
    background: #ff3d9e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff3d9e), color-stop(100%, #481891));
    background: linear-gradient(135deg, #ff3d9e 0, #481891 100%)
}

.why-business .whybottom_box abbr:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #581c7f transparent transparent
}

.why-business .whybottom_box abbr:after {
    position: absolute;
    right: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #581c7f
}

.on-dmnd-industries .od-ind-box {
    text-align: center;
    padding: 10px;
    position: relative
}

.on-dmnd-industries .od-ind-box p {
    text-align: center;
    font-weight: bolder
}

.on-dmnd-industries .all-features {
    text-align: center
}

.on-dmnd-industries .all-features a.collapsed {
    color: #ff3d9d
}

.on-dmnd-industries .all-features a.collapsed .rotate-icon {
    color: #ff3d9d;
    border-color: #ff3d9d;
    transform: rotate(90deg)
}

.on-dmnd-industries .all-features a .vff {
    display: block;
    font-size: 15px;
    font-weight: bolder
}

.fa-angle-double-right:before {
    content: "\f101" !important
}

.on-dmnd-industries .all-features a .rotate-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #8200f2;
    border: 1px solid #8200f2;
    border-radius: 100px;
    transform: rotate(-90deg);
    transition: all .3s ease-in-out
}

.on-dmnd-industries .all-features a .rotate-icon i {
    font-size: 16px;
    margin-top: 5px
}

/*ON Demand App Banner Form - Start*/

.ondemand_app_banner_form_sec {
    background: #00000047;
    padding: 20px;
}

.ondemand_app_banner_form_sec .ondemand_app_banner_form_head .title {
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .form-group {
    margin-bottom: 20px;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form input,
.ondemand_app_banner_form_sec #ondemad_app_banner_form select,
.ondemand_app_banner_form_sec #ondemad_app_banner_form textarea {
    border-radius: 0;
    box-shadow: none;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .submit_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    display: block;
    width: 100%;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

/*ON Demand App Banner Form - End*/

.mt-9 {
    margin-top: 9rem
}

.why-business .whybottom_box img {
    width: 50px;
    height: 50px;
    object-fit: none
}

.on-dmnd-industries img {
    width: 64px;
    height: 64px;
    object-fit: none
}

.collapsed .replaced_content {
    visibility: hidden;
    position: relative
}

.collapsed .replaced_content:after {
    visibility: visible;
    content: "Load More"
}

.replaced_content:after {
    visibility: visible;
    content: "Load Less"
}

@media (max-width:768px) and (min-width:0px) {
    header.ondemad_head {
        background: #000;
        height: auto !important;
    }
    .ondemad_head h1 {
        font-size: 24px !important;
        text-align: center !important
    }
    .ondemad_head .heading-tagline {
        text-align: center !important;
        font-size: 16px
    }
    .about {
        padding: 0
    }
}

.industry_focus .mob_industy_box h3 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 100px;
    text-shadow: 2px 2px 10px #0000006c
}

.industry_focus #client_carousel .item .industries_quote_btn {
    background: #00000073;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 25px auto;
    letter-spacing: 0
}

@media (min-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0;
        display: none
    }
}

@media (max-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0
    }
}

.mob_industy_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 5px;
    transition: transform .3s ease-out
}

.mob_industy_box:hover:before {
    transform: scaleX(1)
}

.mob_industy_box:hover .industries_quote_btn_div {
    display: block !important
}

.why-cntnt {
    text-align: center
}

.why_MetaBlock {
    padding: 30px 0
}

.why-img-title {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0;
    text-align: center
}

.process_we_follow {
    background: #e3edf2;
    background: linear-gradient(135deg, #e3edf2 0, #b9c3cf 100%);
    padding: 30px 0
}

.enterprise-mobile-app-development-countrybased {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/mobileapp_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width: 767px) {
    .enterprisemob_banbtn {
        text-align: center;
    }
}

@media (min-width: 767px) {
    .enterprise-mobile-app-development-countrybased .header-content .mb-5 {
        text-align: left;
    }
    .enterprise-mobile-app-development-countrybased .header-content {
        margin-top: 9rem;
    }
    .enterprise-mobile-app-development-countrybased .heading-tagline {
        text-align: left;
        font-size: 18px;
    }
    .enterprise-mobile-app-development-countrybased.header-shadow:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 0%) none repeat scroll 0 0;
    }
}

header.enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width:768px) and (min-width:0px) {
    header.enterprise-mobile-app-development {
        height: 97vh;
        padding-top: 133px
    }
    header.enterprise-mobile-app-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .intro_img_sprite {
        background-position: -992px -1247px !important
    }
    header.masthead-blockchain-development .header-content .mb-5 {
        font-size: 24px !important;
        text-align: center;
        line-height: 1.5
    }
    header.masthead-blockchain-development .header-content .heading-tagline {
        width: 100% !important;
        text-align: center
    }
    .bck_request_btn {
        text-align: center
    }
    header.masthead-blockchain-development .text-left {
        text-align: center !important
    }
}

header.masthead-blockchain-development .text-left {
    text-align: left
}

.header-shadow-custom .expert-btn {
    border: 2px solid #fff;
}

.enterprise_mobile_app_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d)
}

.enterprise_mobile_app_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 560px;
    margin-top: 20px
}

@media (max-width:767px) {
    .enterprise_mobile_app_services {
        min-height: auto;
        height: auto
    }
}

.enterprise_mobile_app_services .mobile_app_services_btn_div {
    margin: 10px auto;
    text-align: center
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn i {
    font-size: 20px;
    margin-left: 5px
}

.inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.enterprise_mobile_app_services h4 {
    min-height: 50px
}

.enterprise_mobile_app_services h2 {
    min-height: 50px
}

.enterprise_mobile_app_services .feature-content_1 p {
    min-height: 330px
}

.spr-feature-img-1 {
    object-fit: none;
    object-position: 0 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-2 {
    object-fit: none;
    object-position: -80px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-3 {
    object-fit: none;
    object-position: -166px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-4 {
    object-fit: none;
    object-position: -247px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-5 {
    object-fit: none;
    object-position: -331px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-6 {
    object-fit: none;
    object-position: 0 -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-7 {
    object-fit: none;
    object-position: -80px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-8 {
    object-fit: none;
    object-position: -166px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-9 {
    object-fit: none;
    object-position: -246px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-10 {
    object-fit: none;
    object-position: -329px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-11 {
    object-fit: none;
    object-position: -87px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-12 {
    object-fit: none;
    object-position: 1px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-13 {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-14 {
    object-fit: none;
    object-position: -250px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-15 {
    object-fit: none;
    object-position: -336px -161px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-16 {
    object-fit: none;
    object-position: -142px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-17 {
    object-fit: none;
    object-position: -245px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-18 {
    object-fit: none;
    object-position: -350px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr_img_consen {
    width: 60px;
    height: 60px;
    margin-left: 0 auto;
    /* background-image: url(../images/inner-pages/blockchain_development/blkch_sprite.png?v2) */
}

.techstack_sprite {
    width: 68%;
    height: 229px;
    background-position: -9px -120px;
    background-size: 111rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite_res {
    width: 100%;
    height: 575px;
    background-position: -1413px -243px;
    background-size: 179rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite {
    width: 65%;
    height: 287px;
    background-position: -11px -469px;
    background-size: 135rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.mobile_app_hire_sprite {
    width: 60%;
    height: 250px;
    background-position: -1875px -1480px;
    background-size: 110rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.hire_sprite {
    width: 77%;
    height: 200px;
    background-position: -1531px -1205px;
    background-size: 90rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.appio-sprite {
    width: 100%;
    border-radius: 10px;
    height: 540px;
    border: 1px solid #d2d2d2;
    background-size: 180rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v2) */
}

.appio-screen-img img {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
    border: 2px solid #d2d2d2
}

.sol-icon .cust_web_imgpack {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1) */
}

.service_sprite {
    background-size: 85rem;
    width: 77px;
    height: 90px
}

.web_portal_sprite {
    margin: 0 63%;
    background-size: 174rem;
    width: 119px;
    height: 101px
}

.web_development_sprite {
    margin: 0;
    background-size: 83rem;
    width: 119px;
    height: 101px
}

.js_framework_sprite {
    margin: 0 63%;
    background-size: 70rem;
    width: 127px;
    height: 101px
}

.web_development_sol_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 63%;
    background-size: 83rem;
    width: 127px;
    height: 122px
}

.webd-intro-sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    background-size: 166rem;
    width: 620px;
    height: 300px;
    background-position: -936px -787px
}

.webdesign_services_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 auto;
    background-size: 280rem;
    width: 350px;
    height: 350px
}

#screenshots {
    padding: 10px 0
}

.swiper-container.appio-screen-view {
    text-align: center
}

.swiper-container.appio-screen-view .swiper-slide {
    padding: 0 43px
}

.swiper-container {
    width: 100%;
    padding-bottom: 50px
}

.swiper-slide .appio-sprite {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px
}

.swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 15px
}

.two .swiper-slide {
    width: 300px
}

.swiper-slide .appio-sprite {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2)
}

.swiper-slide .appio-screen-img .preview-icon {
    z-index: -1;
    width: calc(100% - 30px)
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0
}

.swiper-pagination-bullet {
    border-radius: 10px;
    display: inline-block;
    height: 5px;
    width: 20px;
    opacity: 1;
    transition: .2s;
    background-color: #000
}

.swiper-pagination-bullet:nth-child(5n+1) {
    background-color: #9bcf50
}

.swiper-pagination-bullet:nth-child(5n+2) {
    background-color: #36c6eb
}

.swiper-pagination-bullet:nth-child(5n+3) {
    background-color: #ff7e30
}

.swiper-pagination-bullet:nth-child(5n+4) {
    background-color: #1e87f0
}

.swiper-pagination-bullet:nth-child(5n+5) {
    background-color: #bf095d
}

.swiper-pagination-bullet-active {
    border: medium none;
    height: 5px;
    width: 30px;
    opacity: 1
}

.process_we_follow img {
    width: 100% !important
}

.why_crypto_development_sprite1,
.why_crypto_development_sprite2,
.why_crypto_development_sprite3,
.why_crypto_development_sprite4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.why_crypto_development_sprite1 {
    object-position: 0 0
}

.why_crypto_development_sprite2 {
    object-position: -120px 0
}

.why_crypto_development_sprite3 {
    object-position: -240px 0
}

.why_crypto_development_sprite4 {
    object-position: -361px 0
}

.crypto_services1,
.crypto_services2,
.crypto_services3,
.crypto_services4,
.crypto_services5,
.crypto_services6 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_services1 {
    object-position: -482px 0
}

.crypto_services2 {
    object-position: 0 -105px
}

.crypto_services3 {
    object-position: -120px -105px
}

.crypto_services4 {
    object-position: -244px -105px
}

.crypto_services5 {
    object-position: -362px -105px
}

.crypto_services6 {
    object-position: -483px -109px
}

.crypto_platform1,
.crypto_platform10,
.crypto_platform11,
.crypto_platform12,
.crypto_platform2,
.crypto_platform3,
.crypto_platform4,
.crypto_platform5,
.crypto_platform6,
.crypto_platform7,
.crypto_platform8,
.crypto_platform9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_platform1 {
    object-position: 13px -211px
}

.crypto_platform2 {
    object-position: -90px -211px
}

.crypto_platform3 {
    object-position: -193px -211px
}

.crypto_platform4 {
    object-position: -296px -211px
}

.crypto_platform5 {
    object-position: -401px -211px
}

.crypto_platform6 {
    object-position: -507px -211px
}

.crypto_platform7 {
    object-position: 6px -293px
}

.crypto_platform8 {
    object-position: -96px -290px
}

.crypto_platform9 {
    object-position: -199px -292px
}

.crypto_platform10 {
    object-position: -298px -292px
}

.crypto_platform11 {
    object-position: -400px -292px
}

.crypto_platform12 {
    object-position: -503px -292px
}

.cryp_xchge_feature1,
.cryp_xchge_feature2,
.cryp_xchge_feature3,
.cryp_xchge_feature4,
.cryp_xchge_feature5,
.cryp_xchge_feature6,
.cryp_xchge_feature7,
.cryp_xchge_feature8,
.cryp_xchge_feature9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_feature1 {
    object-position: 0 0
}

.cryp_xchge_feature2 {
    object-position: -103px 0
}

.cryp_xchge_feature3 {
    object-position: -193px 0
}

.cryp_xchge_feature4 {
    object-position: -290px 0
}

.cryp_xchge_feature5 {
    object-position: -393px 0
}

.cryp_xchge_feature6 {
    object-position: -17px -91px
}

.cryp_xchge_feature7 {
    object-position: -131px -93px
}

.cryp_xchge_feature8 {
    object-position: -243px -99px
}

.cryp_xchge_feature9 {
    object-position: -346px -99px
}

.cryp_xchge_sfeature1,
.cryp_xchge_sfeature2,
.cryp_xchge_sfeature3,
.cryp_xchge_sfeature4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_sfeature1 {
    object-position: -13px -225px
}

.cryp_xchge_sfeature2 {
    object-position: -138px -225px
}

.cryp_xchge_sfeature3 {
    object-position: -263px -225px
}

.cryp_xchge_sfeature4 {
    object-position: -390px -225px
}

.daapd-sprite-ctrl {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.dappd-sprite-pos-1 {
    object-position: -7px -4px
}

.dappd-sprite-pos-2 {
    object-position: -100px -4px
}

.dappd-sprite-pos-3 {
    object-position: -194px -4px
}

.dappd-sprite-pos-4 {
    object-position: -287px -4px
}

.dappd-sprite-pos-5 {
    object-position: -380px -4px
}

.dappd-sprite-pos-6 {
    object-position: -472px -4px
}

.dappd-sprite-pos-7 {
    object-position: -567px -4px
}

.dappd-sprite-pos-8 {
    object-position: -6px -98px
}

.dappd-sprite-pos-9 {
    object-position: -100px -98px
}

.dappd-sprite-pos-10 {
    object-position: -193px -98px
}

.dappd-sprite-pos-11 {
    object-position: -287px -98px
}

.dappd-sprite-pos-12 {
    object-position: -379px -98px
}

.dappd-sprite-pos-13 {
    object-position: -473px -98px
}

.dappd-sprite-pos-14 {
    object-position: -567px -98px
}

.supc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.supc-sprite-pos-1 {
    object-position: -5px -6px
}

.supc-sprite-pos-2 {
    object-position: -122px -6px
}

.supc-sprite-pos-3 {
    object-position: -241px -6px
}

.supc-sprite-pos-4 {
    object-position: -362px -6px
}

.supc-sprite-pos-5 {
    object-position: -481px -7px
}

.supc-sprite-pos-6 {
    object-position: -604px -7px
}

.hc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hc-sprite-pos-1 {
    object-position: -4px -8px
}

.hc-sprite-pos-2 {
    object-position: -125px -8px
}

.hc-sprite-pos-3 {
    object-position: -246px -8px
}

.hc-sprite-pos-4 {
    object-position: -367px -8px
}

.hc-sprite-pos-5 {
    object-position: -15px -146px
}

.hc-sprite-pos-6 {
    object-position: -136px -146px
}

.hc-sprite-pos-7 {
    object-position: -257px -146px
}

.hc-sprite-pos-8 {
    object-position: -378px -146px
}

.bcd-sprite-ctrl-0 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -2px -250px
}

.bcd-sprite-ctrl-1 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -71px -250px
}

.bcd-sprite-ctrl-2 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -141px -250px
}

.bcd-sprite-ctrl-3 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -210px -250px
}

.bcd-sprite-ctrl-4 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -280px -250px
}

.bcd-sprite-ctrl-5 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -351px -250px
}

.bcd-sprite-ctrl-6 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -1px -316px
}

.bcd-sprite-ctrl-7 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -73px -316px
}

.bcd-sprite-ctrl-8 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -142px -316px
}

.intro_img_sprite {
    width: 100%;
    height: 448px;
    background-position: -919px -1247px;
    background-size: 216rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img_mob_dev {
    width: 80px;
    height: 80px;
    background-size: 92rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.list-strategy .round-circle {
    margin: 0 auto 40px
}

#accordion .panel {
    border: none;
    border-radius: 3px;
    box-shadow: none
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 3px;
    background: 0 0
}

#accordion .panel-title a {
    display: block;
    padding: 12px 18px;
    background: #e6e6e6;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    color: #333;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    position: relative;
    transition: all .5s ease 0s;
    box-shadow: 0 1px 2px rgb(43 59 93 / 30%);
    border-radius: 7px;
}

#accordion .panel-title a.collapsed {
    box-shadow: none;
    color: #333;
    box-shadow: 0 1px 2px rgb(80 80 80 / 30%);
    font-weight: 600;
}

#accordion .panel-title a.collapsed:before,
#accordion .panel-title a:before {
    content: "\f067";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;
    position: relative;
    float: right;
    transform: rotate(135deg);
    transition: all .3s ease 0s
}

#accordion .panel {
    background-color: #fcfcfc;
}

#accordion .panel-body p {
    text-align: justify;
    color: #333;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

#accordion .panel-title a.collapsed:before {
    color: #333;
    transform: rotate(0)
}

.mid_section.faq__section {
    background: #f6f6f6;
}

#accordion .panel-body {
    padding: 0 65px 0 15px;
    /* border: 1px solid #000; */
    font-size: 15px;
    color: #ffffff;
    line-height: 27px;
    box-shadow: 0px 2px 10px -7px #797979;
}

.products-section {
    /* background-image: url(../images/inner-pages/blockchain_development/platforms-bg.png); */
    background-size: cover;
    padding: 20px !important;
    margin-top: 0
}

.platform_heading {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 28px;
    margin: 5px 0 10px;
    font-weight: 700
}

.our-platform-inner {
    background: #fff;
    height: 381px;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.products-section .our-plat-img {
    text-align: -webkit-center
}

.our-plat-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin: 10px 0;
    color: #333
}

.products-section .our-plat-describe {
    font-size: 15px
}

.our-plat-explore {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 600
}

.our-plat-explore a {
    color: #ba2352
}

.our-plat-explore .fa-angle-right {
    margin-left: 7px;
    color: #ba2352
}

.owl-theme .owl-dots .owl-dot:hover span,
.products-section .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    margin-top: 20px
}

.products-section .owl-theme .owl-nav {
    display: none
}

.blck-platform-sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hyp-frame-sec {
    text-align: left;
    padding: 20px
}

.hyp-box .normal_text {
    text-align: justify;
    min-height: 383px
}

.hyp-frame-sec {
    background-color: #eefaff
}

.hyp-box {
    padding: 30px;
    border: 1px solid #dcdcdc;
    min-height: 577px;
    background-color: #fff
}

.hyp-buttons {
    border-radius: 5px
}

.hyp-frame-sec .hyp-buttons {
    background-color: #20518d;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 5px
}

.hyp-tools-box {
    text-align: left;
    padding: 26px;
    height: auto;
    background-size: cover;
    min-height: 453px;
    background-color: #012a5e;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hyp-tools-sec {
    background-color: #fafafa;
    padding: 30px
}

.whyhy-enterprise {
    padding: 30px 0 55px
}

@media (min-width:768px) {
    .ten-columns>.col-sm-2 {
        width: 20%
    }
}

.why-ent-box {
    text-align: center
}

.whyent-head {
    font-size: 17px;
    color: #333;
    font-weight: 500
}

.why-ent-box-border {
    border-right: 1px solid #dcdcdc
}

.whyhy-enterprise-wrap {
    background-color: #fff;
    padding: 54px;
    border-radius: 3px;
    border: 1px solid #e2ecff;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hypcontain-custom {
    margin: 0 auto;
    width: 97.5%;
    max-width: 1520px
}

.hyp-indus-box {
    font-family: proxima_nova_rgbold;
    font-size: 42px;
    line-height: 44px;
    padding: 80px 27px 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 1;
    color: #fff;
    min-height: 497px
}

.hyp-indus-box1 {
    /* background-image: url(../images/inner-pages/hyper-ledger/supplychain.png) */
}

.hyp-indus-box2 {
    /* background-image: url(../images/inner-pages/hyper-ledger/healthcare.png) */
}

.hyp-indus-box3 {
    /* background-image: url(../images/inner-pages/hyper-ledger/identity.png) */
}

.hyp-indus-box4 {
    /* background-image: url(../images/inner-pages/hyper-ledger/finance.png) */
}

.hyp-indus-box5 {
    /* background-image: url(../images/inner-pages/hyper-ledger/realestate.png) */
}

.hyp-indus-box:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    background: rgba(0, 5, 66, .47);
    transition: height .3s cubic-bezier(.4, 0, .2, 1)
}

.hyp-indus-box:hover:before {
    height: 100%
}

.hyp_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.indus-hyp-sec {
    background-color: #f5f7fb;
    padding: 30px 0
}

.why-MetaBlock-hyp {
    background-color: #000;
    padding: 30px;
    background-position: bottom;
    margin-left: 20px;
}

.why_hyp_content .hyp_common_title {
    color: #fff
}

.why_hyp_content p {
    color: #fff
}

.why-MetaBlock-hyp .list-unstyled li {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.yMetaBlock-hyp-border {
    border-left: solid #80a5b4 1px
}

.hyp-indus-title,
.hyptool-title {
    color: #fff
}

.hyp-tools-box .hyptool-p {
    color: #fff;
    text-align: justify
}

.why_hyp_content .hyp_common_title {
    margin-top: 0;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: center;
}

.hypprocess-sec {
    padding: 30px
}

.hyp-proces-img {
    display: inline-block;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin-bottom: 15px;
    border: 2px dashed #9b9b9b
}

.hypprocess-line:before {
    position: absolute;
    content: '';
    height: 1px;
    top: 30%;
    right: -20%;
    width: 40%;
    border-bottom: 2px dashed #9b9b9b
}

.hypproces-title {
    font-size: 18px;
    color: #012a5e;
    font-weight: 700;
    margin-bottom: 10px
}

.hypp-count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.hyptools-head {
    color: #fff;
    margin-top: 0;
    font-size: 25px;
    line-height: 27px
}

@media (max-width:767px) {
    .hypprocess-line:before {
        display: none
    }
    .mob-pad-ctrl {
        padding: 0
    }
    .why-ent-box-border {
        border-right: 0 solid #0b70d5
    }
    .why-ent-box {
        text-align: center;
        margin-bottom: 18px
    }
    .hyp-indus-box {
        margin-bottom: 18px
    }
    .yMetaBlock-hyp-border {
        border-left: solid #1e4676 0
    }
    .hyp-box,
    .hyp-tools-box {
        margin-bottom: 18px
    }
    .hyp_common_title {
        font-size: 17px;
        line-height: 30px
    }
    .why-MetaBlock-hyp {
        padding: 15px
    }
}

.hyp-frame-sprite {
    width: 137px !important;
    height: 40px;
    object-fit: none
}

.hyp-tool-sprite {
    width: 137px;
    height: 40px;
    object-fit: none
}

.hyp-yent-sprite {
    width: 55px;
    height: 55px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 70px;
    height: 70px;
    object-fit: none
}

.hyp-process-sprite {
    width: 90px;
    height: 90px;
    object-fit: none;
    margin: 40px
}

.hyp-tic-sprite {
    height: 25px;
    width: 30px;
    object-fit: none;
    margin-right: 5px
}

.hyp-ft-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-ft-box {
    text-align: center;
    box-shadow: 0 3px 19px -11px #01285a;
    padding: 20px;
    border: 1px solid #f6f6f6;
    min-height: 320px;
    background-color: #fff;
    border-radius: 6px
}

.hyp-ft {
    padding: 30px;
    background: #f2f2f3
}

.hyp-ft-desc {
    font-size: 15px
}

.hyp-box .btn:focus {
    border: 0 solid #fff;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.hyp-bt-sec {
    padding: 30px;
    background-color: #eefaff
}

.hyp-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 146px
}

.nyp-btb-cont1 {
    background-color: #0d4388;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #012a5e;
}

.nyp-btb-cont4 {
    background-color: #4450d2;
}

.nyp-btb-cont5 {
    background-color: #0d4388;
}

.nyp-btb-cont6 {
    background-color: #af9cc9;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.hyp-btb-tile {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-frame-sec .owl-theme .owl-nav [class*=owl-] {
    display: none
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.hyp-indus-sec .list-strategy-wrap .slick-dots li.slick-active {
    background: #00adf6
}

.hyp-indus-sec .explore_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700
}

.hyp-indus-sec .get_demo_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700;
    border-radius: 50px
}

.hyp-indus-sec .slider__arrows ul li a {
    display: block;
    padding: 10px 20px;
    border: 2px solid #008dc9;
    border-radius: 2px;
    color: #fff
}

.hyp-indus-sec .list-strategy-wrap {
    margin-top: 0
}

.hyp-indus-sec {
    background-color: #f6f6f6
}

.hyp-ft-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-indus-sec .list-strategy .round-circle {
    margin: 0 auto 82px
}

.hyp-indus-sec .bcd-sprite-ctrl-0 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4579px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-1 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4690px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-2 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4811px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-3 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4930px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-4 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5047px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-5 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5163px 24px !important
}

.connect_chat_icons_sec {
    bottom: 8% !important
}

.webdevelopment_new_custom_box {
    padding: 40px;
    min-height: 400px;
    position: relative;
    z-index: 0
}

.webdevelopment_new_title {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 12px;
    color: #fff;
}

.webdevelopment_new_custom_color-1 {
    background-color: #000000;
}

.webdevelopment_new_custom_color-2 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-3 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-4 {
    background-color: #000000;
}

.webdevelopment_new_custom_dark {
    color: #fff
}

.webdevelopment_new_custom_light {
    color: #fff
}

.webdevelopment_new_custom_bg {
    /* background-image: url(../images/inner-pages/website_design/ft-bgicons.svg); */
    background-repeat: no-repeat;
    width: 163px;
    height: 157px;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    filter: hue-rotate(45deg);
}

@media (min-width:767px) {
    .ethdapp_serv_box {
        min-height: 449px
    }
    .ethh_dapp_pts_title {
        min-height: 70px
    }
    .ethdapp_serv_box .feature-content_1 p {
        min-height: 200px;
        margin-bottom: 10px
    }
}

header.masthead-dapp-development .header-content h1 {
    text-align: left
}

header.masthead-dapp-development .heading-tagline {
    text-align: left
}

.why-eth-dev {
    background-color: #eefaff
}

.ethdapp_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}

.why_dapp_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    height: 370px;
    border: 1px solid #dcdcdc
}

.ethdapp_serv_box {
    margin: 30px 0;
    padding: 10px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background-color: #fff
}

.ethh_dapp_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_dapp_platform_sec .list_item li {
    display: inline;
    float: left;
    padding: 30px;
    text-align: center
}

.eth_dapp_platform_sec .list_item li img {
    display: grid;
    margin: 0 auto
}

.eth_dapp_platform_sec .list_item ul.list-unstyled {
    padding-right: 0
}

.ethhdapp_plats_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.new_common_darkbg {
    background-color: #012a5e
}

.dapp-tools-inner {
    background: #fff;
    height: auto;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-prev {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 60px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next i.fa-long-arrow-right,
.eth_dapp_tools .owl-theme .owl-nav .owl-prev i.fa-long-arrow-left {
    font-size: 40px;
    padding: 0;
    line-height: 25px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot.active span {
    border: 3px solid #ae2954;
    width: 15px;
    height: 15px
}

.eth_dapp_tools p {
    color: #fff
}

.eth_dapp_tool_content {
    margin: 20px 0 0 22px
}

.eth_dapp_tools .ethdapp_common_title {
    font-size: 36px;
    color: #fff
}

.new_common_lightgrey_bg {
    background: #eff2f5
}

.eth_dapp_process_title {
    text-align: right
}

.eth_dapp_process_desc,
.eth_dapp_process_num {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.342em
}

.eth_dapp_process_num {
    font-size: 40px
}

.ethdapp_process_para p {
    font-size: 17px !important;
    line-height: 2;
    margin: 0;
    text-align: justify
}

.align-items-center {
    display: flex;
    align-items: center
}

.connect-c-c {
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    /* background: url(../images/inner-pages/dapp_development/process-connect.svg) */
}

.eth_dapp_tools {
    padding: 54px 40px 20px 40px
}

.eth_dapp_process {
    padding: 50px
}

.new_common_tile_color1 {
    background: #012a5e
}

.new_common_tile_color2 {
    background: #e6f0f4
}

.new_common_tile_color3 {
    background: #0099da
}

.new_common_tile_color4 {
    background: #044391
}

.why_ethdapp_MetaBlock_box {
    min-height: 210px;
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding-top: 30px
}

.why_ethdapp_MetaBlock_title {
    line-height: 21px;
    margin-top: 15px
}

.new_common_container {
    margin: 0 auto;
    width: 91.5%;
    max-width: 1520px
}

.white-text {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    font-weight: 300;
    text-align: center;
}

@media (min-width:767px) {
    .why_ethdapp_MetaBlock_bg {
        /* background: url(../images/inner-pages/dapp_development/whydapp_MetaBlock_bg.jpg) no-repeat; */
        height: 420px;
        background-size: cover;
        background-position: -165px 0
    }
}

.why_ethdapp_MetaBlock {
    background: #eefaff
}

@media (min-width:767px) {
    .eth-dapp-hire {
        /* background: url(../images/inner-pages/dapp_development/eth_dapp_hire.jpg?v1) no-repeat; */
        background-size: cover;
        position: relative;
        padding: 50px
    }
}

.eth-dap-hire-box {
    background: #000;
    color: #fff;
    padding: 30px
}

.eth-daapd-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth-why-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.ethdapp-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

header.masthead-dapp-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/dapp_development/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.masthead-banner-btn .new_common_btn {
    margin: 20px auto
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .ethdapp-process {
        display: block
    }
    .eth_dapp_process_desc,
    .eth_dapp_process_num,
    .ethdapp_process_para p {
        text-align: center
    }
    .eth-dapp-hire {
        padding: 0
    }
    header.masthead-dapp-development {
        background-position: 0 0;
        background-position: initial
    }
    header.masthead-dapp-development .header-content h1 {
        font-size: 33px !important
    }
    .header-content .heading-tagline,
    header.masthead-dapp-development .header-content h1 {
        text-align: center
    }
    .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 35px
    }
    .eth-dap-hire-box .ethdapp_common_title {
        font-size: 17px !important;
        line-height: 35px
    }
    .eth_dapp_platform_sec .ethdapp_common_title {
        font-size: 22px
    }
    .eth_dapp_tools {
        padding: 0 0 2px 0
    }
    .eth_dapp_tools .ethdapp_common_title {
        font-size: 31px;
        color: #fff
    }
    .why_ethdapp_MetaBlock .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 30px
    }
    .masthead-banner-btn {
        text-align: center
    }
    .ethdapp_serv_box .feature-content_1 p {
        margin-bottom: 10px
    }
}

@media (min-width:767px) {
    .typs-ethtok-box {
        min-height: 570px
    }
}

header.masthead-ethereum-token-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/Banner.png?v1) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.masthead-ethereum-token-development .header-content .heading-tagline,
header.masthead-ethereum-token-development .header-content h1 {
    text-align: left
}

header.masthead-ethereum-token-development .header-content h1 {
    font-size: 47px !important
}

.masthead-ethereum-token-development-btn .expert-btn {
    margin: 0
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

.ethtoken_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.typs-ethtok-box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    text-align: center;
    border: 1px solid #dcdcdc
}

.eth_tok_pts_title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_token_service {
    background-color: #000;
}

.ethtok_service_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #323232;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.eth_tok_models_wrap {
    text-align: center
}

.ethtok_img {
    background-color: #fff;
    padding: 0;
    width: 85px;
    height: 85px;
    margin: 40px;
    border-radius: 5px;
    transform: rotate(45deg);
    position: relative;
    z-index: 1;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67)
}

.eth_tok_count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.why-ethtok-MetaBlock-box {
    background-color: #000;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .05);
    padding: 35px;
    border-radius: 5px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock {
    border-bottom: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock:nth-child(4n) {
    border-left: none;
    border-right: none
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down:nth-child(4n) {
    border-top: none;
    border-right: none
}

.why-ethtok-MetaBlock {
    background: #000;
    padding: 45px 0
}

.why-ethtok-MetaBlock-wrap {
    margin: 35px;
    text-align: center
}

.ethtok_about .ethtoken_common_title {
    font-size: 29px;
    line-height: 40px;
    color: #fff;
}

.ethtok_type_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
    filter: brightness(100);
}

img.ethtok_process_sprite {
    transform: rotate(-45deg)
}

.ethtok_process_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.ethtok_yeth_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.eth_tok_models_wrap .eth_tok_pts_title {
    margin-top: 10px
}

.eth_tok_models_connect:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    background-position: -31px 0;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/icons-new.svg); */
    background-position: -1991px -13px;
    background-size: 210rem;
    left: -48px;
    top: 58px;
    z-index: 0
}

.eth_tok_model {
    background: #000;
    position: relative;
    z-index: -1
}

@media only screen and (max-width:767px) {
    header.masthead-ethereum-token-development .header-content h1 {
        font-size: 34px !important;
        text-align: center
    }
    .heading-tagline {
        text-align: center !important
    }
    .ethtok_about .ethtoken_common_title {
        text-align: center
    }
    .masthead-ethtoken-development-btn {
        text-align: center
    }
    .ethtoken_common_title {
        font-size: 27px;
        line-height: 33px
    }
    .ethtok_service_box {
        margin: 0 0 10px 0 !important
    }
    .ethtok_img {
        margin: 0 auto
    }
    .eth_tok_models_connect:before {
        display: none
    }
    .eth_tok_count {
        margin-top: 30px !important
    }
    .yethtok-MetaBlock-parent .yethtok-MetaBlock {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .ethtok_about .ethtoken_common_title {
        font-size: 17px;
        line-height: 26px
    }
}

@media (min-width:767px) {
    header.masthead-smart {
        /* background: url(../images/inner-pages/smart-contract/new/banner.png) no-repeat */
    }
}

header.masthead-smart {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    background-size: 100% 100% !important;
    height: 85vh;
    background-position: center
}

header.masthead-smart .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-smart .heading-tagline {
    text-align: left
}

.scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px
}

.scont-bt-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center
}

.text-dark {
    color: #022552 !important
}

.scont-bt-title {
    font-size: 43px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    padding: 55px 23px 0 23px
}

.scont-titl-wra {
    /* background: url(../images/inner-pages/smart-contract/new/scont-bg.png) no-repeat; */
    min-height: 240px;
    background-size: cover
}

.scont_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.scont-serv-parent .scont-serv-child {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 0
}

.scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px
}

.scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #ddd 1px;
    border-left: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-child {
    min-height: 345px;
    padding: 40px 40px;
    border-left: solid #ddd 1px;
    border-bottom: solid #ddd 1px
}

.scont-serv-pts {
    font-size: 19px;
    color: #012a5e;
    text-align: left;
    font-weight: 600;
    padding-bottom: 13px;
    padding-left: 60px;
    line-height: 26px
}

.scont-service-box img {
    float: left;
    width: 50px;
    height: 50px
}

.scont-serv-desc {
    font-size: 15px;
    margin-bottom: 20px
}

.scont_process_title {
    text-align: right
}

.scont-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth_dapp_process_num {
    font-size: 42px
}

.scont_process_desc,
.scont_process_num {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.342em
}

.scont-indus-box {
    text-align: center;
    background: #fff;
    height: inherit !important;
    padding: 40px 20px 40px;
    margin: 10px auto;
    border-radius: 10px
}

.scont-indsu-sec {
    background: #eff2f5
}

.scont-indus-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #022552
}

.scont_serv_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.scont_bt_sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.scont-process-ctrl {
    object-fit: none;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.scont-indus-ctrl {
    object-fit: none;
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.scont-indus-box h3 {
    margin-top: 10px
}

.scont-bt-sec {
    background-color: #f3fbff
}

.scont-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px
}

@media only screen and (max-width:767px) {
    header.masthead-smart .header-content h1 {
        font-size: 27px !important
    }
    .scont-about .scont_common_title {
        font-size: 22px;
        line-height: 29px
    }
    .scont-about p {
        text-align: justify
    }
    .scont-bt-title {
        font-size: 35px;
        line-height: 48px;
        padding: 71px 0 0 0;
        text-align: center
    }
    .scont_process .scont_common_title {
        font-size: 28px;
        line-height: 35px
    }
    .scont-indsu-sec .scont_common_title {
        font-size: 21px;
        line-height: 30px
    }
    .scont-hire-box {
        padding: 0
    }
    .scont_common_title {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 0
    }
    header.masthead-smart {
        background: #24394c
    }
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development .header-content h1 {
        text-align: left !important;
        font-size: 47px !important
    }
}

header.masthead-cryptocurrency-development .heading-tagline {
    text-align: left
}

.why_cryptx {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #dcdcdc;
    min-height: 520px
}

.cryptx_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.cryptx_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.cryptx_common_desc {
    width: 75%;
    text-align: center !important;
    display: inline-block
}

.common_light_blue_bg {
    background-color: #eefaff
}

.cryptx_serv_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.new_cryptx_serv_sec .blkchn_devpmt_services:hover {
    filter: initial
}

#why_development .crypt_platform span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: .2em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.crypt_platform {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    padding: 10px
}

.cryptx_platform p {
    color: #012a5e;
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
    text-align: center
}

.ycryptx_box_ctrl {
    padding: 25px;
    min-height: 200px
}

.ycryptx_pts {
    font-size: 23px;
    margin: 0;
    line-height: 27px;
    color: #012a5e;
    font-weight: 600;
    margin-top: 17px
}

.ycryptx-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    margin: auto 0
}

.ycryptx_MetaBlock_sec:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05)
}

.ycryptx_MetaBlock_sec {
    position: relative;
    z-index: 1;
    padding: 35px 25px 30px 25px
}

.padding_right_ctrl {
    padding-right: 50px
}

.ycryptx_MetaBlock_sec .cryptx_common_title {
    font-size: 31px;
    line-height: 40px
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../images/inner-pages/cryptocurrency_development/new/platform-bg.jpg) no-repeat scroll center top/cover; */
    margin-top: 0
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        /* background: url(../images/inner-pages/cryptocurrency_development/new/banner.png) no-repeat; */
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
}

.cryptox_about p {
    text-align: justify
}

.cryptx-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px;
    /* background: url(../images/inner-pages/cryptocurrency_development/new/hire-bg-crypt.jpg) no-repeat; */
    background-size: cover;
    position: relative
}

.CryptocurrencyPlatforms .crypt_platform span {
    background: #fff !important;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.cryptox_about .masthead-banner-btn .new_common_btn {
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        background: #1c1582;
        background: linear-gradient(150deg, #1c1582 7%, #252cc0 100%);
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
    header.masthead-cryptocurrency-development .header-content h1 {
        font-size: 37px !important
    }
    .align-items-center {
        display: block;
        align-items: center
    }
    .new_common_container {
        margin: 0 auto;
        width: 100%;
        max-width: 1520px
    }
    .ycryptx_MetaBlock_sec .padding_right_ctrl {
        padding-right: 0
    }
    .ycryptx_MetaBlock_sec .cryptx_common_title {
        font-size: 18px;
        line-height: 28px;
        text-align: center
    }
    .ycryptx_box_ctrl {
        text-align: center
    }
    .cryptx-hire-box {
        padding: 0
    }
    .cryptx_platform .cryptx_common_title {
        font-size: 23px;
        line-height: 30px;
        color: #012a5e;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px
    }
    .crypt_platform {
        margin-bottom: 15px
    }
    .cryptx_platform .mt-5 {
        margin-top: 0
    }
    .new_cryptx_serv_sec .cryptx_common_title,
    .ycryptx_dev .cryptx_common_title {
        font-size: 28px;
        line-height: 36px
    }
    .cryptx_serv_box {
        margin: 0 0 17px 0
    }
}

.new_common_btn {
    display: inline-block;
    font-size: 17px;
    color: #fff !important;
    outline: 0;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border: none;
    border-radius: 25px;
    transition: all .3s ease-in-out
}

.defi_banner_sec {
    /* background-image: url(../images/inner-pages/defi/defi-banner.png); */
    height: 670px;
    padding: 131px 10px;
    color: #fff;
    background-position: bottom
}

.about_defi {
    padding: 0 !important
}

.defi_banner_sec h1 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_quote {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0
}

.about_defi p {
    text-align: justify
}

.defi_featuring {
    /*background-image:url(../images/inner-pages/defi/ft-bg.png);*/
    background: #000;
    color: #fff;
    padding: 40px 0;
    background-position: center
}

.defi_futuristic_title {
    font-size: 35px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_serv_box .desc {
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    color: #fff
}

.defi_pts_head {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
}

.defi_sec_titles {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.defi_serv_box:hover {
    box-shadow: 0 5px 30px -10px rgb(38 38 38)
}

.defi_serv_box {
    box-shadow: 0 3px 24px -21px rgb(38 38 38);
    padding: 35px;
    border: 1px solid #e8e8e8;
    min-height: 360px
}

.defi_serv_box .defi_serv_box_arrow {
    background: #0c143d;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    position: absolute;
    bottom: 15px;
    left: 45%;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
}

.defi_serv_box .defi_serv_box_arrow .indicator {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(317deg);
    left: 35px
}

.defi_serv_box .defi_serv_box_arrow .indicator span {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: none;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    animation: arrow_moving_effect 1s linear infinite
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(1) {
    top: -20px;
    left: -20px;
    animation-delay: 0s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(2) {
    top: -15px;
    left: -15px;
    animation-delay: .2s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(3) {
    top: -10px;
    left: -10px;
    animation-delay: .4s
}

@keyframes arrow_moving_effect {
    0% {
        border-color: #fff;
        transform: translate(0, 0)
    }
    20% {
        border-color: #fff;
        transform: translate(15px, 15px)
    }
    100%,
    20.1% {
        border-color: #ffd64a
    }
}

.defi-bt-sec {
    padding: 30px;
    background-color: #000;
}

.defi_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.defi-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont1 {
    background-color: #c139ff;
}

.defi-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.defi-btb-tile {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1;
    font-family: "Open Sans", sans-serif !important;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #984cff;
}

.nyp-btb-cont4 {
    background-color: #504cc4;
}

.nyp-btb-cont5 {
    background-color: #6863ff;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.defi_bt_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #bdc0c5;
    border-radius: 5px;
    min-height: 285px;
    background-color: #000
}

.defi_align_center {
    display: flex;
    align-items: center
}

.defi_copd {
    padding: 20px 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box {
    background: #202121;
    color: #fff;
    margin: 10px auto
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #fff
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list {
    padding: 10px
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul {
    padding: 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 10px auto;
    font-size: 15px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    box-shadow: 2px 2px 15px 2px #0a1030;
    line-height: 1.5
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li img {
    padding-right: 1rem
}

.defi_yield_right_arrow_icon {
    width: 20px
}

.defi_yield_farming_sec {
    background: #000;
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
    justify-content: center;
    display: flex
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 5px 20px;
    height: 40px;
    line-height: 25px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_last {
    border-right: 1px solid #333
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li:hover {
    background-color: #d53166;
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li.active {
    background-color: #fff;
    color: #000;
    display: block;
    border-bottom: 3px solid #fff;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_container {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 2rem;
    overflow: auto
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content {
    padding: 20px;
    margin: 15px auto;
    display: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul {
    padding-left: 0
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul li {
    list-style: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list {
    border: 1px solid #fff;
    padding: 8px;
    margin: 10px auto;
    display: flex;
    align-items: center
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list p {
    margin-bottom: 0;
    margin-left: 8px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li {
    list-style: none;
    padding: 5px;
    margin: 5px;
    font-size: 15px;
    font-family: "Open Sans", sans-serif
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li i,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li i {
    font-size: 13px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
    display: none
}

@media screen and (max-width:480px) {
    .defi_yield_farming_sec .defi_yield_farming_div .tabs {
        display: none !important
    }
    .defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
        background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
        color: #fff;
        border-top: 1px solid #333;
        margin: 5px;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none
    }
}

.content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.questions:checked~.plus {
    transform: rotate(45deg)
}

.questions {
    display: none
}

.defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px;
    filter: brightness(24);
}

.defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px;
    filter: hue-rotate(45deg);
}

.defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px;
    filter: hue-rotate(45deg);
}

.defi_bts_sec {
    background-color: #000;
    padding-bottom: 40px
}

@media only screen and (max-width:767px) {
    .defi_featuring {
        padding: 25px
    }
    .defi_futuristic_title {
        font-size: 23px
    }
    .defi_featuring p {
        font-size: 18px;
        margin-bottom: 0
    }
    .defi_sec_titles {
        font-size: 19px;
        line-height: normal
    }
    .defi_copd {
        padding: 0;
        padding-top: 25px
    }
    .defi_serv_box {
        margin-bottom: 30px
    }
    .defi_bt_box {
        margin-bottom: 20px
    }
    .defi_common_title {
        font-size: 22px;
        line-height: normal;
        color: #012a5e;
        font-weight: 700;
        text-align: center
    }
    .defi-bt-sec p {
        text-align: center
    }
}

.defi-faq .content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.defi-faq .centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.defi-faq .question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.defi-faq .answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.defi-faq .questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.defi-faq .plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.defi-faq .questions:checked~.defi-faq .plus {
    transform: rotate(45deg)
}

.defi-faq .questions {
    display: none
}

.defi-faq .defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px
}

.defi-faq .defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px
}

.defi-faq .defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.defi-faq .defi_bts_sec {
    background-color: #fafafa;
    padding-bottom: 40px
}

.home-new-abt-btn .btn {
    padding: 4px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.home-new-abt-btn i {
    margin-right: 8px;
    font-size: 21px
}

.about_blochainslns {
    padding-top: 50px;
    padding-bottom: 50px
}

.enterprsieblckchain_banner_sec {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/enterprise-blockchain-solution-banner.png); */
    height: auto;
    padding: 131px 10px;
    color: #fff;
    background-position: 0 0;
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover
}

.enterprsieblckchain_banner_sec h1 {
    color: #fff;
    font-weight: 800
}

.ebs_common_title {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ebs_gamechange_descs {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0
}

.enterprise_blockchain_gamechangesec {
    background-color: #000;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_stat_txtlite {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
}

.ebs_stat_txtstrong {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 36px;
    color: #5d5d5d !important;
}

.ebs_content_box {
    line-height: 1.2;
    margin-top: 20px
}

.ebs-btbpad-ctrl {
    padding: 0
}

.ebs-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.ebs-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.ebs-btb-tile {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1
}

.ebs_copd {
    padding: 20px 0
}

.ebs_indus_content {
    display: flex;
    align-items: center
}

.nyp-btb-cont .ebs_common_desc {
    color: #fff;
    text-align: left
}

.ebs_benefit_box {
    display: flex;
    align-items: center;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    margin-bottom: 11px;
    border-radius: 3px;
    padding: 7px
}

.ebs_integrate_techsec .expert-btn {
    margin: 15px auto
}

.ebs_integrate_desc {
    font-size: 17px;
    line-height: 1.3;
    color: #fff !important;
    font-weight: 600;
    margin-top: 15px
}

.epe_blockchainslns_ul {
    padding: 0;
    list-style: none
}

.MetaBlock_box_titles {
    font-size: 24px;
    font-weight: 600
}

.epe_blockchainslns_box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px -8px #000;
    padding: 28px;
    border-radius: 12px;
    color: #fff;
    position: relative;
    z-index: 0
}

.epe_blcklns_bg1 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/pre-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.epe_blcklns_bg2 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/post-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

li.epe_blockchainslns_li {
    font-size: 17px;
    font-weight: 500;
    margin: 18px 0;
    background-color: #00000094;
    padding: 20px
}

.epe_blockchainslns_box.epe_blcklns_bg1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000de -3%, #ffffff29 100%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.epe_blockchainslns_box.epe_blcklns_bg2:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.ebs_blockchain_justify {
    display: flex;
    justify-content: center
}

.enterprsieblckchain_banner_sec .expert-btn {
    margin: 0
}

.about_blochainslns p {
    font-size: 20px
}

.ebs-bt-sec .nyp-btb-cont {
    text-align: center;
    padding: 26px;
    min-height: 200px
}

.ebs_integrate_techsec {
    background-color: #000 !important;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_integrate_techsec .ebs_common_title {
    font-size: 30px
}

@media (max-width:767px) {
    .enterprsieblckchain_banner_sec h1 {
        font-size: 27px;
        text-align: center
    }
    .ebs_blockchain_justify {
        display: block
    }
    .enterprsieblckchain_banner_sec p {
        text-align: center
    }
    .ebs_common_title {
        font-size: 24px;
        line-height: 30px
    }
    .ebs_benefit_sec {
        padding: 0
    }
    .enterprise_blockchain_gamechangesec {
        text-align: center
    }
    .ebs_stat_txtstrong {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 30px;
        color: #5d5d5d !important;
    }
    .ebs_gamechange_descs {
        font-size: 16px
    }
    .ebs_stat_txtlite {
        font-size: 19px
    }
    .ebs_content_box {
        line-height: 1.2;
        margin-top: 10px
    }
    .ebs_integrate_techsec .ebs_common_title {
        font-size: 18px
    }
    .ebs_integrate_desc {
        font-size: 16px;
        line-height: 1.5;
        color: #fff !important;
        font-weight: 500;
        margin-top: 15px
    }
    .epe_blcklns_bg2 {
        margin-top: 20px
    }
}

/*==========================================COUNTRY BASED PAGES===============================*/

.masthead-blockchain-development-basedcountry {
    position: relative;
    width: 100%;
    padding-top: 195px;
    color: #fff;
    /* background: url(../images/inner-pages/countrybased_pages/blocckchain_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 60rem;
}

.masthead-blockchain-development-basedcountry.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    background-color: #000000a1;
}

.masthead-blockchain-development-basedcountry .heading-tagline {
    text-transform: capitalize;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
    display: flex;
    justify-content: center;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn a {
    margin: 5px 5px;
    background-color: #b22b58;
}

.our-achievments .acheivements-list {
    max-width: 100%;
    margin: 0 70px;
}

.our-achievments .acheivements-list .col-6 {
    width: 19.6667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.experience_div {
    /* background-image: url(../about_us/abouts-sprite.png); */
    width: 52px;
    background-position: 399px -984px;
    background-size: 20rem;
    margin-bottom: 30px;
    height: 51px;
    margin: 0px auto;
}

.our-achievments .acheivements-list .col-6 p.achievement {
    margin: 0;
    font-size: 20px;
    line-height: 23px;
    color: #303134;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}

.achievement-details {
    text-align: center;
}

.bg_light.our-achievments {
    background-color: #f9f9f9;
}

@media (max-width: 767px) {
    .masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
        display: block;
    }
    .our-achievments .acheivements-list {
        margin: 0px 0px;
    }
    .our-achievments .acheivements-list .col-6 {
        width: 100%;
    }
}

/*=========================NFT DEVELOPMENT============================*/

.onftcommon_ctrl {
    padding: 45px 0;
}

.MetaBlocknft_sec_titlewrap .onfs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 2.5rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

.masthead-nft-development {
    /* background-image: url(../oimages/nft-development/banner.png); */
    position: relative;
}

.masthead-nft-development .header-content h1,
.masthead-nft-development .header-content h3 {
    text-align: left;
}

.masthead-nft-development .header-content h3 {
    width: 80%;
}

.masthead-nft-development.header-shadow-custom:before {
    /* background-image: url(../oimages/nft-development/nft_bannner.png); */
    background-position: center;
}

.MetaBlock_nft_intro .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_intro .row {
    display: flex;
    justify-content: center;
}

.MetaBlock_nft_services .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_services {
    background-color: #000;
}

.MetaBlocknft_box .MetaBlocknft_heads {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box {
    padding: 15px;
    min-height: 200px;
    margin-bottom: 3.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_heads .MetaBlocknft_serv_frontwrap h3 {
    color: #fff;
    font-size: 23px;
    text-align: center;
}

.MetaBlocknft_serv_frontwrap {
    text-align: center;
}

.nftdev-sprite1 {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_desc {
    font-weight: 500;
    color: #494d4e;
    line-height: 1.5;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.MetaBlock_nft_workflow.onftcommon_ctrl {
    padding: 45px 0px 0px 0px;
}

.MetaBlocknft_container_wrap {
    padding: 0px 70px;
}

.MetaBlock_nft_differences {
    background: #000;
}

.MetaBlock_nft_differences .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc ul {
    padding: 0;
    color: #dbe5e6;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc li {
    list-style: none;
    margin-bottom: 1.2rem;
    text-align: center;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-color: #000;
    display: flex;
    min-height: 480px;
    align-items: flex-end;
}

.MetaBlock_nft_differences .MetaBlocknft_box .ondif_wrap {
    padding: 35px;
    margin-top: 25rem;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_heads {
    color: #fbfeff;
    text-align: center;
    font-size: 22px;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-size: cover;
    background-position: center;
    box-shadow: 1px 22px 28px -9px #797979;
    border-radius: 10px;
}

#sft_difbox {
    /* background-image: url(../oimages/nft-development/semi-fungible-token.png); */
    filter: grayscale(1);
}

#nft_difbox {
    /* background-image: url(../oimages/nft-development/nft-token.png); */
    filter: grayscale(1);
}

#dnft_difbox {
    /* background-image: url(../oimages/nft-development/dnft-token.png); */
    filter: grayscale(1);
}

.MetaBlock_nft_keystone {
    /* background-image: url(../oimages/nft-development/keystonebg1.png); */
    background-size: cover;
    background-position: right;
    filter: grayscale(10);
}

.MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fafeff;
}

.MetaBlock_nft_keystone .MetaBlocknft_keystone_points .onfksp_point {
    color: #d2dcff;
    font-size: 17px;
    padding: 10px;
    border: 1px solid #7a7fbd;
    border-radius: 3px;
    background-color: #ffffff05;
    margin-bottom: 1.2rem;
    font-weight: 500;
}

.MetaBlock_nft_whychoose {
    background: #000;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box {
    text-align: center;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
    width: 51%;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 10px 0px;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box .MetaBlocknft_desc {
    font-size: 17px;
    font-weight: 600;
    color: #11383a;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 7rem;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap .onfs_title {
    text-align: center;
}

.base-timeline {
    list-style-type: none;
    counter-reset: number;
    /* number 2021*/
    position: relative;
    display: block;
    z-index: 2;
    width: 75%;
    /* change or remove*/
    margin: 0 auto;
}

.base-timeline::before {
    content: '';
    width: 95%;
    border-top: 2px solid steelblue;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.base-timeline__item {
    position: relative;
    display: inline-block;
    width: calc(100% / 3 - 15px);
    /* change width */
}

.base-timeline__item::before {
    display: flex;
    justify-content: center;
    align-items: center;
    counter-increment: number;
    /* number -1*/
    content: counter(number) '';
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: steelblue;
    color: white;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

/* modifier with use of the data-year attribute */

.base-timeline__item--data::before {
    content: attr(data-year);
    width: 60px;
    height: 60px;
}

/* hover element */

.base-timeline__item:hover::before {
    background-color: rgba(225, 114, 114, .9);
    transform: scale(1.5);
}

.base-timeline__item::before {
    border: 2px solid;
    border-color: rgba(0, 0, 0, .3);
}

.base-timeline__item:last-child {
    width: 0;
}

.base-timeline__summary-text {
    position: absolute;
    bottom: -3em;
    left: -64px;
    width: 168px;
    text-align: center;
    font-weight: 600;
}

.MetaBlock_nft_hire {
    background-color: #000;
}

.MetaBlock_nft_services .card {
    perspective: 100rem;
    position: relative;
}

.card__side {
    height: 100%;
    width: 100%;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 18px;
    line-height: 1.5;
}

.card__side--front {
    background-color: #222;
}

.card__side--back {
    background-color: #525B6B;
    transform: rotateX(180deg);
    padding: 20px;
}

.MetaBlock_nft_services .card:hover .card__side--front {
    transform: rotateX(-180deg);
}

.MetaBlock_nft_services .card:hover .card__side--back {
    transform: rotateX(0);
}

.education {
    --bg-color: #ffd861;
    --bg-color-light: #ffeeba;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.credentialing {
    --bg-color: #B8F9D3;
    --bg-color-light: #e2fced;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.wallet {
    --bg-color: #CEB2FC;
    --bg-color-light: #F0E7FF;
    --text-color-hover: #fff;
    --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.human-resources {
    --bg-color: #DCE9FF;
    --bg-color-light: #f1f7ff;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.MetaBlock_nft_whychoose .card {
    width: 220px;
    height: 321px;
    background: #8d8b8b;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
    padding: 15px;
}

.card:hover {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card:hover .overlay {
    transform: scale(4) translateZ(0);
}

.MetaBlock_nft_whychoose .card:hover .circle {
    border-color: var(--bg-color-light);
    background: var(--bg-color);
}

.MetaBlock_nft_whychoose .card:hover .circle:after {
    background: var(--bg-color-light);
}

.MetaBlock_nft_whychoose .card:hover p {
    color: var(--text-color-hover);
}

.MetaBlock_nft_whychoose .card:active {
    transform: scale(1) translateZ(0);
    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11), 0 15px 24px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card p {
    font-size: 17px;
    color: #152135;
    margin-top: 30px;
    z-index: 1000;
    transition: color 0.3s ease-out;
    font-weight: 600;
}

.MetaBlocknft_circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.MetaBlocknft_circle:after {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    background: var(--bg-color);
    border-radius: 50%;
    top: 23px;
    left: 24px;
    transition: opacity 0.3s ease-out;
}

.MetaBlocknft_circle img {
    z-index: 10000;
    transform: translateZ(0);
}

.MetaBlock_nft_whychoose .overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: #000;
    top: 56px;
    left: 50px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
    .masthead-nft-development .header-content {
        text-align: center;
    }
    .masthead-nft-development .header-content h1,
    .masthead-nft-development .header-content h3 {
        text-align: center;
    }
    .masthead-nft-development .header-content h3 {
        width: 100%;
    }
    .MetaBlock_nft_differences .MetaBlocknft_box {
        box-shadow: 1px 22px 28px -9px #79797900;
        margin-bottom: 2rem;
    }
    .MetaBlock_nft_keystone {
        background-position: left;
    }
    .MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
        text-align: center;
    }
    .MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
        width: 100%;
    }
    .MetaBlock_nft_whychoose .card p {
        font-size: 19px;
        margin-top: 13px;
    }
    .MetaBlock_nft_whychoose .overlay {
        width: 118px;
        position: absolute;
        height: 118px;
        border-radius: 50%;
        background: var(--bg-color);
        top: 17px;
        left: 0;
        z-index: 0;
        transition: transform 0.3s ease-out;
        right: 0;
        margin: 0 auto;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        margin-bottom: 2rem;
        height: auto;
    }
    .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .base-timeline {
        list-style-type: none;
        counter-reset: number;
        position: relative;
        display: block;
        z-index: 2;
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    .base-timeline::before {
        display: none;
    }
    .base-timeline__item {
        position: relative;
        display: flex;
        width: 100%;
        padding-bottom: 10px;
        align-items: center;
    }
    .base-timeline__summary-text {
        position: static;
        position: initial;
        bottom: -3em;
        left: -64px;
        width: 168px;
        text-align: left;
        font-weight: 600;
        margin-left: 5px;
    }
    .base-timeline__item:last-child {
        width: 100%;
    }
    .MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
        width: 100%;
        padding-top: 3rem;
    }
    .MetaBlocknft_sec_titlewrap .onfs_title {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .MetaBlock_nft_whychoose .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        height: 275px;
    }
    .MetaBlock_nft_whychoose .overlay {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 30px;
    }
}

.MetaBlock_clonescript_store {
    padding: 88px 0px;
}

.MetaBlock_clonescriptstore_categories {
    padding: 130px 0px 40px 0px;
}

.MetaBlock_cloness_categorieslist {
    padding: 0;
}

.MetaBlock_clonescriptstore_categories {
    background-color: #091941;
}

.MetaBlock_clonescriptstore_categories .title {
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.MetaBlockcss_navtabs.nav-tabs>li>a {
    color: #fff !important;
    font-weight: 700;
    padding: 5px 15px;
    border: 1px solid #6284c7;
    margin-right: 0px;
    border-radius: 50px;
    margin: 5px;
    background: transparent;
    text-transform: uppercase;
}

.MetaBlockcss_navtabs.nav-tabs>li:hover {
    margin-bottom: -1px;
    border-radius: 50px;
}

.MetaBlockcss_navtabs.nav-tabs>li.active>a {
    background: #3e6cff;
}

.nav.MetaBlockcss_navtabs>li>a:hover {
    background: #3e6cff;
}

/*.MetaBlockcss_navtabs.nav-tabs>li.active>a:hover{
background-color: #fff;
border: 1px solid transparent;
border-radius: 50px;

}*/

#innerTabs.nav-tabs {
    border-bottom: 0;
    padding-top: 10px;
}

#innerTabs.nav-tabs>li a {
    border: 0;
    font-weight: 600;
    border-radius: 50px;
    background: #fff;
    color: #000;
    margin: 0px 5px 10px 0px;
    padding: 5px 15px;
    box-shadow: 0px 1px 10px 2px #0000002e;
    text-transform: uppercase;
    font-size: 14px;
}

#innerTabs.nav-tabs>li.active>a {
    border: 0;
    /* border-radius: 0; */
    color: #fff;
    background: #091941;
}

#innerTabs.nav-tabs>li.active {
    /*border-bottom: 4px solid #00a68f;*/
}

.innertab_details_wrap .row {
    background-color: transparent;
}

#innerTabs {
    display: flex;
    justify-content: center;
}

.innertab_itembox {
    text-align: center;
    padding: 10px;
    border: 1px solid #0000;
    min-height: 172px;
    cursor: pointer;
    /*background: linear-gradient(
179deg
, rgba(255,255,255,1) 44%, rgb(217 217 217) 100%);*/
    background: linear-gradient(179deg, rgb(9 25 65) 44%, rgb(62 108 255) 100%);
    border-radius: 10px;
    box-shadow: 0px 10px 12px -9px #282828;
}

.innertab_itembox p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
    width: 121px;
    margin: 0 auto;
}

.innertabs_itemsarea {
    padding: 0px 100px;
    /*background-image: url(../images/inner-pages/cryptoclone-scripts/cryptobg.jpg);
background-size: cover;
background-position: right;
position: relative;
z-index: 0;*/
}

.innertabs_itemsarea:before {
    /*position: absolute;
width: 100%;
height: 100%;
background: rgb(47,58,82);
background: radial-gradient(circle, rgb(68 82 112 / 92%) 0%, rgb(5 10 22 / 94%) 100%);
content: '';
left: 0;
z-index: -1;*/
}

.innertab_details_wrap {
    padding: 30px 0px;
}

.innertabs_itemsarea .row:nth-child(2) {
    margin-top: 2rem;
}

.innertab_details_wrap .row {
    justify-content: center;
    display: flex;
}

.innertab_itembox.selected_item {
    border: 1px solid #1f76f0;
    box-shadow: 0px 6px 23px -2px #15a9ff99;
    color: #07c1a7;
}

.MetaBlockcss_buynow_ct {
    text-align: center;
}

.MetaBlockcss_buynow_ct>a {
    background: rgb(9 25 65);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    min-width: 160px;
    border: 0;
    padding: 9px 0px;
    border-radius: 5px;
    margin-bottom: 2rem;
}

#cryptocloneModal {
    padding-top: 10%;
}

.MetaBlockcss_buynow_ct .modal .modal-header {
    background-color: #fff !important;
    padding: 0;
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dde1e5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.MetaBlockcss_buynow_ct .form-control:focus {
    border: 1px solid #529fffab;
    box-shadow: none;
    box-shadow: initial;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-header .close {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    opacity: 1;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: #d53937;
    width: 30px;
    height: 30px;
    border-radius: 27px;
}

.ccmodel_header {
    padding: 10px 0px;
}

.ccmodel_header h5 {
    font-size: 25px;
    font-weight: 700;
    color: #047077;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog {
    border-radius: 50px;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog .modal-content {
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .MetaBlockcss_form_cta button {
    background-color: #ac3258;
    color: #fff;
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 600;
}

#cryptocloneModal ul.tags {
    padding: 0;
    text-align: left;
}

#cryptocloneModal ul.tags li {
    list-style: none;
    display: inline-block;
    background-color: #26ac62;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin: 2px;
    padding: 2px 10px;
    border-radius: 3px;
}

/*#nft-clone .innertabs_itemsarea{
height: 425px;
overflow-y: scroll;
}*/

#nft .innertabs_itemsarea .row {
    margin-bottom: 2rem;
}

.MetaBlockcc_cryptoclone_sprite {
    width: 110px;
    height: 110px;
    object-fit: none;
}

@media (min-width: 768px) {
    #cryptocloneModal .modal-dialog {
        max-width: 32%;
        margin: 30px auto;
    }
}

@media (max-width: 768px) {
    .innertabs_itemsarea {
        padding: 0;
        background-color: #f4f4f4;
        width: 100%;
        overflow-x: scroll;
    }
    .innertab_details_wrap {
        display: flex;
        align-items: baseline;
    }
    .MetaBlockcss_navtabs.nav-tabs>li {
        width: 329px;
    }
    .innertabs_itemsarea {
        height: auto !important;
    }
    #defi #innerTabs {
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: left;
    }
    #cryptocloneModal .modal-dialog {
        padding-top: 40%;
    }
    .MetaBlock_clonescriptstore_categories {
        padding: 100px 0px 20px 0px;
    }
}

#mainTabs {
    border: 0;
}

@media (max-width: 1440px) and (min-width: 1280px) {
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        text-align: center;
        border-radius: 50px;
    }
    #mainTabs {
        display: flex;
        justify-content: center;
        border: 0;
    }
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        font-size: 14px;
    }
}

.innertab_itembox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.innertab_itembox input:checked~.checkmark,
.innertab_itembox:hover input~.checkmark,
.checkmark {
    background-color: #212529;
}

.checkmark {
    position: absolute;
    top: 2px;
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 2px solid #eee;
    border-radius: 50px;
    right: 3px;
}

.checkmark:after {
    left: 10px;
    top: 5px;
    width: 10px;
    height: 16px;
    border: solid #5efc50;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

.innertab_itembox.selected_item .checkmark:after {
    display: block;
}

label.block-check {
    display: block;
    margin-bottom: 0;
    margin-bottom: initial;
    font-weight: inherit;
}

.innertab_itembox {
    position: relative;
    overflow: hidden;
}

.innertab_itembox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
}

.innertab_itembox:after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    transition: 0.5s;
}

.innertab_itembox:hover:after {
    left: 100%;
}

/*=========================================NFT MARKETPLACE DEVELOPMENT=================================*/

.masthead-nftmarketplace-development {
    /*background: url(../images/inner-pages/nft_marketplace/banner-bg.png?v6) no-repeat;*/
    background: #fff;
    background-position: center center;
    height: 630px !important;
    margin-top: 73px;
}

.MetaBlock_nftmarketplace {
    padding: 50px 0px !important;
    background: #f4f5ff;
}

.masthead-nftmarketplace-development .header-content h1 {
    text-align: left;
    font-family: Raleway, sans-serif !important;
    font-weight: 900;
    font-size: 56px !important;
    /* font-style: italic; */
}

.masthead-nftmarketplace-development .header-content h1 span {
    color: #00E5FF;
}

.masthead-nftmarketplace-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
    width: 80%;
}

a.expert-btn {
    text-decoration: none;
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #000028;
    line-height: 1.5;
    border-radius: 50px !important;
    border: 2px solid #fff;
}

.masthead-nftmarketplace-development a.expert-btn {
    background-color: #00E5FF;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #08146A;
    box-shadow: 0px 6px 16px -4px #0e1116;
    line-height: 1.5;
}

.onfmarkis_title {
    font-weight: 700;
    font-size: 37px;
    line-height: 45px;
}

#nftmarki_intro {
    position: relative;
}

#nftmarki_intro:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_what:before {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_what.png); */
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_intro:after {
    position: absolute;
    content: '';
    background-color: #fff;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
    width: 80%;
}

#nftmarki_intro .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_tokendev {
    /* background: url(../images/inner-pages/nft_marketplace/nfttoken_developmentbg.jpg) no-repeat; */
    position: relative;
}

.nfttoken_lt_sec img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
}

#nftmarki_tokendev .onfmarkis_title {
    color: #fff;
}

#nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
}

#nftmarki_uft {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
}

#nftmarki_uft:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 29%, rgb(50 60 73 / 57%) 54%, rgb(22 25 32) 130%);
    top: 0;
    opacity: 0.7;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
    color: #c7d0d7;
}

#nftmarki_uft .nftmarket_box {
    background: #ffffff05;
    border: 1px solid #ffffff1a;
    border-radius: 0;
    padding: 18px;
}

.nftmarket_box .nftmarketb_head {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}

.nftmarket_box .nftmarketb_desc {
    color: #d1d1d1;
    font-size: 14px;
    margin-top: 14px;
}

#nftmarki_what {
    /* background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background-position: left;
}

#nftmarki_what .onfmarkis_title {
    color: #0C1968;
    line-height: 58px;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_what {
    position: relative;
}

.nftwat_lt_sec img {
    position: absolute;
    top: 0;
    width: 38%;
    left: 0;
}

#nftmarket_placeft {
    /*background-image: linear-gradient(
323deg
, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 16.667%,rgba(46, 46, 46, 0.01) 16.667%, rgba(46, 46, 46, 0.01) 33.334%,rgba(226, 226, 226, 0.01) 33.334%, rgba(226, 226, 226, 0.01) 50.001000000000005%,rgba(159, 159, 159, 0.01) 50.001%, rgba(159, 159, 159, 0.01) 66.668%,rgba(149, 149, 149, 0.01) 66.668%, rgba(149, 149, 149, 0.01) 83.33500000000001%,rgba(43, 43, 43, 0.01) 83.335%, rgba(43, 43, 43, 0.01) 100.002%),linear-gradient(
346deg
, rgba(166, 166, 166, 0.03) 0%, rgba(166, 166, 166, 0.03) 25%,rgba(240, 240, 240, 0.03) 25%, rgba(240, 240, 240, 0.03) 50%,rgba(121, 121, 121, 0.03) 50%, rgba(121, 121, 121, 0.03) 75%,rgba(40, 40, 40, 0.03) 75%, rgba(40, 40, 40, 0.03) 100%),linear-gradient(
347deg
, rgba(209, 209, 209, 0.01) 0%, rgba(209, 209, 209, 0.01) 25%,rgba(22, 22, 22, 0.01) 25%, rgba(22, 22, 22, 0.01) 50%,rgba(125, 125, 125, 0.01) 50%, rgba(125, 125, 125, 0.01) 75%,rgba(205, 205, 205, 0.01) 75%, rgba(205, 205, 205, 0.01) 100%),linear-gradient(
84deg
, rgba(195, 195, 195, 0.01) 0%, rgba(195, 195, 195, 0.01) 14.286%,rgba(64, 64, 64, 0.01) 14.286%, rgba(64, 64, 64, 0.01) 28.572%,rgba(67, 67, 67, 0.01) 28.572%, rgba(67, 67, 67, 0.01) 42.858%,rgba(214, 214, 214, 0.01) 42.858%, rgba(214, 214, 214, 0.01) 57.144%,rgba(45, 45, 45, 0.01) 57.144%, rgba(45, 45, 45, 0.01) 71.42999999999999%,rgba(47, 47, 47, 0.01) 71.43%, rgba(47, 47, 47, 0.01) 85.71600000000001%,rgba(172, 172, 172, 0.01) 85.716%, rgba(172, 172, 172, 0.01) 100.002%),linear-gradient(
73deg
, rgba(111, 111, 111, 0.03) 0%, rgba(111, 111, 111, 0.03) 16.667%,rgba(202, 202, 202, 0.03) 16.667%, rgba(202, 202, 202, 0.03) 33.334%,rgba(57, 57, 57, 0.03) 33.334%, rgba(57, 57, 57, 0.03) 50.001000000000005%,rgba(197, 197, 197, 0.03) 50.001%, rgba(197, 197, 197, 0.03) 66.668%,rgba(97, 97, 97, 0.03) 66.668%, rgba(97, 97, 97, 0.03) 83.33500000000001%,rgba(56, 56, 56, 0.03) 83.335%, rgba(56, 56, 56, 0.03) 100.002%),linear-gradient(
132deg
, rgba(88, 88, 88, 0.03) 0%, rgba(88, 88, 88, 0.03) 20%,rgba(249, 249, 249, 0.03) 20%, rgba(249, 249, 249, 0.03) 40%,rgba(2, 2, 2, 0.03) 40%, rgba(2, 2, 2, 0.03) 60%,rgba(185, 185, 185, 0.03) 60%, rgba(185, 185, 185, 0.03) 80%,rgba(196, 196, 196, 0.03) 80%, rgba(196, 196, 196, 0.03) 100%),linear-gradient(
142deg
, rgba(160, 160, 160, 0.03) 0%, rgba(160, 160, 160, 0.03) 12.5%,rgba(204, 204, 204, 0.03) 12.5%, rgba(204, 204, 204, 0.03) 25%,rgba(108, 108, 108, 0.03) 25%, rgba(108, 108, 108, 0.03) 37.5%,rgba(191, 191, 191, 0.03) 37.5%, rgba(191, 191, 191, 0.03) 50%,rgba(231, 231, 231, 0.03) 50%, rgba(231, 231, 231, 0.03) 62.5%,rgba(70, 70, 70, 0.03) 62.5%, rgba(70, 70, 70, 0.03) 75%,rgba(166, 166, 166, 0.03) 75%, rgba(166, 166, 166, 0.03) 87.5%,rgba(199, 199, 199, 0.03) 87.5%, rgba(199, 199, 199, 0.03) 100%),linear-gradient(
238deg
, rgba(116, 116, 116, 0.02) 0%, rgba(116, 116, 116, 0.02) 20%,rgba(141, 141, 141, 0.02) 20%, rgba(141, 141, 141, 0.02) 40%,rgba(152, 152, 152, 0.02) 40%, rgba(152, 152, 152, 0.02) 60%,rgba(61, 61, 61, 0.02) 60%, rgba(61, 61, 61, 0.02) 80%,rgba(139, 139, 139, 0.02) 80%, rgba(139, 139, 139, 0.02) 100%),linear-gradient(
188deg
, rgba(227, 227, 227, 0.01) 0%, rgba(227, 227, 227, 0.01) 20%,rgba(105, 105, 105, 0.01) 20%, rgba(105, 105, 105, 0.01) 40%,rgba(72, 72, 72, 0.01) 40%, rgba(72, 72, 72, 0.01) 60%,rgba(33, 33, 33, 0.01) 60%, rgba(33, 33, 33, 0.01) 80%,rgba(57, 57, 57, 0.01) 80%, rgba(57, 57, 57, 0.01) 100%),linear-gradient(
90deg
, #212830,#010101);*/
    background-size: cover;
    background: #f2ecec;
}

#nftmarket_placeft .onfmarkis_title {
    text-align: center;
    color: #ec861d;
}

#nftmarket_placeft .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarketb_head {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarket_box img {
    text-align: center;
    border: 3px solid #ecb21d;
    padding: 15px;
    margin-bottom: 1.5rem;
}

#nftmarket_placeft .nftmarket_box {
    text-align: center;
}

#nftmarket_placeft .row:nth-child(2) {
    margin-bottom: 2.5rem;
}

#nftmarki_markettechstack {
    /*background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background: #fff;
    background-position: center;
    background-size: cover;
}

#nftmarket_topreason {
    position: relative;
    background-image: linear-gradient(55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%, rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%, rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%, rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%, rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%), linear-gradient(291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%, rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%, rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%), linear-gradient(32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%, rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%, rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%, rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%), linear-gradient(312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%, rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%, rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%), linear-gradient(22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%, rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%, rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%, rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%, rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%), linear-gradient(80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%, rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%, rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%), linear-gradient(257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%, rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%, rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%), linear-gradient(47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%, rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%, rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%), linear-gradient(90deg, #ffffff, #ffffff);
}

#nftmarki_markettechstack .onfmarkis_title {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarket_topreason:after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarket_topreason .nftmarket_box .nftmarketb_head {
    color: #3d3d3d;
    font-size: 17px;
    font-weight: 600;
}

#nftmarket_topreason .nftmarket_box {
    padding: 15px 20px;
    border: 1px solid #acacac;
    background-color: #ffffff6e;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.nftmarket_box.nftmarket_art {
    min-height: 310px;
    background-size: cover;
    position: relative;
}

#nftmarket_artbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-01.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_fansportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-02.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_musicbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-03.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_realesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-04.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_vidclipbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-05.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_sportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-06.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_gamesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-07.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_accesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-08.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_domainbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-09.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_infrabg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-10.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicollectbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-11.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_photobg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-12.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_swlicense {
    /* background: url(../images/inner-pages/nft_marketplace/nft-13.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_xchange {
    /* background: url(../images/inner-pages/nft_marketplace/nft-14.jpg?v2) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicont {
    /* background: url(../images/inner-pages/nft_marketplace/nft-15.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_investcollat {
    /* background: url(../images/inner-pages/nft_marketplace/nft-16.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

.nftmarketbox_wrap {
    position: absolute;
    bottom: -9px;
    text-align: center;
    padding: 17px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.nftmarket_box.nftmarket_art:before {
    background: linear-gradient(180deg, rgba(5, 49, 126, 0) 33.54%, #05317E 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    border-radius: 20px;
}

.nftmarket_box.nftmarket_art .nftmarketb_head {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_fields {
    background-color: #14171c;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
}

#nftmarki_fields .row:nth-child(2),
#nftmarki_fields .row:nth-child(3),
#nftmarki_fields .row:nth-child(4) {
    margin-bottom: 3rem;
}

#nftmarki_whyMetaBlock {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px;
    border: 2px solid #ff8f1c;
    margin-bottom: 35px;
    min-height: 90px;
    background-color: #ffd6bb0f;
    border-radius: 8px;
}

/*.nftwhyMetaBlock_box img{
position: absolute;
right: -26px;
top: -22px;
border: 3px solid #ff8f1c;
border-radius: 50px;
background-color: #181614;
}*/

#nftmarki_whyMetaBlock .row {
    margin-bottom: 1rem;
}

.nftmarki_whysprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

.nftwhyMetaBlock_box .nftwhyMetaBlock_head {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p a {
    color: #fff;
}

a.osimarknftcta_btn {
    background-color: #ffcf33;
    text-align: center;
    padding: 10px 19px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.osimarknft_cta {
    text-align: center;
}

#nftmarki_marketplatform {
    position: relative;
}

#nftmarki_marketplatform .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #ec861d;
    opacity: 1;
    display: inline-block;
    margin: 3px;
}

#nftmarki_marketplatform .owl-dots {
    margin: 30px 2px 0px 2px;
}

#nftmarki_pl1 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl2 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl3 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl4 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl5 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl6 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl7 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl8 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-08.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl9 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-09.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl10 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl11 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-11.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl12 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-12.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl13 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-13.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl14 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-14.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl15 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-15.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl16 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl17 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-17.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl18 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-18.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl19 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-19.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl20 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-20.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl21 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-21.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl25 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl26 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl27 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl28 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl29 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl30 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl31 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl32 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl33 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl34 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl35 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_marketplatform .nftmarket_box {
    height: 310px;
    width: 290px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
}

#nftmarki_fields:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0.8;
}

#nftmarki_fields {
    /*background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat;*/
    position: relative;
    background-size: cover;
    background: #fff;
}

/*#nftmarki_marketplatform .nftmarket_box:before {
background: linear-gradient( 
0deg
, rgb(32 33 55) 14%, rgb(3 4 5 / 0%) 100.51%);
width: 100%;
height: 100%;
content: '';
position: absolute;
right: 0;
}*/

#nftmarki_marketplatform .nft_marketb_wrap {
    background-color: #14202dde;
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #1e1e1e;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
    color: #333333;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap {
    text-align: left;
}

#nftmarki_marketplatform:before {
    position: absolute;
    content: '';
    /* background: url(../images/inner-pages/nft_marketplace/intro_bg.png) no-repeat; */
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarki_marketplatform:after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_marketplatform .nft_marketb_wrap .nftmarki_bxplatform {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

#nftmarki_marketplatform .owl-dots {
    display: flex;
    justify-content: center;
}

#nftmarki_marketplatform .owl-nav {
    position: absolute;
    top: -80px;
    right: 0;
    display: flex;
}

#nftmarki_marketplatform .owl-nav .owl-prev,
#nftmarki_marketplatform .owl-nav .owl-next {
    border: 3px solid #000;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#nftmarki_intro .row{
display: flex;
align-items: center;
}*/

.nftmarki_sprite1 {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.nftmarki_sprite2 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 3rem;
}

#nftmarki_intro {
    padding: 0;
}

#nftmarki_whitelablesln {
    /* background : linear-gradient(0deg, rgba(22, 28, 76, 1) 0%, rgba(103, 45, 145, 1) 100%);*/
    background: #fff;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap {
    color: #000;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #000;
}

#nftmarki_developmentprocess {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
    background-size: cover;
}

#nftmarki_developmentprocess .onfmarkis_title {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_developmentprocess .row {
    display: flex;
    justify-content: center;
}

#nftmarketplace_tab {
    display: flex;
    justify-content: center;
    border: 0;
}

.nft-market-tabselectul {
    background-color: #1d2023;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: 1px solid #353535;
}

#nftmarketplace_tab.nav-tabs>li.active>a,
#nftmarketplace_tab.nav-tabs>li.active>a:focus,
#nftmarketplace_tab.nav-tabs>li.active>a:hover {
    background-color: #00000038;
    border: 0;
    border-bottom: 5px solid #ff9905;
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
}

#nftmarketplace_tab.nav-tabs>li>a {
    font-weight: 500;
    font-size: 18px;
    border: 0;
    border-bottom: 5px solid #1d202300;
    color: #ffffff6b;
}

#nftmarketplace_tab.nav>li>a:focus,
#nftmarketplace_tab.nav>li>a:hover {
    text-decoration: none;
    background-color: #00000066;
}

.nft-market-tabcontul {
    background-color: #161616;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tabpane_nfttabswrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.tabpane_nfttabswrap .tpnft_box {
    text-align: center;
    width: 100px;
    height: 116px;
    background-color: #ffffff08;
    margin: 0px 5px;
    border-radius: 4px;
    border: 1px solid #2d2d2d;
    padding: 10px 0px;
}

.tabpane_nfttabswrap .tpnft_head {
    color: #eaf4ff;
    font-size: 15px;
    margin: 5px 0px;
    font-weight: 500;
}

#nftmarketplace_tab.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

.nftmarkitech_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

@media (max-width: 767px) {
    .masthead-nftmarketplace-development .header-content h1 {
        font-weight: 900;
        font-size: 33px !important;
        text-align: center;
    }
    .masthead-nftmarketplace-development .heading-tagline {
        width: 100%;
    }
    .masthead-nftmarketplace-development {
        background-position: left;
        height: 489px !important;
    }
    .nftmarkibanner_cta {
        text-align: center;
    }
    #nftmarki_intro .onfmarkis_title {
        font-weight: 700;
        font-size: 25px;
        text-align: center;
    }
    #nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .MetaBlock_nftmarketplace {
        padding: 30px 0px;
    }
    .onfmarkis_title {
        text-align: center;
        font-size: 22px;
    }
    #nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .nfttoken_lt_sec img {
        display: none;
    }
    #nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
        text-align: center;
    }
    #nftmarki_uft .nftmarket_box {
        margin-bottom: 1rem;
    }
    .nftwat_lt_sec img {
        display: none;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    #nftmarket_placeft .nftmarket_box {
        text-align: center;
        margin-bottom: 1rem;
    }
    .nftmarket_box.nftmarket_art {
        margin-bottom: 2rem;
    }
    #nftmarki_marketplatform .owl-nav {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
    }
    #nftmarki_marketplatform .nftmarket_box {
        height: 310px;
        width: auto;
    }
    #nftmarki_marketplatform .owl-nav {
        margin-top: 1rem;
        justify-content: center;
    }
    #nftmarki_marketplatform .owl-dots {
        margin: 5px 2px 0px 2px;
    }
    #nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
        color: #333333;
        text-align: center;
    }
    #nftmarki_whyMetaBlock {
        /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
        font-weight: 700;
        font-size: 22px;
    }
    #nftmarki_marketplatform .owl-dots .owl-dot.active span {
        background-color: #000;
    }
    #nftmarki_what {
        background-size: cover;
    }
    .tabpane_nfttabswrap {
        overflow-x: scroll;
    }
    #nftmarketplace_tab {
        display: block;
    }
    #nftmarketplace_tab.nav-tabs>li {
        float: none;
    }
    #nftmarketplace_tab.nav>li>a {
        text-align: center;
    }
    .tabpane_nfttabswrap .tpnft_box {
        min-width: 90px;
        width: auto;
        min-height: 135px;
    }
    .tabpane_nfttabswrap {
        justify-content: left;
    }
    .nftwhyMetaBlock_box img {
        position: static;
        position: initial;
    }
    .nftwhyMetaBlock_box .nftwhyMetaBlock_head {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-left: 8px;
    }
    #nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
        min-height: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 1440px) and (min-width: 1280px) {
    #nftmarki_whyMetaBlock {
        /*background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat;*/
        background-size: cover;
        background-position: center;
        background: #fff;
    }
}

/*==================================PANCAKESWAP CLONE SCRIPT===============================*/

.masthead-pancakesclo-development {
    /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
    background-position: right;
    height: 665px !important;
}

.masthead-pancakesclo-development .header-content h1 {
    font-weight: 900;
    font-size: 48px !important;
    text-align: left;
    font-family: Raleway, sans-serif !important;
    text-transform: uppercase;
}

.masthead-pancakesclo-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
}

.masthead-pancakesclo-development .header-content h1 span {
    color: #fea901;
}

.masthead-pancakesclo-development .heading-tagline {
    color: #fff2d9;
}

.masthead-pancakesclo-development .header-content p {
    color: #dbd7ce;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.masthead-pancakesclo-development .header-content {
    margin-top: 9rem;
}

.masthead-pancakesclo-development .header-content a.expert-btn {
    background: -webkit-linear-gradient(271deg, #ffd86b, #542b08);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 2px 16px -4px #e6ba3e;
    line-height: 1.5;
}

.MetaBlock_panckeswapclo {
    padding: 50px 0px;
}

.pancswap_title {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 2rem;
    text-transform: capitalize;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_intro {
    /* background: url(../images/inner-pages/pancaksswap-clone/intro-bg.png) no-repeat; */
    background-size: contain;
    background-position: left;
}

#pancswap_intro .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;
}

#pancswap_featuresnew .pancswap_bft_box .pancswapb_head {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_features .row {
    display: flex;
    align-items: center;
}

#pancswap_featuresnew .pancswap_bft_box {
    text-align: center;
}

#pancswap_featuresnew .row {
    margin-bottom: 3rem;
}

#pancswap_featuresnew .row:nth-child(5) {
    margin-bottom: 0rem;
    display: flex;
    justify-content: center;
}

#pancswap_featuresnew {
    background-color: #000;
}

.panft_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
    margin-bottom: 1rem;
}

#pancswap_featuresnew .pancswap_title {
    text-align: center;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.MetaBlock_panckeswapclo .pancswapb_head {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    margin-left: 6px;
    margin: 2px 4px;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head {
    display: flex;
    align-items: baseline;
}

#pancswap_bftofpc .pancswap_bft_box {
    display: flex;
    align-items: center;
}

#pancswap_bft {
    background: rgb(32, 32, 32);
    background: radial-gradient(circle, rgba(32, 32, 32, 1) 8%, rgba(0, 0, 0, 1) 100%);
    position: relative;
}

#pancswap_bft:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    /* background: url(../images/inner-pages/pancaksswap-clone/springbg.png) no-repeat; */
    background-size: contain;
    background-position: center;
    opacity: 0.1;
}

.pcs_container_swap {
    padding: 0px 80px;
}

#pancswap_bft .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_bft .pancswap_desc {
    color: #ddcfc1;
    width: 60%;
    margin: 19px auto;
    line-height: 1.5;
}

#pancswap_bft .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_bft .row:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pancswap_bft_wrap ul {
    padding: 0;
}

.pancswap_bft_wrap ul li {
    list-style: none;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    text-align: left;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: right;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
    text-align: right;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: left;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

.pancswap_bftrt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

#pancswap_features {
    /*background: url(../images/inner-pages/pancaksswap-clone/pancswapfeatures_bg.jpg) no-repeat;*/
    background-size: cover;
}

#pancswap_features .pancswap_sec_titlewrap p {
    text-align: justify;
}

.pancswapb_ftsec {
    display: flex;
}

.pancswapb_ftsec ul {
    padding: 0;
    display: inline-block;
    padding-right: 10px;
}

.pancswapb_ftsec .pancswapb_desc {
    font-size: 14px;
    font-weight: 500;
}

.pancswapb_ftsec ul li {
    list-style: none;
}

#pancswap_features .pancswapb_head {
    font-size: 18px;
    font-weight: 700;
    color: #ee8400;
    text-align: left;
    margin-bottom: .5rem;
}

.pancswapb_ftsec .pancswap_bft_box {
    margin-bottom: 1rem;
}

#pancswap_wallet {
    /* background: url(../images/inner-pages/pancaksswap-clone/wallet-bg.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_wallet .pancswap_bft_box {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ffaf3412;
    border: 1px solid #c16f2f;
    border-radius: 5px;
}

#pancswap_wallet .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_wallet .pancswap_sec_titlewrap p {
    color: #ddcfc1;
    text-align: center;
}

#pancswap_wallet .pancakewallet_wrap {
    text-align: center;
}

#pancswap_rewards {
    /*background: url(../images/inner-pages/pancaksswap-clone/reward_multipliers.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
}

#pancswap_rewards .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head {
    color: #ffd3ae;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head span {
    display: block;
    font-weight: 300;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
    padding: 10px;
    text-align: left;
    background: linear-gradient(90deg, rgb(75 40 29) 0%, rgb(52 19 9) 100%);
    border-radius: 4px;
    border: 1px solid #cf8b00;
    margin-bottom: 1rem;
    min-width: 145px;
}

#pancswap_clonesoftware {
    /*background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23,0.05) 0%, rgba(23, 23, 23,0.05) 50%,rgba(109, 109, 109,0.05) 50%, rgba(109, 109, 109,0.05) 100%),radial-gradient(circle at 21% 96%, rgba(92, 92, 92,0.05) 0%, rgba(92, 92, 92,0.05) 50%,rgba(199, 199, 199,0.05) 50%, rgba(199, 199, 199,0.05) 100%),radial-gradient(circle at 25% 37%, rgba(230, 230, 230,0.05) 0%, rgba(230, 230, 230,0.05) 50%,rgba(25, 25, 25,0.05) 50%, rgba(25, 25, 25,0.05) 100%),linear-gradient(
90deg
, rgb(77 26 0),rgb(223 124 0));*/
    padding: 10px 0px;
}

#pancswap_clonesoftware .row {
    display: flex;
    align-items: center;
}

#pancswap_clonesoftware .pancswap_title {
    color: #fff;
}

#pancswap_clonesoftware .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: justify;
}

#pancswap_bftofpc {
    /*background-image: linear-gradient(135deg, transparent 0%, transparent 6%,
rgba(71, 71, 71,0.04) 6%, rgba(71, 71, 71,0.04) 22%,transparent 22%, 
transparent 100%),linear-gradient(45deg, transparent 0%, transparent 20%,
rgba(71, 71, 71,0.04) 20%, rgba(71, 71, 71,0.04) 47%,transparent 47%, transparent 100%),
linear-gradient(135deg, transparent 0%, transparent 24%,rgba(71, 71, 71,0.04) 24%, 
rgba(71, 71, 71,0.04) 62%,transparent 62%, transparent 100%),linear-gradient(45deg, 
transparent 0%, transparent 73%,rgba(71, 71, 71,0.04) 73%, rgba(71, 71, 71,0.04) 75%,
transparent 75%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));*/
}

#pancswap_bftofpc .pancswap_sec_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#pancswap_bftofpc .pancswapb_head {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-align: left;
}

#pancswap_bftofpc .pancswap_title {
    color: #fff;
    font-size: 30px;
}

#pancswap_bftofpc .pancswap_bft_box {}

#pancswap_currency {
    /*background: url(../images/inner-pages/pancaksswap-clone/currencybg.png) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_currency .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_currency .pancswapb_head {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

#pancswap_whydex {
    /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_whydex .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_whydex .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: left;
}

#pancswap_whydex .row {
    justify-content: center;
    display: flex;
}

#pancswap_dexbin {
    /*  background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-binnace.jpg) no-repeat;*/
    background-position: right;
    background-size: cover;
}

#pancswap_dexbin .pancswap_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 2rem;
    color: #fff;
    text-align: center;
}

#pancswap_dexbin .pancswap_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.pancswap_sec_titlewrap p,
.pancswap_desc {
    font-size: 15px;
    margin-bottom: 8px;
    text-align: left;
}

.pancakebox_wrap {
    text-align: center;
}

.pancakeswap_coins {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#pancswap_currency .pancswap_bft_box {
    text-align: center;
}

.pancswap_dexbin_btn {
    display: flex;
    align-items: center;
}

.pancswap_dexbin_btn.watsp {
    background-color: #20a652;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    margin-right: 10px;
}

.pancswap_dexbin_btn.tgrm {
    background-color: #0083db;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn i {
    font-size: 27px;
    margin-right: 5px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn img {
    margin-right: 5px;
}

.pancakeswap_socialccta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pancakeswap_socialccta img {
    width: 25px;
    background-color: #fff;
    border-radius: 50px;
    padding: 4px;
}

@media (max-width: 767px) {
    .masthead-pancakesclo-development {
        /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
        background-position: left;
        height: 665px !important;
        background-size: cover !important;
    }
    .masthead-pancakesclo-development .header-content h1 {
        font-weight: 900;
        font-size: 40px !important;
        text-align: center;
        font-family: Raleway, sans-serif !important;
        text-transform: uppercase;
        line-height: 1.1;
    }
    .masthead-pancakesclo-development .header-content p {
        text-align: center;
    }
    .MetaBlock_panckeswapclo {
        padding: 20px 0px;
    }
    .pancswap_title {
        font-size: 22px;
        text-align: center;
        line-height: 1.3;
        text-transform: capitalize;
    }
    #pancswap_bftofpc .pancswap_title {
        color: #fff;
        font-size: 24px;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap {
        text-align: center !important;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap p {
        text-align: center !important;
    }
    .pancswap_sec_titlewrap p,
    .pancswap_desc {
        font-size: 18px;
        text-align: justify;
    }
    #pancswap_features .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_features .pancswap_dexbin_btn.watsp {
        justify-content: center;
    }
    #pancswap_features .pancswap_dexbin_btn.tgrm {
        justify-content: center;
    }
    #pancswap_intro {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    #pancswap_bft .pancswap_desc {
        color: #ddcfc1;
        width: 100%;
    }
    #pancswap_bft .row:nth-child(2) {
        display: block;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
        text-align: left;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
        text-align: left;
    }
    #pancswap_features {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    .pancswapb_ftsec {
        display: block;
    }
    #pancswap_wallet .pancswap_bft_box {
        display: block;
        padding: 10px 15px;
        background-color: #ffaa343d;
        border: 1px solid #b8682afa;
        border-radius: 5px;
        margin-bottom: 1rem;
    }
    #pancswap_rewards .pancakebox_wrap {
        text-align: center;
    }
    #pancswap_whydex {
        /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #pancswap_dexbin {
        background-position: left;
        background-size: cover;
    }
    #pancswap_dexbin .pancswap_title {
        font-weight: 700;
        font-size: 20px;
    }
    #pancswap_dexbin .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_dexbin .pancswap_dexbin_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pancswap_dexbin_btn.watsp {
        margin-right: 0px;
        margin-bottom: 1rem;
    }
    #pancswap_featuresnew .row:nth-child(5) {
        display: block;
    }
}

.cxscommon_ctrl p {
    margin-bottom: 0;
}

#cxsbannner {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/banner.png) no-repeat; */
    background-size: contain;
    background-position: top;
}

#cxsbannner .header-content h1 {
    text-align: left;
    font-size: 39px !important;
    font-weight: 700;
}

header#cxsbannner {
    /*height: 580px !important;*/
}

#cxsbannner .heading-tagline {
    text-align: left;
    font-size: 17px;
}

#cxsbannner a.expert-btn {
    background-color: #1cbec9;
    border: 0;
    border-radius: 0 !important;
    color: #fff;
    box-shadow: none;
    box-shadow: initial;
    font-size: 16px;
    min-width: 200px;
}

.cxscommon_ctrl {
    padding: 50px 0px;
}

#cxs_intro {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/intro-bg.jpg); */
    text-align: center;
}

.MetaBlockcxs_sec_titlewrap .oncxs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 3rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

#cxs_whatis {
    /*background-color: #1b334d;*/
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #282828;
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap p {
    color: black;
    margin-bottom: 0;
}

#cxs_whitelabel {
    background-size: cover;
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/cxs_whitelabel_bg.png) no-repeat; */
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#cxs_fts {
    background-color: #1b334d;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#MetaBlockcxstabs.nav-tabs>li.active>a {
    border-radius: 50px;
    color: #0d233b;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a {
    border-radius: 50px;
    color: #95a5b6;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a:hover {
    background-color: #081d35;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li.active>a:hover {
    background-color: #fff;
}

#MetaBlockcxstabs.nav-tabs {
    border-bottom: 0px solid #ddd;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 2rem;
}

#MetaBlockcxstabs {
    background-color: #0f2135;
    padding: 7px;
    border-radius: 50px;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_fts .ocsxt_box {
    display: inline-block;
    padding: 15px;
    background-color: #29a0cf;
    min-width: 200px;
    border-radius: 2px;
}

#cxs_fts .ocsx_head {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

#cxs_fts .tab-content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#cxs_benefits .ocsxt_box .ocsx_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-left: 10px;
}

#cxs_benefits {
    background-color: #f6faff;
}

#cxs_benefits .ocsxt_box {
    border: 1px solid #cddff2;
    background-color: #fff;
    padding: 15px;
    /*min-height: 190px;*/
    margin-bottom: 3rem;
    box-shadow: 0 8px 9px -10px #1b334d;
    display: flex;
    align-items: center;
}

#cxs_benefits .ocsx_desc {
    color: #5e6f83;
}

#cxs_benefits .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #1b334d;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch {
    background-color: #1b334d;
}

#cxs_cryptlaunch .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch .ocsx_head {
    color: #7fdbff;
    font-weight: 600;
    min-height: 45px;
    text-align: center;
}

#cxs_cryptlaunch .ocsx_desc {
    color: #d7ecf4;
    text-align: center;
    font-size: 15px;
}

#cxs_cryptlaunch .ocsxt_box {
    border: 1px solid #3e5268;
    padding: 15px;
    min-height: 260px;
    background-color: #00000047;
    text-align: center;
}

#cxs_whycrypt {
    background-color: #1782ac;
}

#cxs_whycrypt .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}

#cxs_whycrypt .ocsxt_box .ocsx_head {
    color: #dff6ff;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

#cxs_clonescripts {
    background-color: #1b334d;
}

#cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: left;
    color: #c7efff;
    font-size: 25px;
}

#cxs_clonescripts .ocsxt_box {
    background: linear-gradient(179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
    padding: 20px 15px;
    text-align: center;
    border-radius: 4px;
    min-height: 235px;
}

#cxs_clonescripts .ocsxt_box .ocsx_head {
    color: #08233f;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1rem;
}

#cxs_clonescripts .ocsxt_box .ocsx_desc {
    color: #373b3f;
    font-size: 16px;
}

#cxs_clone_carousel .owl-nav {
    position: absolute;
    top: -73px;
    right: 0;
}

#cxs_clone_carousel .owl-nav .owl-prev,
#cxs_clone_carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 32px;
    background-color: #07182b;
    border: 3px solid #658ebf;
}

#cxs_clone_carousel .owl-nav .owl-prev i {
    font-size: 24px;
    color: #7eade6;
    padding-right: 3px
}

#cxs_clone_carousel .owl-nav .owl-next i {
    font-size: 24px;
    color: #7eade6;
    padding-left: 4px;
}

#cxs_clone_carousel .owl-dots {
    padding-top: 3rem;
}

.cxsclone_wrap {
    padding: 0px 30px;
}

.sprite1 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-bottom: 1rem;
}

.sprite2 {
    width: 60px;
    height: 60px;
    object-fit: none;
    margin-bottom: 1rem;
}

#cxs_whycrypt .ocsxt_box {
    text-align: center;
}

.sprite3 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none;
    margin-bottom: 1rem;
}

.btn.cbwatsapp {
    background-color: #1a9a49;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.btn.cbtelegram {
    background-color: #0097cf;
    color: #fff;
    font-weight: 700;
}

#cxs_intro .cxs_btn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.cxs_btn .cxsbtn_box i {
    font-size: 25px;
}

.cxs_btn .cxsbtn_box a.btn {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    #cxs_intro .cxs_btn {
        display: block;
    }
    .btn.cbwatsapp {
        margin-bottom: 10px;
    }
    .MetaBlockcxs_sec_titlewrap .oncxs_title {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.5;
    }
    #cxs_whitelabel {
        background-size: cover;
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        background-color: #1782ac;
        background-position: bottom;
    }
    #MetaBlockcxstabs.nav-tabs>li.active>a {
        font-size: 16px;
        min-width: auto;
    }
    #MetaBlockcxstabs.nav-tabs>li>a {
        font-size: 15px;
        min-width: auto;
        padding: 4px;
    }
    #MetaBlockcxstabs {
        padding: 5px;
    }
    .ocsx_tab_wrap {
        text-align: center;
    }
    #cxs_fts .ocsxt_box {
        display: inline-block;
        padding: 7px;
        background-color: #29a0cf;
        min-width: 330px;
        border-radius: 2px;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cxsclone_wrap {
        padding: 0px;
    }
    #cxs_cryptlaunch .ocsxt_box {
        min-height: auto;
        margin-bottom: 1.3rem;
    }
    #cxs_whycrypt .ocsxt_box {
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #cxs_clone_carousel .owl-nav {
        position: static;
        position: initial;
        top: -73px;
        right: 0;
    }
    #cxs_clone_carousel .owl-dots {
        display: none;
    }
    #cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
        text-align: center;
    }
    #cxsbannner .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        font-weight: 700;
    }
    .header-content {
        text-align: center;
    }
    #cxsbannner {
        background-position: left;
    }
}

@media (max-width: 1280px) and (max-width: 1440px) {
    #cxs_clonescripts .ocsxt_box {
        background: linear-gradient(179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
        padding: 20px 15px;
        text-align: center;
        border-radius: 4px;
        min-height: 300px;
    }
}

header.masthead-sportsbet .header-content {
    text-align: left;
    padding-top: 90px;
}

header.masthead-sportsbet .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-sportsbet .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

header.masthead-sportsbet .header-content .expert-btn {
    background: #ff5aae;
    color: #ffffff;
    border: 1px solid #ff76bc;
}

header.masthead-sportsbet .sportbet_hero_img img {
    position: absolute;
    max-width: none;
    right: 0;
    left: 0;
}

header.masthead-sportsbet {
    overflow: hidden;
}

.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.MetaBlock_sportsbet {
    padding: 30px 0px 30px 0px;
}

.MetaBlock_sportsbet .onfsportsbet_title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p,
.MetaBlock_sportsbet .MetaBlocksportbet_box p {
    margin-bottom: 0;
}

#sportsbet_ftsec {
    background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(176deg, rgb(37, 56, 222), rgb(96, 189, 244));
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    color: #fff;
}

#sportsbet_ftsec .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 31rem;
}

#sportsbet_ftsec .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

#sportsbet_btsec {
    background-image: radial-gradient(circle at center center, rgba(217, 217, 217, 0.05) 0%, rgba(217, 217, 217, 0.05) 15%, rgba(197, 197, 197, 0.05) 15%, rgba(197, 197, 197, 0.05) 34%, rgba(178, 178, 178, 0.05) 34%, rgba(178, 178, 178, 0.05) 51%, rgba(237, 237, 237, 0.05) 51%, rgba(237, 237, 237, 0.05) 75%, rgba(138, 138, 138, 0.05) 75%, rgba(138, 138, 138, 0.05) 89%, rgba(158, 158, 158, 0.05) 89%, rgba(158, 158, 158, 0.05) 100%), radial-gradient(circle at center center, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 100%);
    background-size: 42px 42px;
}

#sportsbet_btsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_btsec .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_btsec .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_btsec .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_hwitwrks {
    background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient(circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient(circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient(circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient(circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, rgb(34, 222, 237), rgb(135, 89, 215));
    padding-bottom: 70px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 28rem;
    position: relative;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:before {
    position: absolute;
    width: 3px;
    height: 41px;
    content: '';
    background-color: #fff;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:after {
    position: absolute;
    width: 30px;
    height: 30px;
    content: '';
    background-color: #ff3b84;
    bottom: -44px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 50px;
    border: 4px solid #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box span {
    background-color: #2d39cc;
    width: 25px;
    height: 25px;
    padding: 0px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap {
    margin-bottom: 3rem;
}

#sportsbet_hwitwrks .row:nth-child(2) {
    position: relative;
}

#sportsbet_hwitwrks .row:nth-child(2):before {
    position: absolute;
    width: 100%;
    height: 3px;
    content: '';
    bottom: 0;
    border: none;
    border-top: 4px dotted #fff;
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

.ocean {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box {
    background-color: #663784;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 33rem;
    position: relative;
    text-align: center;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_appdev {
    overflow: hidden;
    position: relative;
    background: rgb(17, 22, 32);
    background: linear-gradient(180deg, rgb(72 125 232 / 81%) 0%, rgb(255 76 167 / 62%) 100%);
}

#sportsbet_appdev:before {
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    /* background: url(../images/inner-pages/sports-betting/sports-bg.jpg) no-repeat; */
    background-size: cover;
    top: 0;
    filter: blur(2px);
    z-index: -1;
    background-position: center;
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game01 {
    /* background: url(../images/inner-pages/sports-betting/games-01.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game02 {
    /* background: url(../images/inner-pages/sports-betting/games-02.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game03 {
    /* background: url(../images/inner-pages/sports-betting/games-03.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game04 {
    /* background: url(../images/inner-pages/sports-betting/games-04.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game05 {
    /* background: url(../images/inner-pages/sports-betting/games-05.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game06 {
    /* background: url(../images/inner-pages/sports-betting/games-06.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game07 {
    /* background: url(../images/inner-pages/sports-betting/games-07.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game08 {
    /* background: url(../images/inner-pages/sports-betting/games-08.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game09 {
    /* background: url(../images/inner-pages/sports-betting/games-09.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game10 {
    /* background: url(../images/inner-pages/sports-betting/games-10.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game11 {
    /* background: url(../images/inner-pages/sports-betting/games-11.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game12 {
    /* background: url(../images/inner-pages/sports-betting/games-12.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game13 {
    /* background: url(../images/inner-pages/sports-betting/games-13.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_appdev .MetaBlocksportbet_box {
    background-size: cover !important;
    padding: 20px;
    text-align: right;
    border-radius: 4px;
    margin-bottom: 1rem;
    position: relative;
    z-index: 0;
    box-shadow: 0 5px 7px -2px #ff83da;
}

#sportsbet_appdev .MetaBlocksportbet_box:before {
    background: linear-gradient(270deg, rgb(17 22 32 / 81%) 0%, rgb(27 30 44 / 26%) 100%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1;
}

#sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    margin: 0;
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_revenue_model {
    background-image: linear-gradient(45deg, transparent 0%, transparent 55%, rgba(64, 64, 64, 0.04) 55%, rgba(64, 64, 64, 0.04) 76%, transparent 76%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 14%, rgba(64, 64, 64, 0.04) 14%, rgba(64, 64, 64, 0.04) 41%, transparent 41%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 2%, rgba(64, 64, 64, 0.04) 2%, rgba(64, 64, 64, 0.04) 18%, transparent 18%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 61%, rgba(64, 64, 64, 0.04) 61%, rgba(64, 64, 64, 0.04) 71%, transparent 71%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_revenue_model .MetaBlocksportbet_box {
    text-align: center;
}

#sportsbet_revenue_model .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform {
    /* background: url(../images/inner-pages/sports-betting/blockchain-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_blockchainplatform:before {
    background-color: #071d3cc7;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box {
    background-color: #0314249e;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    text-align: center;
    border: 1px solid #8fc2d25c;
    min-height: 325px;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_softdevelopment {
    background-image: repeating-linear-gradient(90deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(0deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(135deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), linear-gradient(90deg, hsl(275, 3%, 97%), hsl(275, 3%, 97%));
}

#sportsbet_techstack {
    /* background: url(../images/inner-pages/sports-betting/techstac-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_techstack:before {
    position: absolute;
    content: '';
    top: 0;
    background: rgb(17, 22, 32);
    background: linear-gradient(181deg, rgb(23 17 32 / 97%) 0%, rgb(154 81 152 / 40%) 100%);
    width: 100%;
    height: 100%;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 2rem;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_techstack.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
    background-color: #230b1394;
    color: #eaeaea;
    font-weight: 700;
    border-radius: 60px;
    width: 126px;
    text-align: center;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li.active a {
    background-color: #d83068;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs {
    justify-content: center;
    display: flex;
    border-bottom: 0;
    margin-bottom: 2rem;
}

.MetaBlocksportbet_techstack_sec .tab-content .row {
    justify-content: center;
    margin-bottom: 1rem;
    display: flex;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec .tab-content .MetaBlocksportbet_box .onfsportsbe_head {
    text-align: center;
    color: #fff;
}

.tech-sprite {
    width: 55px;
    height: 55px;
    object-fit: none;
}

#sportsbet_techstack .tab-content .MetaBlocksportbet_box {
    background-color: #120b218c;
    text-align: center;
    padding: 10px;
    border: 1px solid #e4c8ee52;
    border-radius: 5px;
}

#sportsbet_whychoose {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.whychoose_pts_wrap ul {
    padding: 0;
    margin-bottom: 0;
}

.whychoose_pts_wrap ul li {
    background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23, 0.05) 0%, rgba(23, 23, 23, 0.05) 50%, rgba(109, 109, 109, 0.05) 50%, rgba(109, 109, 109, 0.05) 100%), radial-gradient(circle at 21% 96%, rgba(92, 92, 92, 0.05) 0%, rgba(92, 92, 92, 0.05) 50%, rgba(199, 199, 199, 0.05) 50%, rgba(199, 199, 199, 0.05) 100%), radial-gradient(circle at 25% 37%, rgba(230, 230, 230, 0.05) 0%, rgba(230, 230, 230, 0.05) 50%, rgba(25, 25, 25, 0.05) 50%, rgba(25, 25, 25, 0.05) 100%), linear-gradient(90deg, rgb(156, 48, 160), rgb(75, 105, 255));
    list-style: none;
    margin-bottom: 1rem;
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

#sportsbet_hire {
    /* background: url(../images/inner-pages/sports-betting/hire-bg.png) no-repeat; */
}

#sportsbet_hire .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_hire.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

.sportbet-sprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

#sportsbet_whychoose .row {
    align-items: center;
    display: flex;
}

@media (max-width: 767px) {
    header.masthead-sportsbet .header-content h1 {
        font-size: 34px !important;
    }
    .MetaBlock_sportsbet .onfsportsbet_title {
        font-size: 24px;
        line-height: 32px;
    }
    .MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap {
        text-align: center;
    }
    #sportsbet_hwitwrks .row:nth-child(2):before {
        display: none;
    }
    #sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
        font-size: 25px;
    }
    #sportsbet_revenue_model .MetaBlocksportbet_box {
        text-align: center;
    }
    #sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
        width: 80px;
        text-align: center;
        padding: 5px;
        font-size: 14px;
    }
    .MetaBlocksportbet_techstack_sec .tab-content .row {
        display: block;
        margin-bottom: 0;
    }
    #sportsbet_techstack .tab-content .MetaBlocksportbet_box {
        margin-bottom: 2rem;
    }
    #sportsbet_whychoose .row {
        display: block;
    }
    #sportsbet_hire {
        background-size: cover;
        background-position: right;
    }
    #sportsbet_typesofsportsbit .MetaBlocksportbet_box {
        min-height: 0;
        min-height: initial;
    }
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    display: none;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    border-bottom-color: currentColor;
    border-bottom-color: initial;
}

.MetaBlock_cryptoexchange_tabs .nav-justified .nav-item {
    text-align: center;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px 40px !important;
    font-size: 17px;
    border: none !important;
    color: #1b334d;
    font-weight: 700;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    position: relative;
    border: 1px solid #1b334d;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 6px;
    background-color: #ecf3ff;
}

.MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
    width: 80%;
    margin: 0px auto;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li {
    margin: 0px !important;
    border-right: 1px solid #1b334d;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs.nav-justified>li {
    width: 100%;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    background: #1b334d;
    border: none !important;
    color: #fff !important;
    border-radius: 0;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 8px 9px -2px rgb(125 127 156 / 35%);
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    min-height: 93px;
    justify-content: center;
    text-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card_head {
    font-weight: 700;
    font-size: 16px;
    margin: 10px;
}

.tech_stack_img {
    width: 60%;
}

.MetaBlock_cryptoexchange_tabs .card:hover {
    transform: none;
}

@media(min-width:768px) {
    .MetaBlock_cryptoexchange_tabs .nav-tabs {
        display: flex;
    }
    .MetaBlock_cryptoexchange_tabs .card {
        border: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .card-header {
        display: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .MetaBlock_cryptoexchange_tabs .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc {
        background: #1b334d;
        font-weight: bold;
        padding: 10px;
        display: flex;
        margin-top: 15px;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc_head {
        color: #fff;
        font-weight: bold;
    }
    .MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
        width: 100%;
    }
    .tech_stack_img {
        width: 100%;
    }
    .MetaBlock_cryptoexchange_tabs .cryptocurrency_tabs_scroll_mobile {
        overflow: scroll;
        height: 317px;
    }
}

/*=========================================NFT Game Platform DEVELOPMENT=================================*/

.nft_gameplatform {
    padding: 50px 0px;
}

#nftgp_hero {
    background: radial-gradient(circle at 80% 50%, rgb(42 46 59) 0%, rgb(31 35 45) 42.71%, rgb(14 17 23) 100%);
    padding: 130px 0px 50px 0px;
}

#nftgp_hero .header-content {
    padding-top: 5rem;
}

#nftgp_hero .header-content h1 {
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    font-size: 45px !important;
}

#nftgp_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

#nftgp_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

.nftgp_custom_container {
    padding: 0px 50px;
}

#nftgp_sec1 {
    padding-top: 50px;
    padding: 0;
    overflow: hidden;
}

#nftgp_sec1 .row {
    display: flex;
    align-items: center;
}

#nftgp_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}

.nft_gameplatform#nftgp_sec2 .row {
    display: flex;
    justify-content: center;
}

.nftgb_dark_theme {
    background-color: #222631;
}

.nftgb_lite_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #222631;
}

.nftgb_dark_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #fff;
}

.nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
}

.nft_gameplatform#nftgp_sec2 .nftgp_sectitle_wrap {
    text-align: center;
}

.nft_gameplatform p {
    margin-bottom: 0;
}

.nftgb_dark_theme .nftgp_sectitle_wrap p {
    color: #dcdee4;
}

.nftgb_dark_theme .nftgp_box .nftgp_head {
    color: #fff;
}

.nftgb_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

.nft_gameplatform .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

#nftgp_sec3 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 {
    padding: 0;
    padding-top: 50px;
    overflow: hidden;
}

#nftgp_sec4 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 5rem;
}

#nftgp_sec4 .nftgp_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #7d8395;
    border-radius: 10px;
}

#nftgp_sec4 .nftgp_box img {
    border-radius: 10px;
    transition: .3s;
}

#nftgp_sec4 .nftgp_box img:hover {
    transform: scale(1.01);
}

#nftgp_sec4 .row:nth-child(2),
#nftgp_sec4 .row:nth-child(3),
#nftgp_sec4 .row:nth-child(4) {
    margin-bottom: 4rem;
}

#nftgp_sec4.nft_gameplatform .nftgp_box .nftgp_head {
    margin-top: 1rem;
}

#nftgp_sec5 .row:nth-child(2) {
    justify-content: center;
    display: flex;
}

#nftgp_sec5 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec5 .row:nth-child(2) .col-md-4 {
    padding: 0;
}

#nftgp_sec5 .row .col-md-4:nth-child(1) {
    background-color: #222631;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .row .col-md-4:nth-child(2) {
    background-color: #af27e7;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-left-radius: 20px;
}

#nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-right-radius: 20px;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul {
    padding: 0;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li {
    list-style: none;
    color: #fff;
    padding: 20px 20px;
    border-bottom: 1px solid #ffffff2b;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li.nftgp_diff_head {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #0000004d;
}

#nftgp_sec6 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec7.nft_gameplatform .nftgp_box {
    padding: 15px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 3px -2px black;
    border-radius: 5px;
    min-height: 100px;
}

#nftgp_sec7 .row:nth-child(2),
#nftgp_sec7 .row:nth-child(3) {
    margin-bottom: 2rem;
}

.nftgp_techsprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_techtitle {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #ffffffe6;
    color: #222631;
    padding: 20px 0px;
}

/*.nftgp_head {
color: #222631;
margin: 10px 0px;
font-weight: 500;
}*/

.nftgp_techlist ul li {
    display: inline-block;
    text-align: center;
}

.nftgp_techlist ul {
    padding: 20px 0px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-around;
}

.nftgp_techstack_wrap {
    background-color: #ededed;
    margin-bottom: 3rem;
}

.keyfac-sprite {
    width: 120px;
    height: 120px;
    object-fit: none;
    transition: .2s;
}

.keyfac-sprite:hover {
    transform: scale(1.1);
}

.nftgp_whychoose {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .nftgp_custom_container {
        padding: 0px 00px;
    }
    #nftgp_hero .header-content h1 {
        font-size: 26px !important;
        text-align: center;
    }
    #nftgp_sec1 {
        padding: 35px 0px;
    }
    #nftgp_sec3 {
        padding: 35px 0px;
    }
    #nftgp_sec4 .nftgp_box {
        margin: 20px 0px;
    }
    #nftgp_hero .header-content {
        text-align: center;
    }
    .nftgp_sectitle_wrap {
        text-align: center;
    }
    .nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .nft_gameplatform#nftgp_sec2 .row,
    #nftgp_sec4 .row {
        display: block;
    }
    #nftgp_sec5 .row:nth-child(2) {
        justify-content: center;
        display: block;
    }
    #nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head,
    #nftgp_sec5 .row .col-md-4:nth-child(1),
    #nftgp_sec5 .row .col-md-4:nth-child(2),
    #nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
        border-radius: 0;
    }
    .nftgp_techlist ul {
        display: block;
        text-align: center;
    }
    .nftgp_techlist ul li {
        padding: 6px;
    }
    .nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
        display: block;
    }
}

.nftgp_servsprite {
    width: 231px;
    height: 231px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_box {
    display: flex;
    align-items: center;
}

/*
whitepaper style start*/

#white_paper_page {
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
}

@media(min-width:767px) {
    #white_paper_page .whitepaper_banner_sec {
        /* background-image: url('../../asset/oimages/white-paper-img/whitepaper-banner.png');/ */
        height: 600px;
        background-size: cover;
        background-position: top;
        display: grid;
        align-items: center;
    }
}

#white_paper_page .whitepaper_banner_sec .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#white_paper_page .whitepaper_banner_sec .contents {
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    padding-top: 10px;
}

#white_paper_page .whitepaper_btn:hover {
    color: #fff;
}

#white_paper_page .what_whitepaper,
#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_aspects,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_process,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_why,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire,
#white_paper_page .whitepaper_hire_do {
    padding: 0px;
}

#white_paper_page .what_whitepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_btn {
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    background-image: linear-gradient(315deg, #fbd100 0%, #ff660c 74%);
    font-size: 16px;
    padding: 8px 10px;
    box-shadow: 0 1px 27px #ff660c;
}

#white_paper_page .what_whitepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

.sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .what_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_litepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .what_litepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_litepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_litepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_litepaper .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_comprehensive .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card {
    padding: 10px;
    margin-top: 20px;
    min-height: 200px;
    box-shadow: 0 0px 9px #ff660c7d;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    border: 1px solid #ff660c63;
    border-radius: 10px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_title {
    font-weight: 800;
    font-size: 25px;
    text-transform: capitalize;
    text-align: center;
    color: #ff660c;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_aspects .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
    line-height: 1.3;
}

#white_paper_page .whitepaper_aspects .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_aspects .card {
    position: relative;
}

#white_paper_page .whitepaper_aspects .card .face {
    transition: 0.5s;
    height: 116px
}

#white_paper_page .whitepaper_aspects .card .face.face1 {
    position: relative;
    background: #040029;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(86px);
    border: 1px solid #eeeef14a;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 {
    background: #e15300;
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover {
    padding: 10px;
    transition: 0.5s;
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover h3 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 .content__hover {
    opacity: 1;
}

#white_paper_page .whitepaper_aspects .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgb(0 0 0 / 80%);
    transform: translateY(-29px);
    height: 114px;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face2 {
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face2 p {
    padding: 10px;
    margin: 0;
}

#white_paper_page .whitepaper_investors .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_investors .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card {
    min-height: 240px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    margin-top: 30px;
    border-left: 1px solid #ff660c;
    padding: 5px 10px;
    border-right: 1px solid #ff660c;
    box-shadow: 0 0px 9px #4343439e;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_content {
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
}

#white_paper_page .whitepaper_process .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_process .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_process .whitepaper_process_card {
    min-height: 223px;
    margin-top: 30px;
    border: 2px dotted #50cef266;
    padding: 10px 7px;
    border-radius: 10px;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_needs .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_needs .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_why .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#white_paper_page .whitepaper_industries .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_industries .white_paper_industry_img {
    width: 35px;
    height: 35px;
    object-fit: none;
}

#white_paper_page .whitepaper_industries .whitepaper_industries_card {
    padding: 20px 12px;
    border-radius: 4px;
    border: 1px solid #ff690078;
    color: #3e3e3e;
    margin-top: 2rem;
    text-align: center;
}

#white_paper_page .whitepaper_industries .white_paper_industry_card_title {
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    padding-top: 10px;
    color: #fff;
}

#white_paper_page .whitepaper_hire .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}

#white_paper_page .whitepaper_hire .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card {
    padding: 10px 7px;
    background: linear-gradient(178deg, #0c003d 0%, #03001f 74%);
    box-shadow: 0 0px 9px #ff690091;
    min-height: 265px;
    border: 1px solid #ff690073;
    border-radius: 10px;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_title {
    color: #ff6900;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_hire_do .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_do_card {
    padding: 10px 10px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    box-shadow: 0 0px 9px #4343439e;
    min-height: 197px;
    margin-top: 20px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_title {
    color: #ff691e;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 10px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire_do {
    box-shadow: 0 0px 9px #00cbff7a;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_paper_page .whitepaper_why {
    position: relative;
}

#white_paper_page .whitepaper_why ul li:before {
    content: "\25BA";
    color: #ff6900;
    position: absolute;
    left: 30px;
}

#white_paper_page .whitepaper_process_row_align {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
    #white_paper_page .whitepaper_banner_sec .title {
        font-size: 30px;
        text-align: center;
    }
    #white_paper_page .whitepaper_banner_sec .contents {
        font-size: 20px;
        text-align: center;
        padding-bottom: 10px;
    }
    #white_paper_page .what_whitepaper .title {
        font-size: 25px;
    }
    #white_paper_page .what_whitepaper .contents {
        text-align: justify;
    }
    #white_paper_page .what_whitepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    .whitepaper_btn_mobile {
        text-align: center;
    }
    #white_paper_page .what_whitepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
        padding-top: 10px;
    }
    #white_paper_page .what_litepaper .contents,
    #white_paper_page .whitepaper_aspects .contents,
    #white_paper_page .whitepaper_investors .contents,
    #white_paper_page .whitepaper_needs .contents,
    #white_paper_page .whitepaper_hire_do .contents {
        text-align: justify;
    }
    #white_paper_page .what_litepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .what_litepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .whitepaper_litepaper .title,
    #white_paper_page .whitepaper_comprehensive .title,
    #white_paper_page .whitepaper_aspects .title,
    #white_paper_page .whitepaper_investors .title,
    #white_paper_page .whitepaper_process .title,
    #white_paper_page .whitepaper_needs .title,
    #white_paper_page .whitepaper_why .title,
    #white_paper_page .whitepaper_industries .title,
    #white_paper_page .whitepaper_hire .title,
    #white_paper_page .whitepaper_hire_do .title {
        font-size: 25px;
    }
    #white_paper_page .whitepaper_process .whitepaper_process_card {
        min-height: 0;
        min-height: initial;
    }
    #white_paper_page .whitepaper_hire .whitepaper_hire_card {
        min-height: 0;
        min-height: initial;
        margin-top: 30px;
    }
    #white_paper_page .whitepaper_industries .whitepaper_industries_card {
        min-height: 130px;
    }
}

/*
whitepaper style end*/

/*=========================================Metaverse DEVELOPMENT=================================*/

#metavdev_hero {
    background-color: #202036;
    /* background-image: url(../images/inner-pages/metaverse-development-company/banner1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.metavdev_custom_container {
    padding: 0px 50px;
}

#metavdev_hero .header-content {
    padding-top: 5rem;
}

#metavdev_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
    color: #000;
}

#metavdev_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #f1ae2a;
    color: #fff;
}

#metavdev_se4 a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

#metavdev_hero .header-content h1 {
    text-transform: capitalize;
    font-weight: 900;
    text-align: left;
    font-size: 50px !important;
    background-image: linear-gradient(90deg, #2f005b 0%, #682d86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    text-shadow: none;
}

#metavdev_sec1 {
    padding: 0;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

#metavdev_sec1 p {
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /* background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
-webkit-background-clip: text;
-webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

#metavdev_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.MetaBlock_metaverse_deve p {
    margin-bottom: 0;
}

#metavdev_sec1 .row {
    display: flex;
    align-items: center;
}

.MetaBlock_metaverse_deve {
    padding: 40px 0px;
}

.metavdev_dark_theme {
    background-color: #eefaff;
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: left;
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

/*#metavdev_sec2{
position: relative;
background-position: center;
padding-top: 50px;
background-image: url(https://images.unsplash.com/photo-1626379945538-6c8824dd898f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
}*/

/*#metavdev_sec2:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
background:linear-gradient(359deg, rgb(17 11 29 / 93%) 0.18%, rgb(61 26 58 / 92%) 100%);
top: 0;
opacity: 0.7;
}*/

#metavdev_sec2 ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
}

#metavdev_sec2 ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

#metavdev_sec2 ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

/*#metavdev_sec2 ul:before {
position: absolute;
width: 100%;
height: 8px;
background-color: #ac93ee;
border-radius: 5px;
content: '';
bottom: -40px; 
}*/

#metavdev_sec2 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

#metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    position: relative;
    margin-bottom: 0.2rem;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title.title_alict:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap.title_alilt .nftgp_sec_title:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /*background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
-webkit-background-clip: text;
-webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title:before {
    background-color: #fff;
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
}

/*#metavdev_sec2 ul li:before{
position: absolute;
width: 25px;
height: 25px;
background-color: #ac93ee;
border-radius: 50px;
content: '';
bottom: -48px;
left: 0;
right: 0;
margin: 0 auto;
}*/

#metavdev_sec2.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

/*.metavdev_timestamp {
position: absolute;
bottom: -81px;
left: 0;
right: 0;
font-size: 22px;
font-weight: 700;
}*/

.metaban_span {
    display: block;
    font-weight: 300;
    font-size: 30px;
    margin-top: 1.5rem;
}

#metavdev_sec3 .nftgp_box {
    text-align: center;
    background-color: #ffffff17;
    border-radius: 5px;
    padding: 15px;
    min-height: 285px;
    /* margin-bottom: 3rem; */
    margin-top: 50px;
    box-shadow: inset -3px -6px 16px 0px #9f9ba1, inset 9px 5px 14px 0px #7c7c7c38;
}

/*#metavdev_sec3 .nftgp_box:hover {
box-shadow: -3px -6px 16px 0px #fdfdfdb0, 9px 5px 14px 0px #00000026;
transition: all .3s;
}*/

/*#metavdev_sec3 .nftgp_box:before {
content: "";
height: 60px;
width: 60px;
border-radius: 100px;
background-color: #84c1ff2b;
position: absolute;
bottom: -28px;
right: -10px;
opacity: 0;
}*/

/*#metavdev_sec3 .nftgp_box:hover:before {
opacity: 1;
}*/

/*.nftgp_box {
transition: all .3s;
padding: 0 45px 0px;
margin: 20px;
background: transparent linear-gradient(311deg, #ebecf0 0%, #ebecf0 100%) 0% 0% no-repeat padding-box;
box-shadow: inset -3px -6px 16px 0px #fdfdfdb0, inset 9px 5px 14px 0px #00000026;
border-radius: 20px;
height: 100%;
position: relative;
}*/

#metavdev_sec3.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
    padding-top: 10px;
    text-align: center;
}

#metavdev_se4 .nftgp_box .nftgp_head {
    color: #202036;
    font-size: 17px;
    margin-bottom: 0px;
    text-align: center;
}

/*#metavdev_se4{
background-size: cover;
padding: 50px;
position: relative;
background-image: url(https://images.unsplash.com/photo-1620120966883-d977b57a96ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
}*/

/*#metavdev_se4:before{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background : linear-gradient(359deg, rgb(65 31 61 / 90%) 0.18%, rgb(54 54 113 / 92%) 100%);
}*/

#metavdev_se4 .nftgp_box {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 31.18%, rgb(255 255 255) 100%);
    padding: 15px;
    /* margin-bottom: 1.5rem; */
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    box-shadow: 0px 0px 6px #ccc;
    display: flex;
    align-items: center;
    min-height: 75px;
    justify-content: center;
}

#metavdev_se4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    margin-bottom: .2rem;
}

#metavdev_se5 .row:nth-child(1) {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se5 .nftgp_sectitle_wrap p {
    color: #000;
}

#metavdev_se5 .row:nth-child(2),
#metavdev_se5 .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box {
    background: #fff;
    padding: 10px;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    min-height: 436px;
    box-shadow: 0px 0px 9px #ccc;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #3a0863;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    color: #000;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_content_wrap {
    margin: 27px 5px;
}

#metavdev_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#sec7_bg1 {
background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat;
background-size: cover;
}*/

#metavdev_se8 .nftgp_box {
    height: 195px;
    width: 182px;
    position: relative;
}

#metavdev_se8 .nftgp_content_wrap {
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(1deg, #4747c2 0%, #2c2c67 74%);
}

#metavdev_se8 .nftgp_head {
    background: linear-gradient(1deg, #3e0070 0%, #1d004c 74%);
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 800;
    width: 195px;
    margin: 0 auto;
    font-size: 20px;
}

#metavdev_se8 .owl-nav .owl-prev,
#metavdev_se8 .owl-nav .owl-next {
    border: 3px solid #f3b5ff;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #e14fff;
}

#metavdev_se8 .owl-nav .owl-prev {
    left: 0px;
}

#metavdev_se8 .owl-nav .owl-next {
    right: 0px;
}

#metavdev_se8 .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    width: 100%;
}

#metavdev_se8 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se6 .nftgp_box {
    padding: 15px 20px;
    min-height: 175px;
    border-radius: 12px;
    border: 1px solid #3a0863;
    box-shadow: 4px 5px 0 #3a0863;
}

/*#metavdev_se6{
position: relative;
background-size: cover;
background-image: url(https://images.unsplash.com/photo-1511447333015-45b65e60f6d5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1255&q=80);
}*/

/*#metavdev_se6:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
}*/

#metavdev_se6 .nftgp_box .nftgp_head {
    text-align: center !important;
}

#metavdev_se6 .nftgp_box .nftgp_desc {
    color: #202036;
    font-weight: 500;
    text-align: center;
}

#metavdev_se6 .row {
    margin-bottom: 3rem;
}

#metavdev_se6 .row:nth-child(4) {
    margin-bottom: 0;
}

#metavdev_se11 .nav-tabs {
    display: none;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a:hover {
    color: #e900ff !important;
}

#metavdev_se11 .nav-tabs>li.active>a,
#metavdev_se11 .nav-tabs>li.active>a:focus,
#metavdev_se11 .nav-tabs>li.active>a:hover {
    color: #e900ff !important;
    background: transparent;
    border: none;
    border-bottom: 2px solid #e900ff;
}

#metavdev_se11 .nav-tabs>li>a:hover {
    background: transparent;
    color: #e900ff;
}

#metavdev_se11 .nav-tabs>li>a {
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

@media(min-width:768px) {
    #metavdev_se11 .nav-tabs {
        display: flex;
        justify-content: center;
    }
    #metavdev_se11 .card {
        border: none;
    }
    #metavdev_se11 .card .card-header {
        display: none;
    }
    #metavdev_se11 .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #metavdev_se11 .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    #metavdev_se4 .nftgp_box,
    #metavdev_se6 .nftgp_box {
        min-height: 0px !important
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title {
        text-align: center !important;
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title:before {
        left: 40%;
    }
}

#metavdev_se11 .nav-tabs {
    border-bottom: 1px solid #dddddd57;
}

#metavdev_se11 .tech_stact_card_content {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    padding-top: 10px;
    margin-bottom: 0px;
}

#metavdev_se11 .tech_stact_card {
    margin-top: 20px;
    border: 1px dotted #ffffff70;
    text-align: center;
    padding: 10px;
}

#opensea_clone_script #metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(100);
}

#metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(0);
}

/*#metavdev_sec2 ul li:hover{
background: #7900ff;
box-shadow: 0 0px 9px #7900ff;
border: 1px solid #7900ff;

}*/

#metavdev_se8 .nftgp_img_sprite {
    width: 195px !important;
    height: 182px;
    object-fit: none;
}

@media only screen and (max-width: 600px) {
    #metavdev_hero {
        background: #440f2f;
    }
    #metavdev_hero .header-content h1 {
        background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    }
    #metavdev_hero .header-content .heading-tagline {
        color: #fff;
    }
    #metavdev_sec2 ul {
        display: grid;
    }
    #metavdev_sec2 ul li {
        width: 100%;
        margin: 10px 0px;
    }
    #metavdev_se5 .row:nth-child(2),
    #metavdev_se5 .row:nth-child(3) {
        display: grid;
    }
    #metavdev_se9 {
        display: none;
    }
    .metavdev_custom_container {
        padding: 0px;
    }
    #metavdev_hero .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        line-height: 1;
    }
    #metaverse_dev_company .metaban_span {
        font-size: 23px;
    }
    #metaverse_dev_company .MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title,
    #metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_dev_company .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
        text-align: center;
        font-size: 27px;
    }
    #metavdev_sec1 p {
        text-align: center;
    }
    #metavdev_se6 .nftgp_box {
        margin-top: 30px;
    }
    #metavdev_se10 .nftgp_box {
        margin-top: 20px;
    }
    #metavdev_se11 [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #metavdev_se11 .card-header {
        background: #fff;
        margin-top: 20px;
    }
    #metavdev_se11 .fa-chevron-down:before {
        content: "\f078";
    }
    #mdc_collapse-C .card-body .row {
        display: grid;
    }
    #metavdev_se11 .card-header h5 {
        color: #000;
        font-weight: 800;
        font-size: 18px;
    }
    #metavdev_se11 .card-body {
        height: 200px;
        overflow: scroll;
    }
}

/*#metavdev_se7{
position: relative;
padding:50px 0px;
background-size: 42px 42px;
background-image: radial-gradient(circle at center center, rgba(255,255,255, 0.05) 0%, rgba(255,255,255, 0.05) 15%,rgba(197, 197, 197,0.05) 15%, rgba(197, 197, 197,0.05) 34%,rgba(178, 178, 178,0.05) 34%, rgba(178, 178, 178,0.05) 51%,rgba(237, 237, 237,0.05) 51%, rgba(237, 237, 237,0.05) 75%,rgba(138, 138, 138,0.05) 75%, rgba(138, 138, 138,0.05) 89%,rgba(158, 158, 158,0.05) 89%, rgba(158, 158, 158,0.05) 100%),radial-gradient(circle at center center, rgb(32,32,54) 0%, rgb(32,32,54) 6%,rgb(32,32,54) 6%, rgb(32,32,54) 12%,rgb(32,32,54) 12%, rgb(32,32,54) 31%,rgb(32,32,54) 31%, rgb(32,32,54) 92%,rgb(32,32,54) 92%, rgb(32,32,54) 97%,rgb(32,32,54) 97%, rgb(32,32,54) 100%); 

}*/

#metavdev_se7 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se7:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}

#metavdev_se7 .nftgp_box {
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    /* box-shadow: 0 0px 9px #0ee3cf;
border: 1px solid #0ee3c5;*/
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 0px 14px #c5c5c5c2;
}

/*#metavdev_se7 .nftgp_box:before {
background: linear-gradient(90deg, #45457d 0%, #20203652 74%);
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 10px;
z-index: -1;
}*/

#metavdev_se7.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    color: #000;
}

/*#metadev7_clone {
background-image: url(https://images.unsplash.com/photo-1624398891398-fbb14f1acc11?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
background-size: cover;
background-position: center;
} */

#metavdev_se9 .nftgp_box {
    background-color: #fff;
    padding: 25px;
    position: relative;
    border: 1px solid #dcdcdc;
}

#metavdev_se9 .nftgp_box .sec9_count {
    background-color: #481b93;
    border-radius: 50px;
    width: 40px;
    /* text-align: center; */
    height: 40px;
    position: absolute;
    top: -20px;
    font-weight: 600;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-bottom: 4px;
}

#metavdev_se9 .nftgp_box.nftgp_horiline,
#metavdev_se9 .nftgp_box.nftgp_vertline,
#metavdev_se9 .nftgp_box.nftgp_lthoriline {
    position: relative;
    z-index: 0;
}

#metavdev_se9 .row:nth-child(2) {
    margin-bottom: 3rem;
}

#metavdev_se9 .nftgp_box.nftgp_horiline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    right: -32px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9 .nftgp_box.nftgp_vertline:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 32px;
    background-color: #fff;
    bottom: -31px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#metavdev_se9 .nftgp_box.nftgp_lthoriline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    left: -31px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
}

#metavdev_se9 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#metavdev_se10{
position: relative;
background:url(https://images.unsplash.com/photo-1604818640599-71bda0165d53?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80);
}
#metavdev_se10:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
}*/

#metavdev_se10 .nftgp_box {
    padding: 10px;
    /* background-image: linear-gradient(22deg, #c4c8ec 0%, #ffffff 100%); */
    border-radius: 12px;
    background: #fff;
    border: 1px solid #3a0863;
    box-shadow: inset 3px -2px 0px 0px #3a0863;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metavdev_se10.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 17px;
    text-align: center;
}

#metavdev_se10 .row:nth-child(2),
#metavdev_se10 .row:nth-child(3) {
    margin-bottom: 2rem;
}

/*=========================================Metaverse DEVELOPMENT -END=================================*/

/*opensea clone style start*/

#opensea_clone_script {
    background-color: #000000;
    background-image: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding-bottom: 60px;
}

#opensea_clone_script .row_align {
    justify-content: center;
    display: flex;
}

#opensea_clone_script .ocs_banner,
#opensea_clone_script .ocs_nft,
#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    padding: 0px;
}

#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    margin-top: 80px;
}

@media (min-width: 767px) {
    #opensea_clone_script .ocs_banner {
        height: 600px;
        display: flex;
        align-items: center;
        /* background: url(../images/inner-pages/opensea-clone/banner.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
}

#opensea_clone_script .ocs_banner .title {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
}

#opensea_clone_script .ocs_banner .contents {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

#opensea_clone_script .ocs_nft .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .ocs_nft .contents {
    color: #fff;
    font-size: 16px;
    position: relative;
}

#opensea_clone_script .ocs_nft .contents:before {
    content: "\25BA";
    position: absolute;
    color: #9402d6;
    left: -24px;
}

#opensea_clone_script .ocs_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(126deg, #ab05ff 0%, #8600bd 98%);
    border: transparent;
    border-radius: 5px;
    box-shadow: inset -4px -4px 0px #680593;
}

#opensea_clone_script .ocs_btn:hover {
    color: #fff;
}

#opensea_clone_script .osc_video .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .osc_video .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_whitelabel .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_design {
    padding: 20px;
}

#opensea_clone_script .osc_whitelabel .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_whitelabel ul {
    padding-left: 0px;
}

#opensea_clone_script .osc_whitelabel ul li {
    list-style: none;
    padding-top: 15px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_subdesign {
    background: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px -2px 12px 2px #680593;
}

#opensea_clone_script .osc_whitelabel .whitelabel_icons {
    line-height: 1.5;
    color: #680593;
}

#opensea_clone_script .osc_features .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

#opensea_clone_script .osc_features .nav-tabs {
    display: none;
}

#opensea_clone_script .osc_features .nav-item .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

@media(min-width:768px) {
    #opensea_clone_script .osc_features .nav-tabs {
        display: flex;
        justify-content: center;
        border-bottom: none;
    }
    #opensea_clone_script .osc_features .card {
        border: none;
    }
    #opensea_clone_script .osc_features .card .card-header {
        display: none;
    }
    #opensea_clone_script .osc_features .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #opensea_clone_script .osc_features .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#opensea_clone_script .osc_features .osc_features_card {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #9b02e2;
    box-shadow: 3px 3px 0px 0px #9b02e2;
    border-radius: 0px 20px;
}

#opensea_clone_script .osc_features .osc_features_content {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 800;
}

#opensea_clone_script .osc_features .nav-tabs>li>a {
    margin-right: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
}

#opensea_clone_script .osc_features .nav-tabs>li {
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav-tabs>li.active>a,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:focus,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:hover {
    background-color: #9b02e2;
    color: #fff;
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav>li>a:focus,
#opensea_clone_script .osc_features .nav>li>a:hover {
    background: transparent;
    border: transparent;
}

#opensea_clone_script .osc_tech_stack .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #fff;
    text-shadow: none;
    position: relative;
}

#opensea_clone_script .osc_advantages .title {
    font-size: 28px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_advantages .main {
    width: 250px;
    height: 250px;
    border: 1px solid #CCC;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#opensea_clone_script .osc_advantages .main:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #9b02e2 !important;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: opensea_circle 6s linear infinite;
}

@keyframes opensea_circle {
    0% {
        transform: rotate(0deg) translate(-125px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(-125px) rotate(-360deg);
    }
}

#opensea_clone_script .osc_advantages ul li {
    list-style: none;
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    font-weight: bold;
}

#opensea_clone_script .osc_advantages ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .title {
    font-size: 45px;
    text-align: left;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_customcurrencies .sub_title {
    text-align: left;
    color: #fff;
}

#opensea_clone_script .osc_customcurrencies .sub_content {
    display: grid;
    justify-content: center;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .sub_title_1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    margin-top: 50px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #9b02e2;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#opensea_clone_script .osc_customcurrencies .osc_row_align {
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_left {
    margin-left: 60px;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical {
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #9401d9;
    transform: translate(-50%, 50%);
    color: #000;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#opensea_clone_script .osc_business .title {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_business .osc_business_card {
    margin-top: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 25px 0px 25px 0px;
}

#opensea_clone_script .osc_business .osc_business_card_content {
    color: #000;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_build_platform .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#opensea_clone_script .osc_collaboration .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card {
    padding: 20px;
    background: #fff;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 6px 6px 0px 0px #9401d9;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_content {
    text-align: center;
    margin-bottom: 0px;
    padding-top: 10px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before {
    position: relative;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
    content: "";
    height: 5px;
    width: 100%;
    background: #9401d9;
    position: absolute;
    top: 50%;
}

#opensea_clone_script .osc_whychoose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_whychoose ul li {
    list-style: none;
    padding-top: 20px;
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_whychoose ul li i {
    color: #9401d9;
}

#opensea_clone_script .osc_whychoose ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_live .title {
    font-size: 45px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#opensea_clone_script .osc_live .osc_live_card {
    background: #fff;
    padding: 20px;
    min-height: 145px;
    margin-top: 30px;
    border-radius: 30px 0px 30px 0px;
}

#opensea_clone_script .osc_live .osc_live_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_live .osc_live_card_content {
    margin-bottom: 0px;
    text-align: center;
    padding-top: 10px;
}

#opensea_clone_script .animate_border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #9202d2;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 50px;
}

#opensea_clone_script .animate_border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    animation: opensea_animborder 2s linear infinite;
    border-radius: 50px;
}

@keyframes opensea_animborder {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(113px)
    }
}

@media only screen and (max-width: 600px) {
    .osc_advantages .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .ocs_banner .title,
    #opensea_clone_script .ocs_nft .title,
    #opensea_clone_script .osc_video .title,
    #opensea_clone_script .osc_whitelabel .title,
    #opensea_clone_script .osc_features .title,
    #opensea_clone_script .osc_customcurrencies .title,
    #opensea_clone_script .osc_business .title,
    #opensea_clone_script .osc_build_platform .title,
    #opensea_clone_script .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #opensea_clone_script .osc_collaboration .title,
    #opensea_clone_script .osc_whychoose .title,
    #opensea_clone_script .osc_live .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #opensea_clone_script .ocs_banner .contents,
    #opensea_clone_script .osc_video .contents,
    #opensea_clone_script .osc_whitelabel .contents,
    #opensea_clone_script .osc_customcurrencies .sub_title {
        text-align: justify;
    }
    #opensea_clone_script .ul_mob {
        padding-left: revert !important;
    }
    #opensea_clone_script .osc_customcurrencies .sub_title_1 {
        font-size: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before:before,
    #opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
        display: none;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_right {
        margin-right: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_left {
        margin-left: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_business_mob {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_card {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
        display: none;
    }
    #opensea_clone_script .osc_btn_mob {
        text-align: center !important;
    }
    #opensea_clone_script .ocs_banner {
        padding-top: 100px;
    }
    #opensea_clone_script .ocs_btn_mob {
        text-align: center;
    }
    #opensea_clone_script .ocs_nft .contents {
        text-align: justify;
    }
    #opensea_clone_script .ocs_nft .contents:before {
        display: none;
    }
    #opensea_clone_script .animate_border {
        margin: 0 auto;
    }
    #opensea_clone_script .osc_advantages .main {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .osc_features .card-header {
        padding: 5px;
        background: #fff;
        margin-top: 20px;
    }
    #opensea_clone_script .osc_features .card-body {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_features [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #opensea_clone_script .fa-chevron-down:before {
        content: "\f078";
    }
    #opensea_clone_script .osc_features .card-header h5 {
        font-size: 17px;
        font-weight: 800;
        padding: 0px 10px;
    }
}

/*opensea clone style end*/

/*metaverse game dev style start*/

#metaverse_game_development .row_justify {
    display: flex;
    justify-content: center;
}

#metaverse_game_development .row_align {
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_nft_game {
    background: linear-gradient(130deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_collabration {
    background: linear-gradient(326deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_why_MetaBlock {
    background: linear-gradient(21deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_benefits,
#metaverse_game_development .osc_tech_stack {
    background: linear-gradient(323deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_advantage {
    background: linear-gradient(106deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_main_benefits {
    background: linear-gradient(178deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_build_platform {
    background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_banner,
#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_collabration,
#metaverse_game_development .mgd_why_MetaBlock {
    padding: 0px;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_why_MetaBlock,
#metaverse_game_development .mgd_collabration {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 767px) {
    #metaverse_game_development .mgd_banner {
        /* background-image: url('../../asset/images/inner-pages/metaverse-game-dev/banner.png'); */
        height: 650px;
        display: grid;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
}

#metaverse_game_development .mgd_banner .title {
    color: #fff;
    font-size: 45px;
    text-align: left;
    font-weight: 800;
}

#metaverse_game_development .mgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 22px;
    padding-top: 15px;
    line-height: 1.3;
}

#metaverse_game_development .mgd_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(130deg, rgba(245, 74, 5, 1) 16%, rgba(166, 34, 21, 1) 58%, rgb(117 0 69) 91%);
    border-radius: 20px 0px 20px 0px;
    border: none;
}

#metaverse_game_development .mgd_btn:hover {
    color: #fff;
}

#metaverse_game_development .mgd_heighlights {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#metaverse_game_development .game_icon {
    font-size: 20px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

#metaverse_game_development .mgd_platform .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#metaverse_game_development .mgd_platform .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

#metaverse_game_development .mgd_platform .sub_content {
    color: #fff;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform_main {
    margin-top: 40px;
}

#metaverse_game_development .mgd_live .title {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#metaverse_game_development .mgd_live ul li {
    list-style: none;
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_live ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 16px;
}

#metaverse_game_development .mgd_live ul li i {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotation 2s infinite linear;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_element .mgd_element_card {
    padding: 10px;
    min-height: 158px;
    margin-top: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_element .mgd_element_img {
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #b12712;
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 0px 6px 0px #d3390c;
}

#metaverse_game_development .mgd_element .mgd_element_img:hover {
    box-shadow: 0px -1px 0px 5px #d3390c;
}

#metaverse_game_development .mgd_benefits .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card {
    padding: 15px;
    box-shadow: inset -3px -6px 16px 0px #897f7f8c, inset 9px 5px 14px 0px #202036;
    background-color: #ffffff17;
    border-radius: 5px;
    margin-top: 30px;
    min-height: 200px;
    display: grid;
    align-items: center;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card {
    padding: 10px;
    margin-top: 20px;
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    box-shadow: 8px 0px 0px 0px #f77905;
    border-radius: 20px 0px 20px 0px;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card_content {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_main_benefits .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card {
    padding: 20px;
    margin-top: 40px;
    border-radius: 20px;
    min-height: 285px;
    box-shadow: -1px 1px 6px 4px #00000087;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon_main {
    position: relative;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon {
    font-size: 40px;
    /*animation: zoom-in-zoom-out 2s ease-out infinite;*/
    color: #f77905;
    transform: rotate(323deg);
    position: absolute;
    top: -15px;
    left: -14px;
}

#metaverse_game_development .mgd_build_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
    padding: 15px;
    margin-top: 20px;
    min-height: 355px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_head {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_in {
    height: 70px;
    width: 70px;
    background: #181226;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #f77905;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out:before {
    content: "";
    -webkit-clip-path: polygon(100% 0, 0 0, 51% 100%);
    clip-path: polygon(100% 0, 0 0, 51% 100%);
    position: absolute;
    bottom: -20px;
    width: 30px;
    height: 30px;
    background: #f77905;
}

#metaverse_game_development .mgd_nft_game .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    display: flex;
    align-items: center;
    height: 450px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #fa7903fc;
    border-radius: 0px 80px 0px 80px;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    padding: 10px;
    border: 2px solid #ff6e00;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_nft_game .owl-dots {
    display: none;
}

#metaverse_game_development .mgd_nft_game .owl-carousel .owl-item img {
    width: 100% !important;
}

#metaverse_game_development .mgd_nft_game .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff6a00;
}

#metaverse_game_development .mgd_collabration .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card {
    padding: 40px 20px;
    margin-top: 20px;
    border-top: 2px dotted #ff7300;
    border-left: 2px dotted #ff7300;
    border-right: 2px dotted #ff7300;
    position: relative;
    border-radius: 20px;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    background: #ff7300;
    padding: 7px;
    position: absolute;
    top: 32px;
    left: 0;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_content {
    text-align: left;
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
}

#metaverse_game_development .mgd_why_MetaBlock .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li {
    display: flex;
    margin-top: 25px;
    align-items: center;
}

#metaverse_game_development .mgd_why_MetaBlock ul li i {
    color: #ff7300;
    font-size: 18px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    padding-left: 15px;
}

#metaverse_game_development .mgd_why_MetaBlock .mgd_why_MetaBlock_ul {
    display: grid;
    justify-content: flex-end;
}

#metaverse_game_development .metaverse_game_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_game_development .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

#metaverse_game_development .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    #metaverse_game_development .row_justify {
        display: inline;
        display: initial;
    }
    #metaverse_game_development .row_align {
        display: inline;
        display: initial;
    }
    .mgd_banner {
        background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #metaverse_game_development .mgd_banner .title {
        font-size: 30px;
        text-align: center;
    }
    #metaverse_game_development .mgd_banner .contents {
        text-align: center;
    }
    .mgd_btn_mob {
        text-align: center;
    }
    #metaverse_game_development .mgd_platform .title,
    #metaverse_game_development .mgd_live .title,
    #metaverse_game_development .mgd_element .title,
    #metaverse_game_development .mgd_benefits .title,
    #metaverse_game_development .mgd_build_platform .title,
    #metaverse_game_development .mgd_nft_game .title,
    .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_game_development .mgd_collabration .title,
    #metaverse_game_development .mgd_why_MetaBlock .title {
        font-size: 25px;
        line-height: 1.3;
    }
    #metaverse_game_development .mgd_platform .contents {
        text-align: justify;
    }
    #metaverse_game_development .mgd_platform .sub_title,
    #metaverse_game_development .mgd_platform .sub_content {
        text-align: center;
    }
    #metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
        margin-top: 0px;
        min-height: 0;
        min-height: initial;
    }
}

/*metaverse game dev style end*/

/*celebrity nft marketplace style start*/

#celebrity_nft_marketplace_dev {
    background: linear-gradient(45deg, #2f0f37, #1d0b3c, #1a0817);
    padding-bottom: 80px;
}

#celebrity_nft_marketplace_dev .cnmd_banner,
#celebrity_nft_marketplace_dev .cnmd_business,
#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    padding: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    margin-top: 50px;
}

@media (min-width: 767px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        /* background: url(../../asset/images/inner-pages/celebrity-nft-marketplace/banner.jpg); */
        height: 600px;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
}

#celebrity_nft_marketplace_dev .cnmd_banner .title {
    font-size: 40px;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 2px 2px #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_banner .contents {
    font-size: 18px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
    line-height: 1.6;
}

#celebrity_nft_marketplace_dev .row_justify {
    display: flex;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .row_align {
    display: flex;
    align-items: center;
}

#celebrity_nft_marketplace_dev .cnmd_btn {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    background: #ff5e00;
    border-radius: 5px;
}

#celebrity_nft_marketplace_dev .cnmd_business .title {
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_business .contents {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .contents {
    color: #fff;
    font-size: 17px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_platform .contents {
    text-align: center;
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
    padding: 20px 10px;
    background: #ffffff0f;
    margin-top: 35px;
    border: 1px solid #ffffff1c;
    border-radius: 10px;
    min-height: 335px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:after {
    top: 0%;
    right: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-left-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:before {
    top: 0%;
    left: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-right-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design {
    height: 70px;
    width: 70px;
    border-radius: 0px 0px 50% 50%;
    background: #ff5e00;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .title {
    text-align: left;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before {
    content: " \25C9";
    position: absolute;
    color: #ff5e00;
    left: -20px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 15px;
    line-height: 1.5;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card {
    background: #2f1a46b5;
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 4px 0px 0px #fb6711;
    border: 1px solid #e1d9e914;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_counter {
    counter-reset: cnmd_counter_increment;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card:before {
    counter-increment: cnmd_counter_increment;
    content: counter(cnmd_counter_increment);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background: #ff5e00;
    position: absolute;
    top: 8px;
    left: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card_content {
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_features .title {
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.2;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card {
    margin-top: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title {
    font-size: 20px;
    font-weight: 800;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title:before {
    content: "|";
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_content {
    font-size: 17px;
    color: #fff;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
    display: none;
}

@media(min-width:768px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
        display: flex;
        border-bottom: 0;
        border-bottom: initial;
        justify-content: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card {
        border: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .card-header {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-link {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:hover {
    background-color: #fb6711;
    color: #fff;
    border: none;
    border-radius: 40px 0px 40px 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
    border: none;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 19px;
    color: #fff;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 1px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 20px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li:before {
    content: "\276F";
    position: absolute;
    left: -15px;
    color: #ff5e00;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title {
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li {
    list-style: none;
    color: #fff;
    padding-top: 25px;
    font-size: 17px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
    content: "\25B6";
    position: absolute;
    left: -20px;
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_process .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_process .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card {
    display: flex;
    min-height: 295px;
    margin-top: 30px;
    border: 1px solid #ffffff38;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_content {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head_des {
    background: #fb6711;
    padding: 20px;
    border-radius: 0% 10px 90% 0px;
    width: 165px;
    height: 165px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_content_des {
    padding: 10px 15px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:before {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:after {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 1px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px 2px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
    width: 20px;
    height: 20px;
    background: #fb6711;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before {
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    right: 0;
    top: 130px;
    left: 0;
}

#celebrity_nft_marketplace_dev .cnmd_turn .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card {
    padding: 15px 10px;
    margin-top: 20px;
    border: 1px dotted #ff5e00;
    min-height: 170px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    min-height: 105px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .platform_icons {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

#celebrity_nft_marketplace_dev .platform_icons_new {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#celebrity_nft_marketplace_dev .process_icons_new {
    height: 70px;
    width: 70px;
    object-fit: none;
    margin: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_line {
    width: 100px;
    height: 2px;
    background: #ff5e00;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        height: 500px;
        display: flex;
        align-items: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .title,
    #celebrity_nft_marketplace_dev .cnmd_business .title,
    #celebrity_nft_marketplace_dev .cnmd_superlative .title,
    #celebrity_nft_marketplace_dev .cnmd_platform .title,
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity .title,
    #celebrity_nft_marketplace_dev .cnmd_features .title,
    #celebrity_nft_marketplace_dev .cnmd_benefits .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title,
    #celebrity_nft_marketplace_dev .cnmd_process .title,
    #celebrity_nft_marketplace_dev .cnmd_collaboration .title,
    #celebrity_nft_marketplace_dev .cnmd_turn .title,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .contents,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_btn_mob {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_business .contents,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
        text-align: justify;
    }
    #celebrity_nft_marketplace_dev .cnmd_line {
        margin: 0 auto;
    }
    #celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
        min-height: auto;
    }
    #celebrity_nft_marketplace_dev .row_align {
        display: grid;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header {
        background: #fff;
        padding: 8px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header h5 {
        font-weight: 800;
        font-size: 18px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-body {
        height: 250px;
        overflow: scroll;
    }
}

/*celebrity nft marketplace style end*/

/*cryptocurrency exchange script new style start*/

.cryptocurrency_exchange_script {
    background: #fff;
    padding-bottom: 50px;
}

.cryptocurrency_exchange_script .cesd_banner,
.cryptocurrency_exchange_script .cesd_what,
.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    padding: 0px;
}

.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    /* margin-top: 70px;*/
    padding-top: 60px;
}

.cryptocurrency_exchange_script .row_justify {
    display: flex;
    justify-content: center;
}

.cryptocurrency_exchange_script .row_align {
    display: flex;
    align-items: center;
}

.cryptocurrency_exchange_script .cesd_banner {
    background: #fff;
    height: 100%;
    padding-top: 130px;
    padding-bottom: 80px;
}

.cryptocurrency_exchange_script .cesd_banner .title {
    font-weight: 800;
    text-align: left;
    font-size: 35px;
    text-transform: uppercase;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_banner .contents {
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_btn {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    background: #9d0035;
    border-radius: 5px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card {
    border: 1px solid #000;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card_main {
    width: auto;
}

.cryptocurrency_exchange_script .cesd_what .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_what .contents {
    color: #000;
    font-size: 16px;
    text-align: center;
}

.cryptocurrency_exchange_script .cesd_whitelabel {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_whitelabel .title {
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_whitelabel .contents {
    color: #000;
    font-size: 16px;
    text-align: justify;
}

.cryptocurrency_exchange_script .cesd_scope .title {
    font-size: 35px;
    color: #000;
    font-weight: 800;
    text-align: left;
    line-height: 1.1;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_scope ul li {
    list-style: none;
    color: #000;
    font-size: 16px;
    padding-top: 15px;
    position: relative;
}

.cryptocurrency_exchange_script .cesd_scope ul li:before {
    content: "\25B6";
    color: #1ef4f4;
    position: absolute;
    left: -20px;
}

.cryptocurrency_exchange_script .cesd_workflow {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_workflow .title {
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .title {
    color: #000;
    font-weight: 800;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_various_business .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card {
    margin-top: 30px;
    min-height: 408px;
    border: 1px solid #ae2a54;
    padding: 20px;
    box-shadow: 0px 0px 4px 2px #ae2a54;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_head {
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    padding-top: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_content {
    color: #000;
    text-align: justify;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    background: #ae2a54;
}

.cryptocurrency_exchange_script .cesd_features .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_features .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head {
    color: #000;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head:before {
    content: "|";
    color: #9d0035;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_corefeatures {
    background: linear-gradient(144deg, #16a7af, transparent, transparent, transparent, transparent, #16a7af);
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
    display: none;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
    color: #000;
    font-weight: 800;
    font-size: 20px;
}

@media(min-width:768px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
        display: flex;
        border-bottom: none;
        justify-content: center;
        border: 1px solid #15e9f4;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li {
        border-left: 1px solid #15e9f4;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a:hover {
        background: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
        margin-right: 0px;
        border: none;
        border-radius: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a:hover {
        background-color: #16a7af;
        color: #fff;
        border: 0px;
        border-bottom-color: #fff;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card {
        border: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .card-header {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
    margin-top: 20px;
    border: 1px solid #16a7af;
    padding: 13px;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 3px 3px 0px #16a7af;
    min-height: 212px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_head {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-top: 10px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_content {
    text-align: center;
    font-size: 16px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_clone .title {
    font-weight: 800;
    text-align: left;
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_clone .contents {
    text-align: left;
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card {
    padding: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_clone .item {
    background: #001b1d;
    /* box-shadow: 1px 2px 1px 1px #fff; */
    border: 1px solid #053e42;
    border-radius: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_icon_design {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #d40042;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 1px #d80043;
}

.cryptocurrency_exchange_script .cesd_clone .owl-dots {
    display: none;
}

.cryptocurrency_exchange_script .cesd_clone .owl-nav {
    position: absolute;
    left: 47%;
    bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_clone .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 20px;
    margin: 5px;
    padding: 4px 10px;
    background: #c7094d;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.cryptocurrency_exchange_script .cesd_platform {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
    padding: 20px 30px;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_head {
    color: #000;
    font-size: 20px;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .timeline_after {
    position: relative;
}

.cryptocurrency_exchange_script .timeline_after:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0px;
    background: #000;
    left: 50%;
    right: 50%;
    width: 1px;
}

.cryptocurrency_exchange_script .timeline_counter_after {
    position: relative;
    overflow: hidden;
    counter-increment: timeline_counter_before;
}

.cryptocurrency_exchange_script .timeline_counter_after:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #0eb4bd;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    content: counter(timeline_counter_before);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
}

.cryptocurrency_exchange_script .timeline_counter_after:before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    border: 2px solid #fff;
    border-left-color: #c7094d;
    border-right-color: #c7094d;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.cryptocurrency_exchange_script .cesd_collaboration {
    background: #fff;
    margin-bottom: 35px;
}

.cryptocurrency_exchange_script .cesd_collaboration .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card {
    margin-top: 35px;
    padding: 20px;
    background: linear-gradient(4deg, #b11848, #e01a58, #bd194c);
    border: 1px dotted #ffffff24;
    border-radius: 20px 0px 20px 0px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_project {
    background: #fff;
}

.cryptocurrency_exchange_script .cesd_project .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_content {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #16b4bd;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0eb4bda8;
    box-shadow: 0px 0px 4px 3px #16b4bd;
}

.cryptocurrency_exchange_script .project_after_line {
    position: relative;
}

.cryptocurrency_exchange_script .project_after_line:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #0eb4bd;
    position: absolute;
    top: 140px;
}

.cryptocurrency_exchange_script .project_after_round {
    width: 20px;
    height: 20px;
    background: #0eb4bd;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_business_icon {
    height: 60px;
    width: 60px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_clone_icon {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_project_icon {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.cryptocurrency_exchange_script .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    .cryptocurrency_exchange_script .row_justify {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .row_align {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .cesd_banner .title,
    .cryptocurrency_exchange_script .cesd_whitelabel .title,
    .cryptocurrency_exchange_script .cesd_scope .title,
    .cryptocurrency_exchange_script .cesd_various_business .title,
    .cryptocurrency_exchange_script .cesd_features .title,
    .cryptocurrency_exchange_script .cesd_corefeatures .title,
    .cryptocurrency_exchange_script .cesd_clone .title,
    .cryptocurrency_exchange_script .cesd_platform .title,
    .cryptocurrency_exchange_script .cesd_collaboration .title,
    .cryptocurrency_exchange_script .cesd_project .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    .cryptocurrency_exchange_script .cesd_banner .contents {
        text-align: center;
    }
    .cesd_btn_align {
        text-align: center;
    }
    .cryptocurrency_exchange_script .cesd_banner {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .cryptocurrency_exchange_script .cesd_what .title {
        font-size: 25px;
    }
    .cryptocurrency_exchange_script .cesd_what .contents {
        text-align: justify;
    }
    .cryptocurrency_exchange_script .cesd_whitelabel,
    .cryptocurrency_exchange_script .cesd_scope,
    .cryptocurrency_exchange_script .cesd_workflow,
    .cryptocurrency_exchange_script .cesd_various_business,
    .cryptocurrency_exchange_script .cesd_features,
    .cryptocurrency_exchange_script .cesd_corefeatures,
    .cryptocurrency_exchange_script .cesd_clone,
    .cryptocurrency_exchange_script .cesd_platform,
    .cryptocurrency_exchange_script .cesd_collaboration,
    .cryptocurrency_exchange_script .cesd_project {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_features .cesd_features_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
        min-height: 0;
        min-height: initial;
    }
    .cryptocurrency_exchange_script .cesd_btn {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .cryptocurrency_exchange_script .cesd_clone .owl-nav {
        left: 36%;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:before {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
        padding: 0px;
    }
    .cryptocurrency_exchange_script .project_after_round {
        display: none;
    }
    .cryptocurrency_exchange_script .project_after_line:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_project .cesd_project_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .card-header {
        background: #fff;
        margin-top: 10px;
    }
    .cryptocurrency_exchange_script .card-header h5 {
        font-size: 20px;
        font-weight: 800;
    }
    .cryptocurrency_exchange_script .card-body {
        height: 200px;
        overflow: scroll;
    }
    .cryptocurrency_exchange_script .cesd_line {
        display: none
    }
    .cryptocurrency_exchange_script .line {
        display: none
    }
}

/*cryptocurrency exchange script new style end*/

/* Blockchain Game Devlopment new style starts */

.blockchain_game_dev .row_justify {
    display: flex;
    justify-content: center;
}

.blockchain_game_dev .bgd_banner {
    padding: 50px;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_benefits,
.blockchain_game_dev .bgd_platform,
.blockchain_game_dev .bgd_usecase,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.blockchain_game_dev .row_align {
    display: flex;
    align-items: center;
}

.blockchain_game_dev .bgd_banner_btn {
    font-size: 16px;
    color: #fff !important;
    font-weight: 800;
    text-align: center;
    background: #fe5b6d;
    border-radius: 5px;
}

@media (min-width: 767px) {
    .blockchain_game_dev .bgd_banner {
        background: linear-gradient(45deg, #151027, #1b122a, #151027);
        height: 100vh;
        display: flex;
        align-items: center;
        /* background: url('../../asset/images/inner-pages/blockchain-game-dev/banner.png'); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
    }
}

.blockchain_game_dev .bgd_banner .title {
    text-align: left;
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    background: linear-gradient(45deg, #151027, #1b122a, #151027);
}

.blockchain_game_dev .bgd_top_notch .title {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_top_notch .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_bg {
    width: 15px;
    height: 15px;
    background: #ff5c6e;
    display: block;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 20px #ff5c6e;
}

.blockchain_game_dev .bgd_services .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_services .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_services .bgd_services_list_design {
    background: linear-gradient(130deg, rgb(234 83 102 / 37%) 0%, rgb(11 11 46) 15%, rgb(49 23 55) 100%);
    display: flex;
    align-items: center;
    height: 500px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #f25669;
    border-radius: 0px 80px 0px 80px;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content_design {
    background: linear-gradient(130deg, rgb(245 88 106 / 33%) 0%, rgb(11 11 46) 39%, rgb(36 19 52) 88%);
    padding: 10px;
    border: 2px solid #ff5c6e;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_services .owl-carousel .owl-item img {
    width: 100% !important;
}

.blockchain_game_dev .bgd_services .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

.blockchain_game_dev .bgd_services .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

.blockchain_game_dev .bgd_services .owl-dots {
    display: none;
}

.blockchain_game_dev .bgd_game .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_game .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list {
    padding: 25px;
    margin-top: 35px;
    box-shadow: 0px 0px 11px 6px #1502095c;
    border-radius: 20px;
    background: linear-gradient(45deg, #60264330, #130e30a1);
    min-height: 295px;
    position: relative;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_title {
    color: #ff6273;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list:after {
    content: "";
    border: 1px solid #ff627369;
    position: absolute;
    width: 93%;
    height: 88%;
    left: 15px;
    border-radius: 20px;
    top: 15px;
}

.blockchain_game_dev .bgd_benefits .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list {
    display: flex;
    margin-top: 20px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_title {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 18px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list_main {
    margin-left: 15px;
}

.blockchain_game_dev .bgd_platform .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_platform .contents {
    text-align: center;
    font-size: 16px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list {
    background: #191129;
    padding: 15px;
    box-shadow: 0px 0px 20px 13px #05050536;
    margin-top: 10px;
    min-height: 330px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 0px;
    position: relative;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ff6273;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -7px;
    transform: translate(-50%, 50%);
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul {
    display: grid;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li {
    list-style: none;
    padding-top: 20px;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li:before {
    content: "\25C9";
    position: absolute;
    left: 0px;
    color: #ff6273;
}

.blockchain_game_dev .bgd_usecase .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list {
    padding: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_title {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_content {
    color: #000;
    font-size: 16px;
    padding-top: 7px;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #191129;
    position: absolute;
    top: 0px;
    left: 50%;
    right: 50%;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side:after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #ff6273;
    position: absolute;
    left: 100%;
    top: 15px;
    right: 0px;
    bottom: 0px;
    transform: translate(-50%, 50%);
    z-index: 1;
}

.blockchain_game_dev .bgd_process .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .title {
    text-align: left;
    font-weight: 800;
    color: #fff;
    font-size: 50px;
    line-height: 1.0;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .contents {
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list {
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    border-radius: 15px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #000;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

.blockchain_game_dev .services_img {
    width: 320px;
    height: 340px;
    object-fit: none;
}

.bgd_benefits_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    max-width: none;
    max-width: initial;
}

@media only screen and (max-width: 600px) {
    .blockchain_game_dev .bgd_banner {
        background: #161128;
        padding: 0px;
        height: 500px;
        display: flex;
        align-items: center;
    }
    .blockchain_game_dev .row_justify,
    .blockchain_game_dev .row_align {
        display: inline;
        display: initial;
    }
    .blockchain_game_dev .bgd_banner .title {
        text-align: center;
        font-size: 30px;
    }
    .blockchain_game_dev .bgd_banner .contents,
    .blockchain_game_dev .bgd_stand .title,
    .blockchain_game_dev .bgd_stand .contents {
        text-align: center;
    }
    .bgd_banner_btn_mob {
        text-align: center !important;
    }
    .blockchain_game_dev .bgd_top_notch .title,
    .blockchain_game_dev .bgd_services .title,
    .blockchain_game_dev .bgd_game .title,
    .blockchain_game_dev .bgd_benefits .title,
    .blockchain_game_dev .bgd_platform .title,
    .blockchain_game_dev .bgd_usecase .title,
    .blockchain_game_dev .bgd_process .title,
    .blockchain_game_dev .bgd_stand .title {
        font-size: 25px;
    }
    .blockchain_game_dev .bgd_usecase .bgd_usecase_side:after,
    .blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
        display: none;
    }
}

/* Blockchain Game Devlopment new style ends */

/*white label cryptocurrency software start*/

.white_label_main .row_justify {
    display: flex;
    justify-content: center;
}

.white_label_main .wl_banner {
    height: 100vh;
    /* background: url('../../asset/images/inner-pages/whitelabel-crypto/whitelabel-banner.png'); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.white_label_main .wl_banner .title {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.white_label_main .wl_banner .contents {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    padding-top: 10px;
}

.white_label_main .wl_btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    padding: 15px;
    border-radius: 50px;
    margin-top: 7px;
}

.white_label_main .wl_btn_hover:hover {
    background: #fff;
    color: #000;
}

.white_label_main .wl_dev,
.white_label_main .wl_features_sec,
.white_label_main .wl_types,
.white_label_main .wl_benefits,
.white_label_main .wl_process,
.white_label_main .wl_why,
.white_label_main .wl_hire,
.white_label_main .wl_automate,
.white_label_main .wl_breadcrumb {
    padding: 0px;
}

.white_label_main .wl_dev {
    margin-top: 20px;
}

.white_label_main .wl_dev .title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    line-height: 1.3;
    text-align: center;
}

.white_label_main .wl_dev .contents {
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: 1.7;
    padding-top: 10px;
}

.white_label_main .wl_features_sec .wl_features_head .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.white_label_main .wl_features_sec .wl_features_head .contents {
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
}

.white_label_main .wl_features_sec .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    .white_label_main .wl_features_sec .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li>a {
        border: 1px solid #ad1650 !important;
        border-radius: 0px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 800;
        color: #ad1650;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li.active>a {
        background: #ad1650;
        color: #fff;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-heading {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: #ad1650;
        padding: 15px 10px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-title a {
        display: block;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a .panel-title {
        font-weight: 800;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

.white_label_main .wl_features_sec .features_list {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    box-shadow: 1px 1px 12px 0px rgb(151 163 184 / 50%);
}

.white_label_main .wl_features_sec {
    margin-top: 20px;
    background: #cccccc38;
}

.white_label_main .wl_features_sec .features_list .sub_content {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.white_label_main .wl_types {
    margin-top: 20px;
}

.white_label_main .wl_types .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_types .types_list {
    padding: 15px;
    margin-top: 20px;
    text-align: center;
    border: 1px dotted #000;
    min-height: 326px;
}

.white_label_main .wl_types .types_list .sub_title {
    font-size: 19px;
    font-weight: 800;
}

.white_label_main .wl_types .types_list .sub_content {
    font-size: 15px;
}

.white_label_main .wl_benefits {
    margin-top: 50px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_benefits .title {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
}

.white_label_main .wl_benefits ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_benefits ul {
    padding-left: 0px;
}

.white_label_main .wl_benefits ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .line {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
}

.white_label_main .line_center {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
    margin: 0 auto;
    margin-bottom: 10px;
}

.white_label_main .row_align {
    display: flex;
    align-items: center;
}

.white_label_main .wl_process {
    margin-top: 20px;
}

.white_label_main .wl_process .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

.white_label_main .wl_process .process_list .sub_title {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
}

.white_label_main .wl_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
}

.white_label_main .wl_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ae2a53;
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.white_label_main .wl_why {
    margin-top: 40px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_why .title {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_why .contents {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 10px;
}

.white_label_main .wl_why ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_why ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .wl_hire {
    margin-top: 30px;
    margin-bottom: 30px;
}

.white_label_main .wl_hire .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_hire .contents {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.wl_automate {
    margin-top: 40px;
}

.wl_automate_div {
    border: 2px solid #205a5d;
    padding: 40px;
    text-align: center;
    border-radius: 5px;
}

.wl_automate .contents {
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3
}

.wl_breadcrumb {
    margin-top: 20px;
}

@media only screen and (max-width: 600px) {
    .white_label_main .row_justify,
    .white_label_main .row_align {
        display: inherit;
    }
    .white_label_main .wl_banner .title,
    .white_label_main .wl_dev .title,
    .white_label_main .wl_features_sec .wl_features_head .title,
    .white_label_main .wl_types .title,
    .white_label_main .wl_benefits .title,
    .white_label_main .wl_process .title,
    .white_label_main .wl_why .title,
    .white_label_main .wl_hire .title,
    .wl_automate .contents {
        font-size: 25px;
    }
    .white_label_main .wl_banner .contents {
        font-size: 18px;
    }
    .white_label_main .wl_dev .contents,
    .white_label_main .wl_hire .contents {
        text-align: justify;
    }
    .white_label_main .wl_types .types_list {
        min-height: 0;
        min-height: initial;
    }
    .white_label_main .wl_benefits ul {
        padding-left: revert;
    }
}

/*white label cryptocurrency software end*/

/* web 3.0 Development company starts  */

.web-3-0-development-company .cesd_various_business .cesd_various_business_card {
    min-height: 330px;
}

.web-3-0-development-company .cesd_various_business .cesd_various_business_icon_design {
    margin: 0px auto;
}

.web-3-0-development-company .MetaBlock_nft_services .contents,
.web-3-0-development-company .cesd_collaboration .contents,
.web-3-0-development-company .cesd_corefeatures .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.web-3-0-development-company .card__side {
    min-height: 230px;
    height: 230px;
}

.web-3-0-development-company .cesd_collaboration .cesd_collaboration_card {
    min-height: 255px;
    margin-bottom: 22px;
}

.web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    position: absolute;
    margin-top: -61px;
    margin-left: -27px;
}

.web-3-0-development-company .cesd_clone .owl-nav {
    bottom: 5px;
}

.web-3-0-development-company .bcgnd_clr {
    background-image: radial-gradient(circle at center center, transparent 0%, rgb(0, 0, 0) 85%), linear-gradient(78deg, rgba(192, 192, 192, 0.05) 0%, rgba(192, 192, 192, 0.05) 50%, rgba(60, 60, 60, 0.05) 50%, rgba(60, 60, 60, 0.05) 100%), linear-gradient(227deg, rgba(97, 97, 97, 0.05) 0%, rgba(97, 97, 97, 0.05) 50%, rgba(52, 52, 52, 0.05) 50%, rgba(52, 52, 52, 0.05) 100%), linear-gradient(240deg, rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 50%, rgba(249, 249, 249, 0.05) 50%, rgba(249, 249, 249, 0.05) 100%), linear-gradient(187deg, rgba(1, 1, 1, 0.05) 0%, rgba(1, 1, 1, 0.05) 50%, rgba(202, 202, 202, 0.05) 50%, rgba(202, 202, 202, 0.05) 100%), linear-gradient(101deg, rgba(61, 61, 61, 0.05) 0%, rgba(61, 61, 61, 0.05) 50%, rgba(254, 254, 254, 0.05) 50%, rgba(254, 254, 254, 0.05) 100%), linear-gradient(176deg, rgba(237, 237, 237, 0.05) 0%, rgba(237, 237, 237, 0.05) 50%, rgba(147, 147, 147, 0.05) 50%, rgba(147, 147, 147, 0.05) 100%), linear-gradient(304deg, rgba(183, 183, 183, 0.05) 0%, rgba(183, 183, 183, 0.05) 50%, rgba(57, 57, 57, 0.05) 50%, rgba(57, 57, 57, 0.05) 100%), radial-gradient(circle at center center, hsl(351, 4%, 12%), hsl(351, 4%, 12%));
}

.web-3-0-development-company .cryptocurrency_exchange_script {
    padding-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    .web-3-0-development-company .cesd_banner {
        padding-top: 100px;
    }
    .web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin: 0px auto;
    }
    .web-3-0-development-company .card-body {
        height: auto;
        overflow: hidden;
    }
}

/* web 3.0 Development company ends  */

/*================TESTIMONAL CSS - START ======================*/

.essential_page_testimonal #essential_sec1 {
    /*background-color: #eee;*/
    /* background-image: url(../oimages/essentials/testimonials/bg-cover.png); */
    height: 500px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

#essential_sec1 {
    /* margin-top: 8rem;
background-position: bottom;*/
}

#essential_sec1 .essential_content_wrap .essential_title {
    color: #193060;
    font-size: 45px;
    font-weight: 800;
    padding-top: 30px;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 20px;
    color: #526283;
    margin-top: 20px;
}

#essential_sec2 .essential_content_wrap #mainTabs {
    justify-content: center;
    display: flex;
    border-bottom: 1px solid #de4141;
}

#essential_sec2 .essential_content_wrap #mainTabs li a {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 0;
    border: 0;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a {
    background-color: #de4141;
    color: #fff;
}

#essential_sec2 .essential_content_wrap #mainTabs li>a:hover {
    border: 0;
    color: #de4141db;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a:hover {
    color: #fff;
}

.testimonal_content_wrap {
    margin-top: 5rem;
    min-height: 190px;
}

.testimonal_customername {
    font-size: 27px;
    font-weight: 700;
    color: #d12b2b;
}

.testimonal_location {
    font-size: 21px;
    font-weight: 500;
    color: #8c8c8c;
}

.testimonal_feedback {
    margin-top: 1rem;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

.testimonal_customer_detail {
    display: flex;
    align-items: center;
    font-style: italic;
    margin-bottom: 5px;
}

.testimonal_customer_detail .circle_dot {
    width: 6px;
    height: 5px;
    background-color: #9d9d9d;
    border-radius: 20px;
    margin: 0px 6px;
}

.testimonal_content_wrap iframe {
    border-radius: 10px;
}

@media (max-width: 767px) {
    #essential_sec1 {
        background-position: left;
        text-align: center;
        margin-top: 3rem;
    }
    #essential_sec1 .essential_content_wrap .essential_title {
        color: #193060;
        font-size: 36px;
        font-weight: 800;
    }
    #essential_sec2 .essential_content_wrap #mainTabs li a {
        font-size: 16px;
    }
    .testimonal_customer_detail {
        display: block;
    }
    .testimonal_customer_detail .circle_dot {
        display: none;
    }
    .testimonal_customername {
        margin-bottom: 1.5rem;
    }
    .testimonal_content_wrap {
        min-height: auto;
        margin-top: 4rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #dcdcdc;
    }
    .testimonal_content_wrap iframe {
        border-radius: 10px;
        width: 100%;
        height: auto;
    }
    .essential_pages#essential_sec2 {
        padding-bottom: 0;
    }
}

/*================TESTIMONAL CSS - END ======================*/

/*==================== SCAMMER PAGE - START ================== */

.essential_page_scammer #essential_sec1 {
    padding: 60px 0px;
    text-align: center;
    /* background-image: url(../oimages/essentials/scam/banner.png); */
}

.essential_page_scammer #essential_sec1 .essential_content_wrap {
    text-align: left;
}

.essential_page_scammer #essential_sec1 .essential_content_wrap p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_scammer #essential_sec2 .essential_content_wrap {
    padding: 10px;
}

.essential_page_scammer #essential_sec2 {
    position: relative;
}

.essential_page_scammer #essential_sec2:before {
    position: absolute;
    width: 100%;
    height: 20%;
    /*background-color:#e6eff4;*/
    content: '';
}

.scam_form #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_scammer #essential_form {
    padding-top: 0;
}

.scam_form #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.scam_form #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column textarea {
    width: 100%;
    padding: 17px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border-radius: 3px;
}

.scam_form #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_scammer #essential_sec1 .essential_content_wrap {
        text-align: center;
    }
    .scam_form #essential_form .essential_content_wrap {
        padding: 25px;
        margin-bottom: 2rem;
    }
}

/*==================== SCAMMER PAGE - END ================== */

/*==================== CASESTUDIES - START ================== */

.essential_page_casestudydetails #essential_sec1 .essential_content_wrap .essential_title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -1px;
    padding-bottom: 2rem;
    margin-top: 1rem;
}

.essential_page_casestudydetails #essential_sec1 {
    margin-top: 1rem;
    background-position: top;
    padding-top: 0;
}

.casetudy_details_descs {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.39;
    color: #49505e;
    margin-bottom: 1.9rem;
}

.casetudy_details_descs.casestudydetails_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
}

.casetudy_details_descs.casestudydetails_heads {
    color: #193060;
    font-size: 20px;
    font-weight: 700;
}

.essential_page_casestudydetails #essential_form {
    padding-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
    margin-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_casestudydetails #essential_form p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

.essential_page_casestudydetails #essential_form {
    background-color: #f3f3f3;
    padding: 80px 0px;
}

.essential_page_casestudydetails #essential_form .form_wrap {
    text-align: center;
    width: 60%;
    margin: 0 auto 2rem auto;
}

.essential_page_casestudydetails .custom_row {
    justify-content: center;
    display: flex;
}

.casestudy_breadcrump ol {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 1rem;
}

.casestudy_breadcrump ol li {
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
}

.casestudy_breadcrump ol>li+li:before {
    padding: 0 5px;
    color: #111;
    content: ">";
}

@media (max-width: 767px) {
    .case_stu_sec_img {
        padding-top: 100px !important;
    }
    .essential_page_casestudydetails #essential_sec1 {
        text-align: left;
        margin-top: 0rem;
    }
    .essential_page_casestudydetails #essential_form .form_wrap {
        width: 100%;
    }
}

/*==================== CASESTUDIES - END ================== */

/*==================== FEEDBACK - START ================== */

.essential_page_feedback #essential_sec1 {
    /* background-image: url(../oimages/essentials/feedback/feedback.png); */
}

.essential_page_feedback #essential_form .selection_wrap label {
    font-weight: 500;
    font-size: 14px;
}

.essential_page_feedback #essential_form .feedback_head {
    font-weight: 700;
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .form_column {
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .inner_container {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_feedback #essential_form {
    padding-top: 0;
    position: relative;
}

.essential_page_feedback #essential_form:before {
    /*background-color: #e6eff4;*/
    position: absolute;
    content: '';
    width: 100%;
    height: 8%;
    z-index: -1;
}

.essential_page_feedback {}

.essential_page_feedback #essential_form .feedback_inputs_wrap {
    margin: 1.6rem 0;
}

.essential_page_feedback #essential_form .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_feedback #essential_form {
        padding-bottom: 0;
    }
}

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
}

.essential_page_feedback .starrating>input {
    display: none;
}

/* Remove radio buttons */

.essential_page_feedback .starrating>label:before {
    content: "\f005";
    /* Star */
    margin: 2px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block;
}

.essential_page_feedback .starrating>label {
    color: #222222;
    /* Start color when not clicked */
}

.essential_page_feedback .starrating>input:checked~label {
    color: #ff8f00;
}

/* Set yellow color when star checked */

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
    justify-content: left;
}

.essential_page_feedback .starrating>input:hover~label {
    color: #ff8f00;
}

/* Set yellow color when star hover */

/*==================== FEEDBACK - END ================== */

/*==================== CASESTUDY - START ================== */

.essential_page_casestudyhome #essential_sec1 {
    /* background-image: url(../oimages/essentials/casestudies/casestudy-home.jpg); */
    background-position: top;
    position: relative;
}

.essential_page_casestudyhome #essential_sec1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #07102194;
    content: '';
    top: 0;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_title {
    color: #fff;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #f1f5ff;
    line-height: 1.4;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_descs {
    color: #494848;
    font-weight: 500;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 1px 5px -3px black;
    min-height: 450px;
    margin-top: 30px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_cardswrap {
    padding: 25px 30px;
}

.essential_page_casestudyhome #casestudy_cards {
    padding-top: 25px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol li {
    font-size: 15px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol {
    margin-bottom: 1rem;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump {
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .essential_page_casestudyhome #essential_sec1:before {
        left: 0;
    }
}

/*==================== CASESTUDY - END ================== */

/*==================== COMPLAINT BOARD - END ================== */

.essential_page_complaintboard #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group textarea {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 25px;
    border: 2px dashed rgb(34 33 33 / 40%);
    border-radius: 3px;
    transition: 0.2s;
    justify-content: center;
    background-color: #f7f7f7;
}

.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 0px solid rgba(255, 255, 255, 0.1);
    border-radius: 0px;
    margin-right: 10px;
    color: #3586FF;
    font-weight: 600;
}

.file-message {
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

.essential_page_complaintboard #essential_form {
    padding-top: 0;
}

.essential_page_complaintboard #essential_sec1 {
    /* background-image: url(../oimages/essentials/complaint-board/banner.jpg); */
}

/*.essential_page_complaintboard #essential_form:before {
background-color: #e6eff4;
position: absolute;
content: '';
width: 100%;
height: 10%;
z-index: -1;
}*/

@media (max-width: 767px) {
    .essential_page_complaintboard #essential_form .essential_content_wrap {
        padding: 20px;
    }
    .essential_page_complaintboard #essential_form {
        padding-bottom: 20px;
    }
}

@media (max-width:991px) {
    #nftmarki_what:before {
        background: none;
        background-color: #f2f4f8;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
        width: 100%;
    }
}

/*binance new style start*/

.binance_main .banner_sec {
    padding: 0px;
    /* background: url('../../asset/images/inner-pages/binance_new/banner.png'); */
    height: 100vh;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.binance_main .banner_sec:after {
    content: 'Binance clone script';
    font-size: 75px;
    font-weight: 800;
    color: #ffffff00;
    text-transform: uppercase;
    position: absolute;
    top: 15%;
    left: 0px;
    right: 0px;
    -webkit-text-stroke: 1px #ffffff14;
    transform: translate(17%, 50%);
    letter-spacing: 3px;
}

.binance_main .row_justify {
    display: flex;
    justify-content: center;
}

.binance_main .row_align {
    display: flex;
    align-items: center;
}

.binance_main .banner_sec .title {
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.binance_main .banner_sec .contents {
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 30px;
}

.binance_main .clone_sec {
    padding: 50px 0px;
}

.binance_main .clone_sec .title {
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.binance_main .clone_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .clone_bg {
    position: relative;
}

.binance_main .clone_bg:after {
    content: "";
    /* background: url('../../asset/images/inner-pages/binance_new/clone-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec {
    padding: 50px 0px;
    background: #F1EBEB;
    position: relative;
}

.binance_main .whitelabel_sec:after {
    content: "";
    /* background: url('../../asset/images/inner-pages/binance_new/whitelabel-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .whitelabel_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .whitelabel_sec .white_index {
    z-index: 1;
    position: relative;
}

.binance_main .features_sec {
    padding: 50px 0px;
}

.binance_main .features_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.binance_main .features_sec .features_list {
    padding: 10px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-height: 335px;
    transition: 0.5s;
}

.binance_main .features_sec .features_list:hover {
    transform: scale(1.1);
    background: #e4970021;
}

.binance_main .features_sec .features_list .sub_title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.binance_main .features_sec .features_list .sub_content {
    font-size: 17px;
    line-height: 1.8;
}

.binance_main .features_sec .features_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .security_sec {
    background: linear-gradient(180deg, rgba(67, 66, 66, 0.26) 0%, rgba(241, 235, 235, 0) 100%);
    padding: 50px 0px;
}

.binance_main .security_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.binance_main .security_sec .security_list {
    padding: 10px;
    margin-top: 10px;
    min-height: 260px;
}

.binance_main .security_sec .security_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.binance_main .security_sec .security_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .security_sec .row_after_line {
    position: relative;
}

.binance_main .security_sec .row_after_line:after {
    content: "";
    top: 25px;
    width: 1px;
    height: 750px;
    background-color: #00000059;
    position: absolute;
    left: 33%;
}

.binance_main .security_sec .border_bottom {
    border-bottom: 1px solid #00000059;
}

.binance_main .app_sec {
    padding: 50px 0px;
    border-top: 1px solid #ccc;
}

.binance_main .app_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .app_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .benefits_sec {
    padding: 50px 0px;
    background: linear-gradient(90deg, #FEF3A7 -38.65%, #FFFFFF 48.12%, #FEF3A8 136.72%);
}

.binance_main .benefits_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .benefits_sec .benefits_list {
    padding: 10px;
    margin-top: 30px;
    background: linear-gradient(179.97deg, #FEF29F 0.02%, rgba(255, 255, 255, 0) 86.75%);
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 3px rgba(102, 80, 1, 0.24);
    border-radius: 10px;
    min-height: 300px;
    transition: 0.5s;
}

.binance_main .benefits_sec .benefits_list:hover {
    transform: scale(1.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_img {
    background: #FFC700;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_icons {
    filter: brightness(0);
}

.binance_main .benefits_sec .benefits_list .sub_title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.binance_main .benefits_sec .benefits_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .benefits_sec .benefits_img {
    background: #000000;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.binance_main .benefits_sec .benefits_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .crypto_sec {
    padding: 50px 0px;
}

.binance_main .crypto_sec .title {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .crypto_sec .crypto_list {
    padding: 10px;
}

.binance_main .crypto_sec .crypto_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.binance_main .crypto_sec .crypto_list .sub_content {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 0px;
}

.binance_main .crypto_sec .crypto_list .counter {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFC700;
    font-size: 30px;
    color: #fff;
}

.binance_main .tech_sec {
    padding: 50px 0px;
    background: #000000;
}

.binance_main .tech_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

.binance_main .tech_sec .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.binance_main .unique_sec {
    padding: 50px 0px;
}

.binance_main .unique_sec .title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.binance_main .unique_sec .contents {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .unique_sec ul li {
    list-style: none;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    position: relative;
}

.binance_main .unique_sec ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -25px;
    color: #deaf06;
    font-size: 20px;
}

.binance_main .banner_btn {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    background: #e6ca00;
    border-radius: 0px;
    color: #000 !important;
    padding: 10px 30px;
    -webkit-clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    position: relative;
    border: 1px solid #fff;
}

.binance_main .banner_btn:after {
    border-top-style: solid;
    top: 0px;
    left: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_one 3s alternate infinite;
}

.binance_main .banner_btn:before {
    border-bottom-style: solid;
    bottom: 0px;
    right: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_two 3s alternate infinite;
}

@keyframes binance_border_two {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-155px);
    }
}

@keyframes binance_border_one {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(155px);
    }
}

.binance-whatsapp {
    background: #006e29;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

.binance-telegram {
    background: #4eaff0;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

@media(max-width: 991px) {
    .binance_main .banner_sec {
        background: #181818;
        height: auto;
        height: initial;
        padding: 100px 0px;
        text-align: center;
    }
    .binance_main .clone_bg:after,
    .binance_main .whitelabel_sec:after,
    .binance_main .security_sec .row_after_line:after,
    .binance_main .banner_sec:after {
        display: none;
    }
    .binance_main .clone_bg,
    .binance_main .whitelabel_sec,
    .binance_main .app_sec {
        text-align: center;
    }
    .binance_main .security_sec .border_bottom {
        border-bottom: none;
    }
    .binance_main .unique_sec .contents {
        text-align: justify;
    }
    .binance_main .unique_sec .title {
        text-align: center;
    }
}

@media(max-width: 765px) {
    .binance_main .banner_sec .title {
        font-size: 40px;
    }
    .binance_main .clone_sec .title,
    .binance_main .whitelabel_sec .title,
    .binance_main .features_sec .title,
    .binance_main .security_sec .title,
    .binance_main .app_sec .title,
    .binance_main .benefits_sec .title,
    .binance_main .crypto_sec .title,
    .binance_main .tech_sec .title,
    .binance_main .unique_sec .title {
        font-size: 30px;
    }
    .binance_main .features_sec .features_list,
    .binance_main .security_sec .security_list,
    .binance_main .benefits_sec .benefits_list {
        min-height: 0;
        min-height: initial;
    }
}

/*binance new style end*/

/*========Move to Earn game development company START=======*/

@media(min-width: 991px) {
    #m2e_game_main .m2e_game_dev_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('../../asset/images/inner-pages/move-to-earn-game-dev/banner.png'); */
    }
}

#m2e_game_main .m2e_game_dev_banner .title {
    color: #000;
    font-weight: 900;
    font-size: 45px;
    line-height: 55px;
}

#m2e_game_main .m2e_game_dev_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn_sec {
    margin-top: 30px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #0789cd;
        box-shadow: 0 0 3px #0789cd;
    }
    50% {
        background-color: #6e40c6;
        box-shadow: 0 0 40px #6e40c6;
    }
    100% {
        background-color: #1287d1;
        box-shadow: 0 0 3px #7e48e4;
    }
}

#m2e_game_main .m2e_game_dev_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_sec .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_comp_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_comp_sec .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_comp_sec .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_features {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_features .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .features_box {
    padding: 20px;
    margin-top: 30px;
    border-radius: 2px 20px 2px 20px !important;
    background: linear-gradient(45deg, #66b8e37d, #a688df66);
    min-height: 320px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .sub_contents {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
    /* text-decoration: none !important; */
}

#m2e_game_main .m2e_game_dev_features .sprite_icons {
    width: 58px;
    height: 58px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#m2e_game_main .m2e_game_dev_platform {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

.platform_box p {
    text-decoration: none !important;
}

#m2e_game_main .m2e_game_dev_platform .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_platform .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #a7bee6;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_platform .osc_row_align {
    display: flex;
    align-items: center;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
    margin-left: 60px;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical {
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #0f8bcc;
    position: absolute;
    left: 50%;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #a7bee6;
    transform: translate(-50%, 50%);
    color: #fff;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_why .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why .industries_box {
    display: inline-block;
    border: 1px solid #afafaf;
    transition: .3s ease-out;
    position: relative;
    overflow: hidden;
    padding: 20px;
    min-height: 365px;
    margin-top: 20px;
}

#m2e_game_main .m2e_game_dev_why .industries_box:before {
    z-index: 2;
    background: #0789cd33;
    left: inherit;
    bottom: inherit;
    right: -18px;
    width: 37px;
    top: -18px;
    height: 37px !important;
    transform: rotate(45deg);
    content: '';
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#m2e_game_main .m2e_game_dev_why .industries_box .right_choice_tile {
    opacity: 0;
    padding: 0.3125rem 0;
    visibility: hidden;
    background-color: #0789cd;
    display: block;
    transition: width .6s ease-out;
    width: 0;
    padding: 1px 0;
    margin: 10px 0;
    transition: .6s ease-out;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover {
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover:before {
    background: #0789cd;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .right_choice_tile {
    display: block;
    opacity: 1;
    visibility: visible;
    width: 7rem;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_title {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_contents {
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_mobapp {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_mobapp .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_mobapp .contents {
    font-size: 16px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box {
    padding: 20px;
    margin-top: 30px;
    min-height: 410px;
    background: #fff;
    border-radius: 8px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover .sub_title {
    color: #5749dc;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_title {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    min-height: 325px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn_sec {
    margin-top: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn {
    padding: 10px 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    font-size: 12px;
}

#m2e_game_main .m2e_game_dev_why_choose {
    padding-top: 50px;
    padding-bottom: 50px;
}

#m2e_game_main .m2e_game_dev_why_choose .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why_choose .contents {
    font-size: 16px;
    text-align: justify;
}

#m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    margin-top: 10px;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
    padding: 20px;
    border: 1px dashed #0789cd;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    min-height: 118px;
    display: flex;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list i {
    color: #0789cd;
    font-size: 20px;
    padding-top: 3px;
    padding-right: 8px;
}

@media(min-width: 991px) {
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img1 {
        /* background: url('../../asset/images/inner-pages/move-to-earn-game-dev/mob-app-img1.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img2 {
        /* background: url('../../asset/images/inner-pages/move-to-earn-game-dev/mob-app-img2.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img3 {
        /* background: url('../../asset/images/inner-pages/move-to-earn-game-dev/mob-app-img3.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img4 {
        /* background: url('../../asset/images/inner-pages/move-to-earn-game-dev/mob-app-img4.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
}

@media(max-width: 992px) and (min-width: 766px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center !important;
        height: 600px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .nft_marketplace_whitelabel {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .nft_marketplace_whitelabel .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
}

@media(max-width: 767px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_comp_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .m2e_game_dev_platform,
    #m2e_game_main .m2e_game_dev_why,
    #m2e_game_main .m2e_game_dev_mobapp,
    #m2e_game_main .m2e_game_dev_why_choose {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_comp_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .m2e_game_dev_platform .title,
    #m2e_game_main .m2e_game_dev_why .title,
    #m2e_game_main .m2e_game_dev_mobapp .title,
    #m2e_game_main .m2e_game_dev_why_choose .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box,
    #m2e_game_main .m2e_game_dev_why .industries_box,
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box,
    #m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
        min-height: 0px;
        margin-top: 10px;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
        min-height: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_right,
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
        margin-left: 0px;
        margin-right: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
        top: 20px;
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
        margin-left: 60px;
    }
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn_sec,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn,
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*======Move to Earn game development company END======*/

/*========Blockchain Crowdfunding Development Company START=======*/

.blockchain_crowd_main .bc_row_flex {
    display: flex;
    justify-content: center;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .banner_sec {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('../../asset/images/inner-pages/blo-crowdfunding/banner.png'); */
    }
}

.blockchain_crowd_main .banner_sec .title {
    font-size: 40px;
    color: #361baa;
    font-weight: 800;
    line-height: 50px;
}

.blockchain_crowd_main .banner_sec .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

.blockchain_crowd_main .banner_sec .banner_btn_sec {
    margin-top: 30px;
}

.blockchain_crowd_main .banner_sec .banner_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #701abb;
        box-shadow: 0 0 0px #701abb;
    }
    50% {
        background-color: #701abb;
        box-shadow: 0 0 10px #701abb;
    }
    100% {
        background-color: #701abb;
        box-shadow: 0 0 0px #7e48e4;
    }
}

.blockchain_crowd_main .platform_dev {
    padding: 50px 0px;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .platform_dev_bg {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        padding: 50px 65px 50px 90px;
        border-radius: 30px;
        display: flex;
        /* background: url('../../asset/images/inner-pages/blo-crowdfunding/sec-2-img1.png'); */
    }
}

.blockchain_crowd_main .platform_dev .title {
    font-size: 35px;
    font-weight: 800;
    text-align: left;
    color: #000;
}

.blockchain_crowd_main .platform_dev .contents {
    color: #000;
    line-height: 1.8;
    text-align: left;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    color: #fff !important;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

.blockchain_crowd_main .how_does {
    padding: 50px 0px;
}

.blockchain_crowd_main .how_does .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .how_does .contents {
    line-height: 1.8;
    text-align: center;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .how_does_list {
    background: #3f89ec;
    padding: 15px;
    margin-top: 30px;
    border-radius: 10px;
    min-height: 325px;
}

.blockchain_crowd_main .how_does_list .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .how_does_list .sub_title {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
}

.blockchain_crowd_main .how_does_list .sub_content {
    color: #fff;
    margin-bottom: 0px;
    line-height: 1.8;
}

.blockchain_crowd_main .features_sec {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .features_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    color: #000;
}

.blockchain_crowd_main .features_list {
    padding: 10px;
    margin-top: 20px;
    min-height: 160px;
    border: 1px dashed #3f89ec;
    text-align: center;
    border-radius: 5px;
}

.blockchain_crowd_main .features_list:hover {
    box-shadow: 0px 0px 7px 0px #c3c7da;
    transform: scale(1.08);
    border: none;
}

.blockchain_crowd_main .features_list:hover .sub_title {
    color: #3f89ec;
}

.blockchain_crowd_main .features_list .sub_title {
    color: #000;
    font-size: 21px;
    font-weight: 700;
}

.blockchain_crowd_main .features_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_sec {
    padding: 50px 0px;
}

.blockchain_crowd_main .advantage_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .advantage_list {
    background: #3f89ec;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.blockchain_crowd_main .advantage_list .sub_title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.blockchain_crowd_main .advantage_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_list_top {
    margin-top: 60px;
}

.blockchain_crowd_main .advantage_sec .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blockchain {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .create_blockchain .title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .create_blockchain_list {
    padding: 5px;
    text-align: center;
    margin-top: 30px;
}

.blockchain_crowd_main .create_blockchain_list:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #a96ef396;
    border-radius: 10px;
}

.blockchain_crowd_main .create_blockchain .create_blockchain_list:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

.blockchain_crowd_main .create_blockchain_list .sub_title {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
}

.blockchain_crowd_main .create_blockchain_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 10px;
}

.blockchain_crowd_main .create_blockchain .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blck_desig {
    width: 75px;
    height: 75px;
    background: linear-gradient(39.01deg, #4485EF -27.39%, #5277F7 17.7%, #5B76F7 23.67%, #7374F6 33.36%, #9A70F4 45.49%, #BB6DF3 54.4%);
    border-radius: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_crowd_main .create_after {
    position: relative;
}

/*.blockchain_crowd_main .create_after:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
top: 50px;
left: 0px;
}*/

.blockchain_crowd_main .blockchain_solutions {
    padding: 50px 0px;
}

.blockchain_crowd_main .blockchain_solutions .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list {
    padding: 15px;
    background: #3f89ec;
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    min-height: 230px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.blockchain_crowd_main .why_MetaBlock {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .why_MetaBlock .title {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .contents {
    color: #000;
    text-align: center;
    font-size: 17px;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 0px;
}

.blockchain_crowd_main .why_MetaBlock .why_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .why_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@media(max-width: 992px) and (min-width: 766px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

@media(max-width: 767px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 25px;
        text-align: center;
        line-height: 35px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .platform_dev .contents {
        text-align: center;
    }
    .blockchain_crowd_main .advantage_list_top {
        margin-top: 20px;
    }
    .blockchain_crowd_main .how_does_list,
    .blockchain_crowd_main .features_list,
    .blockchain_crowd_main .blockchain_solutions .solutions_list {
        min-height: 0px;
        margin-top: 10px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*========Blockchain Crowdfunding Development Company END=======*/

/*========Smart Contract MLM software development START=======*/

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('../../asset/images/inner-pages/smart-contract-mlm-software/banner.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_banner .title {
    font-weight: 800;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    margin-top: 50px;
    text-transform: uppercase;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .cus_title {
    color: #54FFFF;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .contents {
    color: #fff;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn_sec {
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #00063E;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00FFFF;
    color: #fff;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgba(0, 255, 255, 0.2);
    width: 215px;
    height: 58px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
    padding: 10px 15px;
    text-transform: uppercase;
    border: 2px solid #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    margin-left: 35px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1:hover {
    background: #00FFFF;
    border: none;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
    position: absolute;
    content: '';
    top: -9px;
    left: -10px;
    background: rgba(0, 255, 255, 0.2);
    width: 205px;
    height: 60px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec {
    margin-top: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_services {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
    padding: 20px;
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_title {
    font-weight: 700;
    font-size: 20px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features {
    padding: 70px 0px;
    background: rgba(0, 49, 179, 0.12);
}

#smart_contract_mlm_main .smart_contract_mlm_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_features .features_box {
    padding: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 0px 25px;
    text-align: center;
    min-height: 240px;
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box1:hover {
    border: 3px solid #B500D2;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box2:hover {
    border: 3px solid #00FFA3;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box3:hover {
    border: 3px solid #8F00FF;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box4:hover {
    border: 3px solid #FF7A00;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box5:hover {
    border: 3px solid #FF00E5;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box6:hover {
    border: 3px solid #D20000;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

.benefits_box {
    padding: 20px;
    margin-top: 30px;
    background: linear-gradient(180deg, rgba(224, 230, 245, 0) 0%, #E0E6F5 100%);
    border-radius: 15px;
    min-height: 270px;
}

.benefits_box:hover {
    background: linear-gradient(180deg, #E0E6F5 0%, rgba(224, 230, 245, 0) 86.98%);
    border: 1px solid #00095E;
    border-radius: 15px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title_sec {
    display: flex;
    align-items: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 10px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sprite_icons {
    width: 46px;
    height: 46px;
    object-fit: none;
}

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background-size: cover;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('../../asset/images/inner-pages/smart-contract-mlm-software/why_bg.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_why .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list {
    display: flex;
    padding: 10px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list img {
    width: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 8px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00063E;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00063E;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgb(0 9 94 / 18%);
    width: 270px;
    height: 58px;
    border-radius: 0px 20px;
}

@media(max-width: 992px) and (min-width: 766px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 450px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media(max-width: 767px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits#smart_contract_mlm_main .smart_contract_mlm_why {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title,
    #smart_contract_mlm_main .smart_contract_mlm_why .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_features .features_box,
    .benefits_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn,
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn,
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
        padding: 10px 35px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
        top: -6px;
        left: -6px;
        width: 255px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 50px 0px;
    }
}

@media(max-width: 424px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Smart Contract MLM software development END======*/

/*========Metamask Wallet Clone Script START=======*/

#metamask_clone_main .cus_row {
    justify-content: center;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('../../asset/images/inner-pages/metamask-clone/banner.webp'); */
    }
}

#metamask_clone_main .metamask_clone_banner .title {
    font-weight: 800;
    font-size: 35px;
    line-height: 55px;
    color: #000;
    margin-top: 50px;
    text-transform: uppercase;
}

#metamask_clone_main .metamask_clone_banner .cus_title {
    color: #000;
    font-size: 55px;
    font-weight: 900 !important;
}

#metamask_clone_main .metamask_clone_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn_sec {
    margin-top: 30px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542CF -0.41%, #D6518B 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
    padding: 10px 20px;
    border: 2px solid #d6518b;
    border-radius: 35px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec {
    padding-top: 70px;
    padding-bottom: 180px;
    background: #F0F0FC;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_sec:after {
        position: absolute;
        content: '';
        top: 5%;
        right: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(../../asset/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_sec .title {
    font-weight: 800;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn_sec {
    margin-top: 10px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
    text-transform: uppercase;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 13px;
    background: #4DD30D;
    border-radius: 35px;
    color: #fff !important;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
    text-transform: uppercase;
    padding: 8px 35px;
    font-weight: 600;
    font-size: 13px;
    background: #00aff0;
    border-radius: 35px;
    color: #fff !important;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_bg {
    background: linear-gradient(180deg, #3B1479 0%, #AF54DB 100%);
}

#metamask_clone_main .metamask_clone_card_sec {
    padding: 0px;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_card_sec #metamask_clone_card {
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('../../asset/images/inner-pages/metamask-clone/metamask-card.webp'); */
        border-radius: 35px;
        padding: 30px;
        margin-top: -120px;
    }
}

#metamask_clone_main .metamask_clone_card_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: capitalize;
    margin-top: 0px;
}

#metamask_clone_main .metamask_clone_card_sec .contents {
    text-align: justify;
    font-size: 16px;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_features {
    padding-top: 70px;
    padding-bottom: 100px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features:after {
        position: absolute;
        content: '';
        top: 12%;
        left: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(../../asset/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .contents {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_features .features_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_features .feat_cus_row {
    margin-left: -85px;
    margin-right: -85px;
    justify-content: center;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .feat_cus_row:before {
        position: absolute;
        content: '';
        top: -15%;
        left: 12%;
        height: 400px;
        width: 100%;
        background-repeat: no-repeat !important;
        /* background: url(../../asset/images/inner-pages/metamask-clone/map.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .features_box {
    padding: 30px 15px;
    background: #fff;
    border-radius: 15px;
    min-height: 380px;
    margin-right: 10px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .features_box_eve {
    padding: 30px 15px;
    margin-top: 100px;
    background: #fff;
    border-radius: 15px;
    min-height: 355px;
    margin-right: 10px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box_eve:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .sub_title {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_features .sub_contents {
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#metamask_clone_main .metamask_clone_features .sprite_icons {
    width: 54px;
    height: 54px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_benefits {
    padding: 50px 0px;
}

#metamask_clone_main .metamask_clone_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_benefits .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

.benefits_box {
    padding: 15px;
    margin-top: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center !important;
    flex-direction: column !important;
}

.benefits_box1 {
    background: #E8DBF6;
}

.benefits_box2 {
    background: #F6F0DB;
}

.benefits_box3 {
    background: #DFF6DB;
}

.benefits_box4 {
    background: #DBF4F6;
}

.benefits_box5 {
    background: #F5DBF6;
}

#metamask_clone_main .metamask_clone_benefits .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_crypto {
    padding: 50px 0px;
    background: #F0F0FC;
}

#metamask_clone_main .metamask_clone_crypto .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_crypto .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_box {
    padding: 20px 12px;
    background: #FFFFFF;
    border-radius: 15px;
    text-align: center;
    margin-right: 20px;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_crypto .sub_title {
    font-weight: 600;
    font-size: 17px;
    color: #000;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_crypto .sprite_icons {
    height: 78px;
    width: 82px;
    object-fit: none;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_types {
        padding-top: 30px;
        background-repeat: no-repeat !important;
        background-position: center;
        /* background: url('../../asset/images/inner-pages/metamask-clone/types-bg.svg'); */
    }
}

#metamask_clone_main .metamask_clone_types .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .contents {
    text-align: justify;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_types .types_box {
    padding: 15px;
    margin-top: -40px;
    background: linear-gradient(180deg, #F0F0FC 0%, #FFD8FD 100%);
    box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    min-height: 395px;
    text-align: center;
    position: relative;
    z-index: 1;
}

#metamask_clone_main .metamask_clone_types .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .sub_contents {
    font-size: 16px;
    padding-top: 8px;
    color: #000;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_types .sprite_icons {
    width: 60px;
    height: 70px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_techstack {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -220px;
}

#metamask_clone_main .metamask_clone_techstack .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_techstack .contents {
    text-align: justify;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_techstack .metamask_tech_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542CF -0.41%, #D6518B 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why {
    padding: 50px 0px;
    background: #F0F0FC;
}

#metamask_clone_main .metamask_clone_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_why .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_why .why_box {
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_why .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why .sprite_icons {
    width: 90px;
    height: 90px;
    object-fit: none;
}

@media(max-width: 992px) and (min-width: 766px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .smart_contract_mlm_benefits {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_sec .smart_contract_mlm_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_card_sec .service_box_row {
        margin-top: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #metamask_clone_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media(max-width: 767px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 25px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .cus_title {
        font-size: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .metamask_clone_benefits,
    #metamask_clone_main .metamask_clone_crypto,
    #metamask_clone_main .metamask_clone_types,
    #metamask_clone_main .metamask_clone_why {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
        padding: 8px 25px;
        font-size: 12px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
        padding: 8px 8px;
        font-size: 12px;
        border-radius: 35px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .metamask_clone_benefits .title,
    #metamask_clone_main .metamask_clone_crypto .title,
    #metamask_clone_main .metamask_clone_types .title,
    #metamask_clone_main .metamask_clone_why .title,
    #metamask_clone_main .metamask_clone_techstack .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main #metamask_clone_card {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        border-radius: 35px;
        margin: 0px 10px;
        padding: 20px 15px;
    }
    #metamask_clone_main .metamask_clone_features .feat_cus_row {
        margin-left: 0px;
        margin-right: 0px;
    }
    #metamask_clone_main .metamask_clone_features .features_box_eve {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_sec .metamask_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents,
    #metamask_clone_main .metamask_clone_types .contents,
    #metamask_clone_main .metamask_clone_techstack .contents,
    .metamask_tech_btn_sec {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_crypto .crypto_box {
        margin: 20px;
    }
    #metamask_clone_main .metamask_clone_features .features_box,
    .benefits_box,
    .benefits_box,
    #metamask_clone_main .metamask_clone_types .types_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
        padding: 10px 15px;
        font-size: 13px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
        padding: 9px 10px;
        font-size: 13px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_types {
        background: linear-gradient(180deg, #3B1479 0%, #AF54DB 106.72%);
    }
    #metamask_clone_main .metamask_clone_techstack {
        margin-top: 0px;
        padding: 50px 0px;
    }
}

@media(max-width: 424px) {
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

.webdesi_bannerbtn {
    /* text-align: center; */
    /* margin-left: 50px; */
    cursor: pointer;
}

.masthead-custom-web-design-development_countrybase .webdesi_bannerbtn {
    margin-top: 4rem;
    background-color: #03111F !important;
}

.webdesi_bannerbtn a:hover {
    text-decoration: none;
    color: #fff;
}

@media (max-width: 768px) {
    .web-development-button {
        display: flex;
        flex-direction: column;
    }
}

#metaverse_dev_main {
    background: #000000;
}

#metaverse_dev_main .metaverse_dev_banner {
    padding: 50px 0px;
    height: 100vh;
    display: flex;
    align-items: center;
}

#metaverse_dev_main .metaverse_dev_banner .banner_img {
    transform: translate(-20%, -10%);
}

@media (max-width: 991px) {
    #metaverse_dev_main .metaverse_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 75% !important;
    }
}

#metaverse_dev_main .metaverse_dev_banner .title {
    font-weight: 800;
    font-size: 45px !important;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
    font-family: "Urbanist", sans-serif;
    position: relative;
}

#metaverse_dev_main .metaverse_dev_banner .cus_title {
    color: #00FFFF;
    font-size: 95px;
    text-transform: uppercase;
}

#metaverse_dev_main .metaverse_dev_banner .cus_contents {
    font-size: 16px !important;
    font-weight: 600;
    color: #00FFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
}

#metaverse_dev_main .metaverse_dev_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

#metaverse_dev_main .metaverse_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_banner .banner_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_banner .banner_btn span {
    background: linear-gradient(96.74deg, #FA00FF -4.87%, #00FFFF 114.94%) !important;
}

#metaverse_dev_main .metaverse_dev_sec {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_sec .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    background: #33FF00;
    box-shadow: 0px 0px 10px #33FF00;
    margin-right: 10px;
}

@media (min-width: 991px) {
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn.mobile {
        display: none !important;
    }
}

#metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00C2FF;
    box-shadow: 0px 0px 10px #00C2FF;
    color: #000 !important;
}

/*#metaverse_dev_main .metaverse_dev_sec .gif_img_bg {
position: relative;
}
#metaverse_dev_main .metaverse_dev_sec .gif_img {
position: absolute;
top: 26%;
left: 6%;
width: 420px;
height: 240px;
border-radius: 15px;
}*/

#metaverse_dev_main .metaverse_dev_facts {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_facts .title {
    font-size: 75px;
    color: #000;
    font-weight: 800;
    line-height: 1.4;
    text-transform: capitalize;
    padding-left: 30px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_facts .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_facts .left_side_box {
    background: linear-gradient(90.07deg, #FA00FF -1.25%, #00FFFF 99.93%);
    border-radius: 0px 20px 20px 0px;
    padding: 60px;
}

#metaverse_dev_main .metaverse_dev_facts .facts_list {
    display: flex;
    margin: 25px;
}

#metaverse_dev_main .metaverse_dev_facts .sub_title {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
}

#metaverse_dev_main .metaverse_dev_benefits {
    padding: 50px 0px;
    position: relative;
}

#metaverse_dev_main .metaverse_dev_benefits .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_benefits .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

.benefits_box {
    padding: 15px;
    background: rgba(255, 255, 255, 0.03);
    border: 2px dashed #00FFFF;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 9px;
    margin-top: 30px;
    text-align: center;
    min-height: 252px;
}

.benefits_box:hover {
    border: none;
    box-shadow: inset 0px 0px 8px 0px #01fdffa1;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#metaverse_dev_main .metaverse_dev_benefits .sub_title {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_benefits .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_platform {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_platform .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_platform .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px;
    margin-top: 30px;
}

/** Scrollbar Styles START **/

#metaverse_dev_main .metaverse_dev_platform .scroll_sec {
    scrollbar-width: thin;
    scrollbar-color: #0FF #ffffff17;
    overflow-y: auto;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-track {
    background-color: #ffffff17;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
    background-color: #0FF;
}

#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-track,
#metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec {
        scrollbar-width: thin;
        scrollbar-color: #0FF #ffffff17;
        overflow-y: auto;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::scrollbar {
        width: 5px;
        height: 4px;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-track {
        background-color: #ffffff17;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
        background-color: #0FF;
    }
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-scrollbar-track,
    #metaverse_dev_main .metaverse_dev_platform .scroll_sec::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

.platform_box {
    border: 1px solid #00FFFF;
    padding: 15px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    height: 295px;
}

.platform_box:hover {
    background: #000000;
    box-shadow: 0px 0px 9px #00FFFF;
    border-radius: 5px;
}

#metaverse_dev_main .metaverse_dev_platform .sub_title {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_platform .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_platform .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_platform .met_dev_btn_sec {
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_platform .met_dev_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    margin: 0 auto;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_platform .met_dev_btn span {
    background: linear-gradient(96.74deg, #FA00FF -4.87%, #00FFFF 114.94%) !important;
}

#metaverse_dev_main .metaverse_dev_features {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_features .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_features .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_features .feature_box {
    padding: 20px;
    background: #0D0D0D;
    border-radius: 7px;
    position: relative;
    z-index: 5;
    margin-top: 40px;
    min-height: 518px;
}

#metaverse_dev_main .metaverse_dev_features .feature_box::before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background-image: linear-gradient(162.58deg, #FA00FF 0.68%, #00FFFF 88.73%);
    background-repeat: repeat-x;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    z-index: -2;
}

#metaverse_dev_main .metaverse_dev_features .feature_box::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0D0D0D;
    border-radius: 7px;
    position: absolute;
    z-index: -1;
}

#metaverse_dev_main .metaverse_dev_features .feature_box:hover::before {
    transform: rotate(2deg) translateX(-7px) translateY(11px);
}

#metaverse_dev_main .metaverse_dev_features .feature_box:hover .card-thumbnail img {
    transform: scale(1.1);
}

#metaverse_dev_main .metaverse_dev_features .feature_box .card-thumbnail {
    overflow: hidden;
    border-radius: 7px;
    position: relative;
    margin: -15px;
}

#metaverse_dev_main .metaverse_dev_features .feature_box .card-thumbnail::before {
    content: "";
    left: 0;
    bottom: 0;
    height: 50%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

#metaverse_dev_main .metaverse_dev_features .sub_title {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 30px;
}

#metaverse_dev_main .metaverse_dev_features .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_features .sprite_icons {
    width: 340px;
    height: 195px;
    object-fit: none;
    border-radius: 7px;
    transition: 0.7s;
}

#metaverse_dev_main .metaverse_dev_business {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_business .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_business .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_business .cus_col {
    position: relative;
}

#metaverse_dev_main .metaverse_dev_business .cus_col:after {
    position: absolute;
    content: '';
    top: 32%;
    right: 0px;
    height: 60%;
    width: 1.5px;
    background: linear-gradient(45deg, #000, #00FFFF, #000);
}

#metaverse_dev_main .metaverse_dev_business .business_box {
    padding: 15px;
    text-align: center;
    margin-top: 20px;
}

#metaverse_dev_main .metaverse_dev_business .sub_title {
    background: linear-gradient(120.45deg, #FA00FF 10.65%, #00FFFF 97.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#metaverse_dev_main .metaverse_dev_business .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_business .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_services {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_services .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_services .sub_title {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    line-height: 1.5;
}

#metaverse_dev_main .metaverse_dev_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.services_box {
    padding: 20px;
    background: black;
    margin-top: 30px;
    min-height: 320px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
}

.services_box:hover,
.services_box:hover span {
    opacity: 1;
}

.services_box span {
    position: absolute;
    transition: .5;
    opacity: 0;
}

.services_box span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #00e0ff);
    animation: borderTop 1s linear infinite;
}

.services_box span:nth-child(2) {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, transparent, #00e0ff);
    animation: borderRight 1s linear infinite;
    animation-delay: .5s;
}

.services_box span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, transparent, #00e0ff);
    animation: borderBottom 1s linear infinite;
}

.services_box span:nth-child(4) {
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to top, transparent, #00e0ff);
    animation: borderLeft 1s linear infinite;
    animation-delay: .5s;
}

@keyframes borderTop {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes borderRight {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}

@keyframes borderBottom {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes borderLeft {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}

#metaverse_dev_main .metaverse_dev_top {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_top .title {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_top .cus_title {
    color: #00FFFF;
}

#metaverse_dev_main .metaverse_dev_top .top_list {
    text-align: center;
    padding: 10px;
}

#metaverse_dev_main .metaverse_dev_top .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#metaverse_dev_main .metaverse_dev_top .sprite_icons {
    width: 140px;
    height: 140px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_top .met_dev_btn_sec {
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_top .met_dev_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_top .met_dev_btn span {
    background: linear-gradient(96.74deg, #FA00FF -4.87%, #00FFFF 114.94%) !important;
}

#metaverse_dev_main .metaverse_dev_model {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_model .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_model .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_model .how_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    min-height: 352px;
}

#metaverse_dev_main .metaverse_dev_model .how_box:hover {
    box-shadow: -3px 3px 0px #00FFFF;
}

#metaverse_dev_main .metaverse_dev_model .sub_title {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_model .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_whychoose .title {
    font-size: 35px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .cus_title {
    font-size: 20px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-top: 20px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .why_box {
    padding: 20px;
    text-align: center;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 10%, 100% 85%, 90% 100%, 0 100%, 0 90%, 0 15%);
    clip-path: polygon(10% 0, 100% 0, 100% 10%, 100% 85%, 90% 100%, 0 100%, 0 90%, 0 15%);
    background: #080808;
    margin-top: 30px;
    min-height: 285px;
}

#metaverse_dev_main .metaverse_dev_whychoose .why_box:hover {
    background: #00ffff17;
}

#metaverse_dev_main .metaverse_dev_whychoose .sub_title {
    color: #00FFFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_whychoose .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_game_ebook_sec {
    padding: 90px 0px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .title {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_game_ebook_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_game_ebook_sec #ebook_card {
    padding: 30px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    position: relative;
}

#metaverse_dev_main .metaverse_game_ebook_sec #ebook_card .ebook_card_img {
    position: absolute;
    top: -28%;
    right: 8%;
    height: 480px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn_sec {
    margin-top: 20px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn {
    background: #01030b;
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:before,
#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
    padding: 10px 20px;
    position: absolute;
    right: 0%;
    top: -13%;
    width: 150px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
    text-align: center;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

#metaverse_dev_main .metaverse_game_ebook_sec .free_img {
    width: 80px;
}

@media(max-width: 991px) {
    #metaverse_dev_main .metaverse_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #metaverse_dev_main .metaverse_dev_banner svg {
        left: 0%;
    }
    #metaverse_dev_main .metaverse_dev_banner .cus_col {
        padding-left: 15px;
        padding-top: 0px;
    }
    #metaverse_dev_main .metaverse_dev_banner .title {
        margin-top: 0px;
    }
    #metaverse_dev_main .metaverse_dev_banner .banner_btn {
        margin: 0 auto;
    }
    #metaverse_dev_main .metaverse_dev_sec .mbl_video {
        width: 100%;
    }
    #metaverse_dev_main .metaverse_dev_sec,
    #metaverse_dev_main .metaverse_dev_whychoose .contents,
    #metaverse_dev_main .metaverse_dev_features .feature_box {
        text-align: center;
    }
    #metaverse_dev_main .metaverse_dev_sec .gif_img {
        top: 34%;
        left: 21%;
    }
    #metaverse_dev_main .metaverse_game_comp #metaverse_game_comp_card {
        padding: 20px;
    }
    .benefits_box {
        min-height: 370px;
    }
    #metaverse_dev_main .metaverse_game_benefits .img_sec:before {
        bottom: 1%;
        left: 48%;
    }
    #metaverse_dev_main .metaverse_game_process .bg_title,
    #metaverse_dev_main .metaverse_game_process .bg_title1 {
        display: none;
    }
    #metaverse_dev_main .metaverse_game_services {
        padding: 50px 0px;
    }
    #metaverse_dev_main .metaverse_game_whydo .why_do_box {
        margin-top: -150px;
    }
    #metaverse_dev_main .metaverse_game_hire .contents {
        padding: 0px 20px;
    }
    #metaverse_dev_main .metaverse_game_category .category_box {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        box-shadow: none;
        box-shadow: initial;
    }
    #metaverse_dev_main .metaverse_game_category .contents {
        margin-bottom: 0px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec {
        padding: 50px 0px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -9%;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec .free_img {
        width: 60px;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn.desktop {
        display: none;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn_sec {
        justify-content: center;
    }
    .services_box,
    .benefits_box,
    #metaverse_dev_main .metaverse_dev_features .feature_box,
    #metaverse_dev_main .metaverse_dev_model .how_box,
    #metaverse_dev_main .metaverse_dev_whychoose .why_box {
        min-height: 0px;
    }
    #metaverse_dev_main .metaverse_dev_business .cus_col:after,
    #metaverse_dev_main .metaverse_dev_blckchn .cus_col:after {
        display: none;
    }
    #metaverse_dev_main .metaverse_dev_why .why_box_col {
        margin-bottom: 20px;
    }
    #metaverse_dev_main .metaverse_dev_process .process_box {
        text-align: center;
        padding: 20px !important;
    }
    #metaverse_dev_main .metaverse_dev_process .sub_contents {
        margin-left: 0px !important;
    }
    #metaverse_dev_main .metaverse_dev_process .sub_title {
        font-size: 20px !important;
    }
    #metaverse_dev_main .metaverse_dev_process .process_numsec {
        font-size: 100px !important;
    }
}

@media(max-width: 767px) {
    #metaverse_dev_main .metaverse_dev_banner {
        display: flex;
        align-items: center;
        height: 575px !important;
        padding: 50px 0px;
    }
    .meta_mainmob {
        display: none;
    }
    #metaverse_dev_main .metaverse_dev_banner .title {
        font-size: 25px !important;
        line-height: 1.5;
        margin-top: 80px;
    }
    #metaverse_dev_main .metaverse_dev_banner .cus_title {
        font-size: 45px;
    }
    #metaverse_dev_main .metaverse_dev_banner svg text {
        font-size: 200px !important;
    }
    #metaverse_dev_main .metaverse_dev_banner .cus_brn_title {
        font-size: 35px !important;
    }
    #metaverse_dev_main .metaverse_dev_banner .banner_btn,
    #metaverse_dev_main .metaverse_dev_platform .met_dev_btn,
    #metaverse_dev_main .metaverse_dev_top .met_dev_btn,
    #metaverse_dev_main .metaverse_dev_whychoose .met_dev_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #metaverse_dev_main .metaverse_dev_sec .title,
    #metaverse_dev_main .metaverse_dev_benefits .title,
    #metaverse_dev_main .metaverse_dev_platform .title,
    #metaverse_dev_main .metaverse_dev_features .title,
    #metaverse_dev_main .metaverse_dev_business .title,
    #metaverse_dev_main .metaverse_dev_services .title,
    #metaverse_dev_main .metaverse_dev_top .title,
    #metaverse_dev_main .metaverse_dev_model .title,
    #metaverse_dev_main .metaverse_dev_whychoose .title,
    #metaverse_dev_main .metaverse_game_ebook_sec .title,
    #metaverse_dev_main .blockchain_software .blockchain_dev_aboutus_title,
    #metaverse_dev_main .metaverse_dev_why .title,
    #metaverse_dev_main .metaverse_dev_process .title,
    #metaverse_dev_main .metaverse_dev_techstack .title,
    #metaverse_dev_main .metaverse_dev_blckchn .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn,
    .met_game_what_about_btn,
    #metaverse_dev_main .metaverse_dev_sec .met_game_what_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #metaverse_dev_main .metaverse_dev_sec .gif_img {
        top: 32%;
        left: 11%;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .ebook_btn {
        font-size: 14px !important;
    }
    .services_box {
        min-height: 0px;
    }
    #metaverse_dev_main .metaverse_dev_facts .left_side_box {
        padding: 22px;
    }
    #metaverse_dev_main .metaverse_dev_facts .title {
        font-size: 35px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec #ebook_card {
        text-align: center;
        padding: 20px 10px;
        margin: 0px 10px;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -14%;
    }
    #metaverse_dev_main .metaverse_game_ebook_sec .title {
        margin-top: 30px;
    }
    #metaverse_dev_main .blockchain_software .section_heading {
        text-align: center;
    }
    #metaverse_dev_main .blockchain_software .bg_image {
        background: none;
        height: 30vh;
    }
    #metaverse_dev_main .TlkBtn {
        width: 170px;
    }
}

@media(max-width: 520px) {
    #metaverse_dev_main .metaverse_game_ebook_sec .free_title_sec {
        right: -10%;
        top: -10%;
    }
}

#metaverse_dev_main .metaverse_dev_techstack {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_techstack .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_techstack .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box:hover .gradient_box {
    box-shadow: inset 0px 0px 12px 1px #00ffff6b;
    border: solid 0px transparent;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box:hover .sprite_icons {
    transform: rotateY(360deg);
    transition: all 2s;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box:hover .gradient_box:before {
    margin: 0px;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box .gradient_box {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #000;
    background-clip: padding-box;
    border: solid 1px transparent;
    border-radius: 10px;
}

#metaverse_dev_main .metaverse_dev_techstack .techstack_box .gradient_box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    border-radius: inherit;
    background: linear-gradient(125deg, rgba(250, 0, 255, 1), rgba(0, 255, 255, 1));
}

#metaverse_dev_main .metaverse_dev_techstack .sub_title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_techstack .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

#metaverse_dev_main .metaverse_dev_process {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_process .cus_container {
    max-width: 1400px;
}

#metaverse_dev_main .metaverse_dev_process .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_process ul.nav-tabs {
    border-bottom: 0;
    border-bottom: initial;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 30px;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-item.show .nav-link,
#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link.active,
#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link:focus,
#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link.active .num_sec {
    background: #00FFFF;
    color: #000;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link.active:hover .num_sec {
    color: #000;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link:hover .num_sec {
    color: #00FFFF;
}

#metaverse_dev_main .metaverse_dev_process ul.nav-tabs .num_sec {
    width: 50px;
    height: 50px;
    background: #1f1f1f;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
}

#metaverse_dev_main .metaverse_dev_process .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-left: 25px;
    margin-bottom: 0px;
    line-height: 30px;
    padding-top: 10px;
}

#metaverse_dev_main .metaverse_dev_process .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-left: 25px;
}

#metaverse_dev_main .metaverse_dev_process .process_box {
    padding: 0px 100px;
}

#metaverse_dev_main .metaverse_dev_process .process_numsec {
    font-size: 150px;
    font-weight: 800;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    color: #00FFFF;
}

#metaverse_dev_main .metaverse_dev_process .cus_line {
    border-left: 2px solid #00ffff;
}

#metaverse_dev_main .metaverse_dev_process .nav-tabs .nav-link {
    max-width: 200px;
}

#metaverse_dev_main .metaverse_dev_process .tab-content {
    margin-top: 50px;
}

#metaverse_dev_main .metaverse_dev_blckchn {
    padding: 50px 0px;
}

#metaverse_dev_main .metaverse_dev_blckchn .title {
    font-size: 40px;
    color: #00FFFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_dev_main .metaverse_dev_blckchn .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_blckchn .blk_card_bg {
    background: #0d0d0d;
    margin-top: 30px;
    padding: 20px;
    border-radius: 30px;
}

#metaverse_dev_main .metaverse_dev_blckchn .cus_col {
    position: relative;
}

#metaverse_dev_main .metaverse_dev_blckchn .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 70%;
    width: 1.5px;
    background: linear-gradient(45deg, #0d0d0d, #00FFFF, #0d0d0d);
}

#metaverse_dev_main .metaverse_dev_blckchn .blkchn_box {
    padding: 15px;
    text-align: center;
}

#metaverse_dev_main .metaverse_dev_blckchn .sub_title {
    background: linear-gradient(120.45deg, #FA00FF 10.65%, #00FFFF 97.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#metaverse_dev_main .metaverse_dev_blckchn .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_dev_main .metaverse_dev_blckchn .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

@media (min-width: 991px) {
    .faq_main .faq_section_new {
        background: url(../../static/media/image-faq.a493079f71df56d23565.webp);
        /* min-height: 982px; */
        min-height: auto;
        background-repeat: no-repeat;
        background-position: 90%;
        mix-blend-mode: lighten;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .faq_main .faq_section_new {
        position: relative;
        z-index: 1;
        background-position: 100% !important;
    }
    .faq_main .faq_section_new:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e3;
    }
}

@media(max-width: 1465px) {
    .faq_main .faq_section_new {
        background-position: 75%;
    }
}

.faq_main {
    background: linear-gradient(0deg, #060606, #060606), #FFFFFF;
}

.faq_main .faq_section_new #accordion .panel {
    background: transparent;
}

.faq_main .faq_section_new #accordion .panel-title a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 60px 10px 30px;
    border-radius: 127px 15px 15px 127px;
    background: linear-gradient(162deg, #00B2DD 0%, #006DB3 100%);
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    white-space: normal;
    margin-bottom: 15px;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.7;
}

.faq_main .faq_section_new #accordion .panel-title a.collapsed:after {
    background-color: #0677B9;
    content: "\002B";
    width: 50px;
    height: 100%;
    right: 0px;
    top: 0px;
    line-height: 28px;
    font-size: 25px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    float: right;
    color: #fff;
}

.faq_main .faq_section_new #accordion .panel-title a:after {
    background-color: #0677B9;
    content: "\2212";
    width: 50px;
    height: 100%;
    right: 0px;
    top: 0px;
    line-height: 28px;
    font-size: 25px;
    font-weight: 900;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    float: right;
    color: #fff;
}

.faq_main .faq_section_new #accordion .panel-title a:before {
    color: #0677B9;
    content: "";
    width: 4px;
    height: 100%;
    background: #141119;
    position: absolute;
    top: 0;
    right: 8%;
}

.faq_main .faq_section_new #accordion .panel-body {
    padding: 10px;
    box-shadow: none;
    box-shadow: initial;
    border: none;
}

.faq_main .faq_section_new #accordion .panel-body p,
.faq_main .faq_section_new #accordion .panel-body ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding-top: 0px;
    margin-bottom: 15px;
    line-height: 1.8;
    font-family: "Readex Pro", sans-serif;
}

.faq_main .faq_section_new .faq_load_btn_sec {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.faq_main .faq_section_new .faq_load_btn {
    padding: 8px 20px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

@media(max-width: 991px) {
    .faq_main .faq_section_new {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    .faq_main .faq_section_new .faq_load_btn {
        font-size: 14px;
        padding: 8px 20px;
    }
    .faq_main .faq_section_new .faq_title {
        font-size: 30px !important;
        text-align: center;
    }
}

@media(max-width: 576px) {
    .faq_main .faq_section_new #accordion .panel-title .qus_title {
        margin-right: 18% !important;
    }
    .faq_main .faq_section_new #accordion .panel-title a:before {
        right: 10% !important;
    }
}

@media(max-width: 476px) {
    .faq_main .faq_section_new #accordion .panel-title a:before {
        right: 13% !important;
    }
}

.faq_main .faq_section_new .faq_title {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.faq_main .faq_section_new .faq_contents {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 30px;
    padding-top: 10px;
}

.faq_main .faq_section_new #accordion .panel-title .qus_title {
    padding-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 0px;
    margin-right: 10%;
}

.webdesign_indusbox {
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
    background-color: #000;
    /* Change background color to black */
    overflow: hidden;
    /* Ensure that the overflow content doesn't affect layout */
}

.webdesign_indusbox:hover {
    background-color: #0A0A2E;
    transform: scale(0.95);
    /* Apply zoom effect on hover */
}

.webdesign_indusbox img {
    width: 100px;
    /* Adjust image size as needed */
    height: auto;
    margin-bottom: 10px;
    transition: transform 0.3s ease;
}

.webdesign_indusbox:hover img {
    transform: scale(1.2);
    /* Adjust the scale factor for zoom effect */
}

.webdesign_indusbox p {
    margin: 0;
    color: #fff;
    /* Text color */
}

.icon-container {
    width: 50px;
    /* Desired width of the icon */
    height: 50px;
    /* Desired height of the icon */
    transition: transform 0.3s ease;
    /* Apply transition effect */
}

.icon-container:hover .icon {
    transform: scale(1.2);
    /* Increase the size on hover */
}

.chooseus {
    display: "flex";
    align-items: center;
    justify-content: center;
    color: linear-gradient(to right, #7d8dff, #ff4f81) !important;
}

.chooseus-in {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 5px;
}

.sol-box {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 10px;
    /* Add border radius */
    background-color: transparent;
    /* Set initial background color */
    transition: transform .3s ease, background-color .3s ease;
    /* Apply transitions */
}

.sol-box img {
    transition: transform .3s ease;
    /* Apply transition to the image */
}

.sol-box:hover img {
    transform: scale(1.1);
}

.sol-box:hover {
    transform: scale(0.96);
    /* Apply zoom effect on hover */
    border-color: white;
    /* Change border color on hover */
    background-color: #0A0A2E;
    /* Change background color on hover */
}

/* 
.faq_main .faq_section_new #accordion .panel-body {
    padding: 15px;
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    font-family: "Readex Pro", sans-serif;
    background-color: #333;
    border-radius: 5px;
  }
  
  .faq_main .faq_section_new .panel-title button {
    background: none;
    border: none;
    font-weight: 500;
    text-align: left;
    width: 100%;
    cursor: pointer;
  }
  
  .faq_main .faq_section_new .panel-collapse {
    overflow: hidden;
    transition: max-height 2s ease-in-out;
  }
  
  .faq_main .faq_section_new .panel-collapse.show {
    max-height: 1000px; 
  }
  
  .faq_main .faq_section_new .panel-collapse.collapse {
    max-height: 0;
  }
  
  .faq_main .faq_section_new #accordion .collapsed {
    color: #aaa;
  } */

@media (max-width:430pc) {
    .Static-heading {
        margin-top: 50px !important;
    }
}

section.mid_section {
    background: #000 !important;
}

.section-heading h2 {
    color: #fff !important;
}

#ebook_popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin: 7.75rem auto;
}

#ebook_popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#ebook_popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 10px;
}

#ebook_popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0px;
    color: #fff;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form {
    margin-top: 30px !important;
}

#ebook_popup_form_modal.popup-form .popup-contact-form {
    padding: 40px 20px;
}

#ebook_popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: #242424;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#ebook_popup_form_modal.popup-form .ebook_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before,
#ebook_popup_form_modal.popup-form .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#ebook_popup_form_modal.popup-form .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#ebook_popup_form_modal.popup-form label {
    color: #fff;
}

#ebook_popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#ebook_popup_form_modal.popup-form input::placeholder {
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
}

#ebook_popup_form_modal.popup-form input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal.popup-form input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#ebook_popup_form_modal.popup-form input:-webkit-autofill,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:focus,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #ebook_popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #ebook_popup_form_modal.popup-form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    #ebook_popup_form_modal.popup-form .modal-dialog {
        margin: 4.75rem auto;
    }
    #ebook_popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
        margin-left: 15px;
    }
    #ebook_popup_form_modal.popup-form .ebook_btn {
        margin-top: 10px;
        font-size: 14px !important;
    }
    #ebook_popup_form_modal.popup-form .title {
        font-size: 20px;
        font-weight: 500;
    }
    #ebook_popup_form_modal .fitoutform .form-group label {
        display: none;
    }
}

@media (max-width:500px) {
    .why-should-develop {
        margin-left: 20px;
    }
    .embraced-features {
        margin-left: 20px;
    }
}

@media (max-width:430px) {
    .Dynamic-heading {
        margin-top: 50px !important;
    }
}

#ebook_popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin: 7.75rem auto;
}

#ebook_popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#ebook_popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 10px;
}

#ebook_popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0px;
    color: #fff;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form {
    margin-top: 30px !important;
}

#ebook_popup_form_modal.popup-form .popup-contact-form {
    padding: 40px 20px;
}

#ebook_popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: #242424;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#ebook_popup_form_modal.popup-form .ebook_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before,
#ebook_popup_form_modal.popup-form .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#ebook_popup_form_modal.popup-form .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#ebook_popup_form_modal.popup-form label {
    color: #fff;
}

#ebook_popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#ebook_popup_form_modal.popup-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#ebook_popup_form_modal.popup-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal.popup-form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#ebook_popup_form_modal.popup-form input:-webkit-autofill,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:focus,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #ebook_popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #ebook_popup_form_modal.popup-form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    #ebook_popup_form_modal.popup-form .modal-dialog {
        margin: 4.75rem auto;
    }
    #ebook_popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
        margin-left: 15px;
    }
    #ebook_popup_form_modal.popup-form .ebook_btn {
        margin-top: 10px;
        font-size: 14px !important;
    }
    #ebook_popup_form_modal.popup-form .title {
        font-size: 20px;
        font-weight: 500;
    }
    #ebook_popup_form_modal .fitoutform .form-group label {
        display: none;
    }
}

@media (max-width:430px) {
    .E-commerce-header-paragraph {
        margin-top: 30px;
    }
    .E-commerce-heading {
        margin-top: 50px !important;
        /* margin-bottom: 0px !important; */
    }
}

#ebook_popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin: 7.75rem auto;
}

#ebook_popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#ebook_popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 10px;
}

#ebook_popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0px;
    color: #fff;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form {
    margin-top: 30px !important;
}

#ebook_popup_form_modal.popup-form .popup-contact-form {
    padding: 40px 20px;
}

#ebook_popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: #242424;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#ebook_popup_form_modal.popup-form .ebook_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#ebook_popup_form_modal.popup-form .ebook_btn:before,
#ebook_popup_form_modal.popup-form .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#ebook_popup_form_modal.popup-form .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#ebook_popup_form_modal.popup-form label {
    color: #fff;
}

#ebook_popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#ebook_popup_form_modal.popup-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#ebook_popup_form_modal.popup-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal.popup-form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#ebook_popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#ebook_popup_form_modal.popup-form input:-webkit-autofill,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:focus,
#ebook_popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#ebook_popup_form_modal.popup-form #ebook_popup_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #ebook_popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #ebook_popup_form_modal.popup-form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    #ebook_popup_form_modal.popup-form .modal-dialog {
        margin: 4.75rem auto;
    }
    #ebook_popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
        margin-left: 15px;
    }
    #ebook_popup_form_modal.popup-form .ebook_btn {
        margin-top: 10px;
        font-size: 14px !important;
    }
    #ebook_popup_form_modal.popup-form .title {
        font-size: 20px;
        font-weight: 500;
    }
    #ebook_popup_form_modal .fitoutform .form-group label {
        display: none;
    }
}

#game_dev_comp_main {
    background: #090909;
}

#game_dev_comp_main .game_dev_comp_banner {
    background: url(../../static/media/gamebackground-image.e5c04d104314f1964d62.webp);
    /* D:\projects\blockchain\blockchain\public\banner (1).webp */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    margin-top: 3%;
    text-align: center;
}

@media (max-width: 991px) {
    #game_dev_comp_main .game_dev_comp_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 100% !important;
        background: none;
    }
    #game_dev_comp_main .game_dev_comp_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909cf;
    }
}

#game_dev_comp_main .game_dev_comp_banner .title {
    font-weight: 200;
    font-size: 35px !important;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
    color: #fff;
    letter-spacing: 6px;
    /* line-height: 1.5; */
    display: flex;
    flex-direction: column;
}

#game_dev_comp_main .game_dev_comp_banner .bnr_clr_title {
    font-size: 45px;
    font-weight: 800;
    background: linear-gradient(45deg, #A316FF 0%, #FF26D6 50.45%, #FFB247 83.87%, #FF9B1F 100%);
    background: var(--linear-2-paints, linear-gradient(45deg, #A316FF 0%, #FF26D6 50.45%, #FFB247 83.87%, #FF9B1F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
    line-height: 1;
}

#game_dev_comp_main .game_dev_comp_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    padding-top: 10px;
}

#game_dev_comp_main .game_dev_comp_banner .banner_btn_sec {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

#game_dev_comp_main .game_dev_comp_banner .banner_btn {
    position: relative;
    border-radius: 8px;
    background: linear-gradient(135deg, #8512CA 0%, #C71EAE 51.37%, #FFA024 100%);
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;
    border: none;
    font-size: 16px;
    font-weight: 500;
}

#game_dev_comp_main .game_dev_comp_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #game_dev_comp_main .game_dev_comp_sec #game_dev_card {
        background: url(../../static/media/game-dev-card.b1ac8047bf20f9c03e2b.webp);
        /* D:\projects\blockchain\blockchain\public\ */
        padding: 30px;
        min-height: 484px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        align-items: center;
    }
}

#game_dev_comp_main .game_dev_comp_sec .title {
    font-size: 30px;
    background: linear-gradient(71deg, #A316FF 3.86%, #FF26D6 20.46%, #FFB247 41.35%, #FF9B1F 44.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#game_dev_comp_main .game_dev_comp_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 5px;
    background: #25F013;
    margin-right: 10px;
}

#game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn.mobile {
    display: none;
}

#game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;
    background: #13E3F0;
    color: #000 !important;
}

#game_dev_comp_main .game_dev_comp_services {
    padding: 50px 0px;
}

#game_dev_comp_main .game_dev_comp_services .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding-left: 30px;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: linear-gradient(90deg, #8512CA 0%, rgba(9, 9, 9, 0.00) 100%);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#game_dev_comp_main .game_dev_comp_services .title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    height: 100%;
    width: 7px;
    background: #FFA024;
}

#game_dev_comp_main .game_dev_comp_services .item {
    margin: 0px 10px;
}

#game_dev_comp_main .game_dev_comp_services .service_box {
    /* width: 420px; */
    border-radius: 10px;
    border: 1px solid #C434E5;
    background: rgba(0, 0, 0, 0.30);
    -webkit-backdrop-filter: blur(3.5px);
    backdrop-filter: blur(3.5px);
    padding: 15px;
    margin: 10px;
    margin-top: 30px;
    margin-bottom: 40px;
    min-height: 555px;
    color: #fff;
    /* width: 10px; */
}

#game_dev_comp_main .game_dev_comp_services .service_box:hover img {
    transform: scale(1.2);
}

#game_dev_comp_main .game_dev_comp_services .service_box .img_sec {
    width: 400px;
    overflow: hidden;
}

#game_dev_comp_main .game_dev_comp_services .service_box img {
    transform: scale(1);
    transition: all .5s ease-in-out;
}

#game_dev_comp_main .game_dev_comp_services .sub_title {
    background: linear-gradient(71deg, #A316FF 3.86%, #FF26D6 34.46%, #FFB247 61.35%, #FF9B1F 94.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0px;
    /* padding-top: 100px !important; */
    font-family: "Urbanist", sans-serif;
}

#game_dev_comp_main .game_dev_comp_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.8;
}

.slick-prev,
.slick-next {
    top: 100% !important;
    transform: none;
    transform: initial;
    font-size: 0px;
}

#game_dev_comp_main .game_dev_comp_services .slick-prev {
    left: 45%;
    /* background: url('./asset/inner-pages-new/game-development-company/arrow.svg'); */
    width: 50px;
    height: 30px;
    background-repeat: no-repeat;
}

#game_dev_comp_main .game_dev_comp_services .slick-next {
    /* background: url('./asset/inner-pages-new/game-development-company/arrow.svg'); */
    width: 50px;
    height: 30px;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    right: 45%;
}

.slick-prev:before,
.slick-next:before {
    opacity: 0;
    display: none;
}

#game_dev_comp_main .game_dev_comp_platform {
    padding: 50px 0px;
}

#game_dev_comp_main .game_dev_comp_platform .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding-left: 30px;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: linear-gradient(90deg, #8512CA 0%, rgba(9, 9, 9, 0.00) 100%);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#game_dev_comp_main .game_dev_comp_platform .title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    height: 100%;
    width: 7px;
    background: #FFA024;
}

#game_dev_comp_main .game_dev_comp_platform .cus_col {
    padding-right: 15%;
}

#game_dev_comp_main .game_dev_comp_platform .platform_box {
    padding: 20px;
    border-radius: 5px;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    /* min-height: 240px; */
    height: auto;
}

#game_dev_comp_main .game_dev_comp_platform .head_sec {
    display: flex;
    align-items: center;
}

#game_dev_comp_main .game_dev_comp_platform .sprite_icons {
    width: 50px;
    height: 50px;
    /* object-fit: none; */
}

#game_dev_comp_main .game_dev_comp_platform .sub_title {
    background: linear-gradient(71deg, #A316FF 3.86%, #FF26D6 34.46%, #FFB247 61.35%, #FF9B1F 94.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0px;
    padding-left: 10px;
    font-family: "Urbanist", sans-serif;
}

#game_dev_comp_main .game_dev_comp_platform .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#game_dev_comp_main .game_dev_comp_platform .game_dev_btn_sec {
    margin-top: 30px;
}

#game_dev_comp_main .game_dev_comp_platform .game_dev_btn {
    position: relative;
    border-radius: 8px;
    background: linear-gradient(135deg, #8512CA 0%, #C71EAE 51.37%, #FFA024 100%);
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;
    border: none;
    font-size: 16px;
    font-weight: 500;
}

#game_dev_comp_main .game_dev_comp_techstack {
    padding: 50px 0px;
}

#game_dev_comp_main .game_dev_comp_techstack .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding-left: 30px;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: linear-gradient(90deg, #8512CA 0%, rgba(9, 9, 9, 0.00) 100%);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#game_dev_comp_main .game_dev_comp_techstack .title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    height: 100%;
    width: 7px;
    background: #FFA024;
}

#game_dev_comp_main .game_dev_comp_techstack .tech_box {
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    background: rgb(255 255 255 / 3%);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
    padding-top: 0px;
    min-height: 320px;
}

#game_dev_comp_main .game_dev_comp_techstack .sub_title {
    border-radius: 0px 0px 10px 10px;
    ackground: -webkit-linear-gradient(71deg, #A316FF 3.86%, #FF26D6 34.46%, #FFB247 61.35%, #FF9B1F 94.32%);
    background: linear-gradient(71deg, #A316FF 3.86%, #FF26D6 34.46%, #FFB247 61.35%, #FF9B1F 94.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-family: "Urbanist", sans-serif;
    padding-top: 13px;
}

#game_dev_comp_main .game_dev_comp_techstack .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#game_dev_comp_main .game_dev_comp_why {
    padding-top: 0px;
    padding-bottom: 20px;
    background: #000;
    position: relative;
}

#game_dev_comp_main .game_dev_comp_why .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#game_dev_comp_main .game_dev_comp_why .contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#game_dev_comp_main .game_dev_comp_why .why_box {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #090909;
    margin-right: 20px;
}

#game_dev_comp_main .game_dev_comp_why .sub_title {
    background: linear-gradient(71deg, #A316FF 3.86%, #FF26D6 15.46%, #FFB247 35.35%, #FF9B1F 64.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-family: "Urbanist", sans-serif;
}

#game_dev_comp_main .game_dev_comp_why .why_scrollsec {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#game_dev_comp_main .game_dev_comp_why .why_scrollsec,
#game_dev_comp_main .game_dev_comp_production .why_scrollsec {
    scrollbar-width: thin;
    scrollbar-color: #FFA024 rgba(255, 255, 255, 0.03);
    overflow-y: auto;
}

#game_dev_comp_main .game_dev_comp_why .why_scrollsec::-webkit-scrollbar,
#game_dev_comp_main .game_dev_comp_production .why_scrollsec::-webkit-scrollbar {
    width: 8px;
    height: 4px;
}

#game_dev_comp_main .game_dev_comp_why .why_scrollsec::-webkit-scrollbar-track,
#game_dev_comp_main .game_dev_comp_production .why_scrollsec::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.03);
}

#game_dev_comp_main .game_dev_comp_why .why_scrollsec::-webkit-scrollbar-thumb,
#game_dev_comp_main .game_dev_comp_production .why_scrollsec::-webkit-scrollbar-thumb {
    background: #FFA024;
}

@-moz-document url-prefix() {
    #game_dev_comp_main .game_dev_comp_why .why_scrollsec,
    #game_dev_comp_main .game_dev_comp_production .why_scrollsec {
        scrollbar-width: thin;
        scrollbar-color: #FFA024 rgba(255, 255, 255, 0.03);
        overflow-y: auto;
    }
    #game_dev_comp_main .game_dev_comp_why .why_scrollsec::scrollbar,
    #game_dev_comp_main .game_dev_comp_production .why_scrollsec::scrollbar {
        width: 8px;
        height: 3px;
    }
    #game_dev_comp_main .game_dev_comp_why .why_scrollsec::-webkit-scrollbar-track,
    #game_dev_comp_main .game_dev_comp_production .why_scrollsec::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.03);
    }
    #game_dev_comp_main .game_dev_comp_why .why_scrollsec::-webkit-scrollbar-thumb,
    #game_dev_comp_main .game_dev_comp_production .why_scrollsec::-webkit-scrollbar-thumb {
        background: #FFA024;
    }
}

/** Scrollbar Styles END **/

#game_dev_comp_main .game_dev_comp_why .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#game_dev_comp_main .game_dev_comp_why .game_dev_btn_sec {
    margin-top: 30px;
}

#game_dev_comp_main .game_dev_comp_why .game_dev_btn {
    position: relative;
    border-radius: 8px;
    background: linear-gradient(135deg, #8512CA 0%, #C71EAE 51.37%, #FFA024 100%);
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;
    border: none;
    font-size: 16px;
    font-weight: 500;
}

#game_dev_comp_main .game_dev_comp_why .why_img_sec {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    margin-bottom: 50px;
}

#game_dev_comp_main .game_dev_comp_quant {
    padding: 50px 0px;
}

#game_dev_comp_main .game_dev_comp_quant .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding-left: 30px;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: linear-gradient(90deg, #8512CA 0%, rgba(9, 9, 9, 0.00) 100%);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#game_dev_comp_main .game_dev_comp_quant .title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    height: 100%;
    width: 7px;
    background: #FFA024;
}

#game_dev_comp_main .game_dev_comp_quant .quant_list {
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

#game_dev_comp_main .game_dev_comp_quant .sub_title {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0px;
    padding-top: 20px;
    font-family: "Urbanist", sans-serif;
}

#game_dev_comp_main .game_dev_comp_quant .sprite_icons {
    width: 150px;
    height: 130px;
    /* object-fit: none; */
    animation: bounce2 3s infinite ease-in-out;
}

@keyframes bounce2 {
    0% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(-5px);
    }
    ;
}

#game_dev_comp_main .game_dev_comp_production {
    padding: 50px 0px;
}

#game_dev_comp_main .game_dev_comp_production .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding-left: 30px;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: linear-gradient(90deg, #8512CA 0%, rgba(9, 9, 9, 0.00) 100%);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 20px;
}

#game_dev_comp_main .game_dev_comp_production .title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    height: 100%;
    width: 7px;
    background: #FFA024;
}

#game_dev_comp_main .game_dev_comp_production .why_box {
    margin-bottom: 20px;
}

#game_dev_comp_main .game_dev_comp_production .head_sec {
    display: flex;
    align-items: center;
}

#game_dev_comp_main .game_dev_comp_production .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#game_dev_comp_main .game_dev_comp_production .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#game_dev_comp_main .game_dev_comp_production .why_scrollsec {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 30px;
}

@media(max-width: 991px) {
    #game_dev_comp_main .game_dev_comp_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
        min-height: 700px;
    }
    #game_dev_comp_main .game_dev_comp_banner .banner_sec {
        margin-top: 10%;
    }
    #game_dev_comp_main .game_dev_comp_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    #game_dev_comp_main .game_dev_comp_sec #game_dev_card {
        border-radius: 25px;
        background: linear-gradient(180deg, #000 0%, #0E0E0E 100%);
        padding: 30px;
    }
    #game_dev_comp_main .game_dev_comp_sec,
    #game_dev_comp_main .game_dev_comp_platform .game_dev_btn_sec,
    #game_dev_comp_main .game_dev_comp_why .title,
    #game_dev_comp_main .game_dev_comp_why .contents,
    #game_dev_comp_main .game_dev_comp_why .game_dev_btn_sec,
    #game_dev_comp_main .game_dev_comp_why .img_sec {
        text-align: center;
    }
    #game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn_sec {
        justify-content: center;
    }
    #game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    #game_dev_comp_main .game_dev_comp_platform .cus_col {
        padding-right: 15px;
    }
    #game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn.desktop,
    .slick-dots li button {
        display: none;
    }
    #game_dev_comp_main .game_dev_comp_services .slick-prev {
        left: 40%;
    }
    #game_dev_comp_main .game_dev_comp_services .slick-next {
        right: 40%;
    }
    #game_dev_comp_main .game_dev_comp_services .service_box img {
        width: 100%;
    }
}

@media(max-width: 767px) {
    #game_dev_comp_main .game_dev_comp_banner {
        display: flex;
        align-items: center;
        min-height: 600px;
    }
    #game_dev_comp_main .game_dev_comp_banner .title {
        font-size: 25px !important;
        line-height: 1.4;
    }
    #game_dev_comp_main .game_dev_comp_banner .bnr_clr_title {
        font-size: 28px !important;
    }
    #game_dev_comp_main .game_dev_comp_sec .big_title {
        font-size: 45px;
    }
    #game_dev_comp_main .game_dev_comp_banner .banner_btn,
    #game_dev_comp_main .game_dev_comp_platform .game_dev_btn,
    #game_dev_comp_main .game_dev_comp_why .game_dev_btn {
        font-size: 14px;
        padding: 10px 15px;
    }
    #game_dev_comp_main .game_dev_comp_sec {
        padding-top: 0px;
    }
    #game_dev_comp_main .game_dev_comp_sec .title,
    #game_dev_comp_main .game_dev_comp_services .title,
    #game_dev_comp_main .game_dev_comp_platform .title,
    #game_dev_comp_main .game_dev_comp_techstack .title,
    #game_dev_comp_main .game_dev_comp_quant .title,
    #game_dev_comp_main .game_dev_comp_why .title,
    #game_dev_comp_main .game_dev_comp_production .title {
        font-size: 25px !important;
        line-height: 1.5 !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    #game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn,
    #game_dev_comp_main .game_dev_comp_sec .blk_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 10px;
    }
    #game_dev_comp_main .game_dev_comp_techstack .tech_box,
    #game_dev_comp_main .game_dev_comp_platform .platform_box {
        min-height: 0px;
    }
    #game_dev_comp_main .game_dev_comp_sec #game_dev_card {
        padding: 20px 10px;
        margin: 0px 10px;
    }
}

@media(max-width: 476px) {
    #game_dev_comp_main .game_dev_comp_services .slick-prev {
        left: 35%;
    }
    #game_dev_comp_main .game_dev_comp_services .slick-next {
        right: 35%;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.skiptranslate.goog-te-gadget,
#google_translate_element {
    visibility: hidden;
}

.skiptranslate.goog-te-gadget div:nth-child(1) {
    visibility: visible;
}

.skiptranslate iframe {
    display: none !important;
}

.fixed_social_icons {
    bottom: 29%;
    right: 1.2%;
    position: fixed;
    z-index: 10;
}

/*.fixed_social_icons ul {
padding-left: 0px;
padding: 10px 3px;
text-align: center;
background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
border-radius: 5px;
}*/

.fixed_social_icons li {
    float: none;
    list-style: none;
    margin-bottom: 10px;
}

.fixed_social_icons li a img {
    max-width: 25px;
}

a.whatsapp {
    position: relative;
}

.fixed_social_icons a.mobile {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    float: none;
    float: initial;
}

.fixed_social_icons a.desktop {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
}

.fixed_social_icons a.skype_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.telegram_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.whatsapp:after {
    border: 5px solid #17c258;
}

@media screen and (max-width: 991px) {
    .fixed_social_icons .desktop {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons {
        right: 2% !important;
        bottom: 20%;
    }
    #back_to_top_button {
        bottom: 14% !important;
    }
}

@media (max-width: 767px) {
    #back_to_top_button {
        width: 40px !important;
        right: 15px !important;
        bottom: 14% !important;
    }
    .fixed_social_icons li a img {
        max-width: 22px !important;
    }
    .fixed_social_icons li {
        margin-bottom: 10px;
    }
    #back_to_top_button i {
        font-size: 20px;
    }
    .fixed_social_icons {
        bottom: 20%;
        right: 1.5%;
    }
}

@media (max-width: 567px) {
    #back_to_top_button {
        right: 8px !important;
    }
}

/*Start Back to Top Section*/

#back_to_top_button {
    display: inline-block;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 21%;
    right: 17px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 20%;
    left: 33%;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

/*End Back to Top Section*/

/*Fixed Button Start */

.designer_pops .demo-icon {
    font-size: 16px;
    position: fixed;
    white-space: nowrap;
    left: 100%;
    top: 50%;
    z-index: 10;
    color: #fff;
    padding: 4px 15px;
    text-transform: capitalize;
    font-weight: 500;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    cursor: pointer;
    transform: translate(-59%, -50%) rotate(-90deg);
    text-align: center;
    border-radius: 0px;
    border: none;
    animation: change_bg 5s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
}

/*Fixed Button End*/

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

@media (max-width: 990px) {
    .img-fluid {
        /* display: none; */
    }
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

#game_dev_comp_main .game_dev_comp_services .sub_contents {
    font-size: 16px !important;
    font-weight: 300 !important;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    line-height: 1.8 !important;
    /* color: black; */
}

/* Add border and set initial shadow and transition */

.tech_box {
    border: 1px solid #00FFFF;
    /* Set initial border color to green */
    transition: box-shadow 0.3s, transform 0.3s;
    /* Keep transition for shadow and transform */
}

/* On hover, apply shadow effect and background zoom */

.tech_box:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 255, 0.5);
    transform: scale(1.05);
}

.go-to-gamedevelopment {
    padding-left: 140px;
}

@media (max-width: 500px) {
    .go-to-gamedevelopment {
        padding: 1px;
        display: none;
    }
}

.a-card {
    border: 1px solid #C434E5;
    transition: box-shadow 0.3s ease;
    /* Add transition for smooth effect */
    margin: 10px;
    width: 80% !important;
    /* Add margin for spacing between cards */
}

.a-card:hover {
    border: none;
    /* Remove border on hover */
    box-shadow: 0px 0px 10px 0px #C434E5;
    /* Add box shadow on hover */
}

.RelatedPortfolioSlider-main-div-2 {
    position: relative;
}

.slider-container {
    display: flex;
    align-items: center;
    gap: 65%;
    margin-left: 32px;
    margin-bottom: 20px;
    /* Adjust as needed */
}

.slider-navigation button {
    background-color: blue;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 5px;
    border-radius: 10px;
    /* Adjust as needed */
    margin: 0 15px;
    /* 20px gap between icons */
}

.slider-navigation button:hover {
    opacity: 0.8;
    /* Reduce opacity on hover if desired */
}

/* Centering and making images responsive */

.slider-item {
    display: flex;
    justify-content: center;
}

.slider-item img {
    max-width: 100%;
    /* Ensure images don't exceed parent width */
    height: auto;
    /* Maintain aspect ratio */
}

@media screen and (max-width: 700px) {
    .slider-navigation {
        display: none;
    }
}

/* 




.item {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}


.item img{
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.item .sub_title{
    color: rgb(110, 0, 213);
    margin-left: 15px;
}

 .item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url(https://www.MetaBlocktechnologies.com/asset/home-page-new/images/blueQuotes.webp) center/52px no-repeat;
}



 .slick-slide {
    display: block;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

 .item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

 img {
    display: block;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
    border-style: none;
}

 .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

 .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;

}
 */

/*    ----------------scroll bar--------------- */

.slider-main-div {
    width: 100vw;
    padding: 50px 20px 30px 20px;
}

.slider-div {
    width: 83vw;
    margin: auto;
}

@media(max-width:375px) {
    .slider-main-div {
        width: 100vw;
        /* height: 130vh; */
        padding: 0px 20px 30px;
    }
    .slider-div {
        width: 83vw;
        margin: auto;
        width: 60vh;
        /* height: 30vh; */
    }
    .sub_contents {
        font-size: 12px !important;
        padding-top: 15px !important;
        color: #fff;
        font-weight: 300 !important;
        margin-bottom: 0px !important;
        line-height: 1.7 !important;
    }
}

@media(max-width:768px) {
    .slider-div {
        width: 43vh;
        /* height: 30vh; */
    }
    .item {
        /* flex-direction: column; */
    }
    .item .testMoImgBg {
        /* flex-direction: column; */
    }
}

.item {
    /* position: relative; */
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.item::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("https://www.MetaBlocktechnologies.com/asset/home-page-new/images/blueQuotes.webp") center/52px no-repeat;
}

.item .testMoLst {
    margin-left: 15px;
}

.item .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.item .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.sub_title {
    font-size: 20px;
    font-weight: 600;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.slick-prev {
    left: 0%;
    z-index: 1;
}

.title .cus_title {
    color: #828282 !important;
}

.title {
    font-weight: 600 !important;
    font-size: 50px !important;
    line-height: 1.4 !important;
    text-align: center;
    font-family: "Urbanist", sans-serif !important;
    text-transform: capitalize !important;
    width: 43vw;
    margin: auto;
    padding: 40px 0px;
}

/* .item .slick-prev:before {
      position: absolute;
      top: 20px;
      content: "\276E";
      font-size: 18px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background: #373737;
    } */

.slick-next {
    right: 1%;
    z-index: 1;
}

/* .slick-next:before {
      content: "\276F";
      font-size: 18px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background: #373737;
    } */

/* @media (max-width: 991px) {
    .Main-section .MetaBlock_testimonial_sec .title {
      font-size: 40px;
    }
  }
  
  @media (max-width: 767px) {
    .Main-section .MetaBlock_testimonial_sec .title {
      font-size: 25px;
      text-align: center;
    }
  }
  
  @media (max-width: 467px) {
    .Main-section .MetaBlock_testimonial_sec .item {
      display: initial;
      padding: 30px;
    }
  
    .Main-section .MetaBlock_testimonial_sec .item .testMoLst {
      margin-left: 0px;
      margin-top: 10px;
    }
  
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg {
      display: initial;
    }
  
    .Main-section .MetaBlock_testimonial_sec .item .testMoImgBg .head_sec {
      margin-bottom: 10px;
    }
  }
  
  
  
  @media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item {
      position: relative;
    }
  
    .Main-section .scroll-reveal-section .item:after {
      content: "";
      display: block;
      height: 120vh;
      margin-bottom: -120vh;
    }
  
    .Main-section .scroll-reveal-section .item:last-of-type {
      margin-bottom: 0;
      background-image: linear-gradient(to bottom,
          rgba(0, 0, 0, 0.05),
          transparent 50px),
        linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
  
    .Main-section .scroll-reveal-section .item:last-of-type:after {
      display: none;
    }
  
    .Main-section .scroll-reveal-section .item .image-holder {
      position: sticky;
      top: 5%;
    }
  }
  
  .Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
  }
  
  .Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
  }
  
  .Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
  }
  
  .Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
  } */

#metaverse_game_main {
    background: #01030B;
}

#metaverse_game_main .metaverse_game_banner {
    padding: 50px 0px;
    height: 100vh;
    display: flex;
    align-items: center;
}

#metaverse_game_main .metaverse_game_banner .cus_ban_col {
    padding-right: 20px;
}

#metaverse_game_main .metaverse_game_banner .banner_img {
    padding-top: 35px;
}

@media (max-width: 1400px) {
    #metaverse_game_main .metaverse_game_banner .banner_img {
        width: 630px;
    }
}

#metaverse_game_main .metaverse_game_banner .banner_contsec {
    margin-left: -20%;
    padding-right: 50px;
}

#metaverse_game_main .metaverse_game_banner .title {
    font-weight: 700;
    font-size: 35px !important;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: 3px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_banner .cus_brn_title {
    font-weight: 900;
    color: #BD3AFF;
    font-size: 55px;
}

#metaverse_game_main .metaverse_game_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
}

#metaverse_game_main .metaverse_game_banner .banner_btn_sec {
    margin-top: 30px;
}

#metaverse_game_main .metaverse_game_banner .banner_btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    border: none;
}

#metaverse_game_main .metaverse_game_sec {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_sec .title {
    font-size: 30px;
    color: #BD3AFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_sec .metaverse_game_btn_sec {
    text-align: center;
    display: flex;
    margin-top: 30px;
}

#metaverse_game_main .metaverse_game_whatsec {
    padding: 50px 0px;
    text-align: center;
}

#metaverse_game_main .metaverse_game_whatsec .title {
    font-size: 40px;
    color: #BD3AFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_whatsec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    background: #33FF00;
    box-shadow: 0px 0px 10px #33FF00;
    margin-right: 10px;
}

#metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00C2FF;
    box-shadow: 0px 0px 10px #00C2FF;
    color: #000 !important;
}

#metaverse_game_main .metaverse_game_comp {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_comp #metaverse_game_comp_card {
    padding: 20px 120px;
    background: rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    position: relative;
    z-index: 10;
}

#metaverse_game_main .metaverse_game_comp .metaverse_game_comp_cardsec {
    position: relative;
    z-index: 1;
}

@media (min-width: 991px) {
    #metaverse_game_main .metaverse_game_comp .metaverse_game_comp_cardsec:before {
        content: "";
        position: absolute;
        border: 5px solid #fff;
        width: 200px;
        box-shadow: 0px 0px 15px 2px #ff00d0e0;
        height: 200px;
        border-radius: 50%;
        top: 13%;
        left: -12%;
        z-index: -1;
    }
    #metaverse_game_main .metaverse_game_comp .metaverse_game_comp_cardsec:after {
        content: "";
        position: absolute;
        border: 5px solid #fff;
        width: 200px;
        box-shadow: 0px 0px 20px 3px #FF00D0;
        height: 200px;
        border-radius: 50%;
        top: 13%;
        right: -12%;
        z-index: -1;
    }
}

#metaverse_game_main .metaverse_game_comp .title {
    font-size: 35px;
    color: #BD3AFF;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_comp .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_benefits {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_benefits .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_benefits .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_benefits .benefits_box {
    padding: 20px;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
    margin-top: 30px;
    min-height: 300px;
    transition: 0.5s all ease-in-out;
    transform: translateY(10px);
}

#metaverse_game_main .metaverse_game_benefits .benefits_box:hover {
    transform: translateY(0px);
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_benefits .benefits_box.clippath1 {
        -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        min-height: 378px;
    }
    #metaverse_game_main .metaverse_game_benefits .benefits_box.clippath2 {
        -webkit-clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
        min-height: 378px;
    }
    #metaverse_game_main .metaverse_game_benefits .cp_center {
        margin-top: 130px;
    }
    #metaverse_game_main .metaverse_game_benefits .clippath1 .sprite_icons,
    #metaverse_game_main .metaverse_game_benefits .clippath2 .sprite_icons {
        margin-top: 15px;
        margin-bottom: 20px;
    }
}

#metaverse_game_main .metaverse_game_benefits .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_game_main .metaverse_game_benefits .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_benefits .sprite_icons {
    width: 40px;
    height: 40px;
    object-fit: none;
    position: relative;
    z-index: 1;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

#metaverse_game_main .metaverse_game_benefits .img_sec {
    position: relative;
}

#metaverse_game_main .metaverse_game_benefits .img_sec:before {
    content: "";
    position: absolute;
    background: #00E0FF;
    filter: blur(12.5px);
    width: 30px;
    height: 20px;
    bottom: 15%;
    left: 45%;
    z-index: 0;
}

#metaverse_game_main .metaverse_game_benefits .cp_center .img_sec:before {
    bottom: -12%;
}

#metaverse_game_main .metaverse_game_benefits .cp_center .img_sec {
    margin-bottom: 10px;
}

#metaverse_game_main .metaverse_game_unique {
    padding: 50px 0px;
    position: relative;
}

@media (min-width: 991px) {
    #metaverse_game_main .metaverse_game_unique:before {
        content: "";
        position: absolute;
        background: linear-gradient(141.34deg, #C434E5 11.16%, #00E0FF 105.98%);
        filter: blur(242.5px);
        width: 300px;
        height: 160px;
        border-radius: 50px;
        top: 43%;
        left: 40%;
        z-index: 0;
    }
}

#metaverse_game_main .metaverse_game_unique .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_unique .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_unique .unique_box {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#metaverse_game_main .metaverse_game_unique .unique_box:hover .sub_title {
    color: #C434E5;
}

#metaverse_game_main .metaverse_game_unique .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 10px;
}

#metaverse_game_main .metaverse_game_unique .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_unique .sprite_icons {
    width: 50px;
    height: 50px;
    /* object-fit: none; */
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_unique .row_line {
        position: relative;
    }
    #metaverse_game_main .metaverse_game_unique .row_line:before {
        position: absolute;
        content: '';
        top: 2%;
        left: 33%;
        height: 100%;
        width: 1px;
        border: 1px solid #C434E5;
        opacity: 0.12;
    }
    #metaverse_game_main .metaverse_game_unique .row_line:after {
        position: absolute;
        content: '';
        top: 2%;
        right: 33%;
        height: 100%;
        width: 1px;
        border: 1px solid #C434E5;
        opacity: 0.12;
    }
    #metaverse_game_main .metaverse_game_unique .col_line {
        position: relative;
    }
    #metaverse_game_main .metaverse_game_unique .col_line:after {
        position: absolute;
        content: '';
        bottom: -6%;
        left: -1%;
        height: 1px;
        width: 100%;
        border: 1px solid #C434E5;
        opacity: 0.12;
    }
}

#metaverse_game_main .metaverse_game_model {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_model .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_model .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_model .model_box {
    padding: 20px;
    text-align: center;
    margin-top: 10px;
    border-radius: 8px;
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(180deg, #C434E5 0%, #000000 70%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #01030b inset;
}

#metaverse_game_main .metaverse_game_model .model_box:hover {
    box-shadow: inset 0px -1px 18px rgb(195 52 228 / 43%);
    border: none;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#metaverse_game_main .metaverse_game_model .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_model .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_process {
    padding: 50px 0px;
    position: relative;
}

#metaverse_game_main .metaverse_game_process .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_process .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_process .process_list_after {
    position: relative;
}

#metaverse_game_main .metaverse_game_process .process_list_after:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #01030B;
    border: 5px solid #C434E5;
    box-shadow: 0px 0px 15px #C434E5;
    position: absolute;
    top: 25%;
    left: 50.2%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#metaverse_game_main .metaverse_game_process .process_after {
    margin-top: 30px;
    position: relative;
}

#metaverse_game_main .metaverse_game_process .process_after:after {
    content: "";
    width: 3px;
    height: 100%;
    background: #C434E5;
    position: absolute;
    top: 0px;
    left: 50%;
    border-radius: 20px;
}

#metaverse_game_main .metaverse_game_process .process_box {
    padding: 20px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    margin: 10px 35px;
}

#metaverse_game_main .metaverse_game_process .process_box:hover {
    border: 1px solid #c434e5;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#metaverse_game_main .metaverse_game_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 30px;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_process .bg_title {
        color: transparent;
        opacity: 0.15;
        transform: rotate(-89.99deg);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #bb3bff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-fill-color: linear-gradient(105.44deg, #BB3CFF 46%, #000000 27%);
        font-weight: 700;
        font-size: 140px;
        letter-spacing: 10px;
        position: absolute;
        left: -22%;
        top: 38%;
        z-index: 1;
        text-transform: uppercase;
    }
    #metaverse_game_main .metaverse_game_process .bg_title1 {
        color: transparent;
        opacity: 0.15;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #bb3bff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-fill-color: linear-gradient(105.44deg, #BB3CFF 46%, #000000 27%);
        font-weight: 700;
        font-size: 140px;
        position: absolute;
        right: 4%;
        line-height: 2;
        top: 25%;
        z-index: 1;
        text-transform: uppercase;
    }
    #metaverse_game_main .metaverse_game_services {
        padding: 130px 0px;
        /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }
}

#metaverse_game_main .metaverse_game_services .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

#metaverse_game_main .metaverse_game_services .service_box {
    padding: 15px;
    border-radius: 10px;
    background: #0E1017;
    min-height: 495px;
    position: relative;
    z-index: 1;
    margin-top: 30px;
    border: 1px solid transparent;
}

#metaverse_game_main .metaverse_game_services .service_box:hover {
    border: 1px solid #C434E5;
    background: transparent;
}

#metaverse_game_main .metaverse_game_services .service_box .img_sec {
    overflow: hidden;
}

#metaverse_game_main .metaverse_game_services .service_box:hover .sprite_icons {
    webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#metaverse_game_main .metaverse_game_services .sprite_icons {
    width: 40%;
    height: 140px;
    transition: all .8s ease-in-out;
    overflow: hidden;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

#metaverse_game_main .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 20px;
}

#metaverse_game_main .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_clone {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_clone .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_clone .clone_list_sec {
    text-align: center;
    margin: 0 auto;
    display: table;
}

#metaverse_game_main .metaverse_game_clone .clone_list {
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

#metaverse_game_main .metaverse_game_clone .sub_title {
    padding-left: 12px;
    font-size: 16px;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_category {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_category .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_category .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

#metaverse_game_main .metaverse_game_category .category_box {
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(280deg, #C434E5 0%, #000000 70%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 20px 0px;
    box-shadow: 2px 1000px 1px #090a11 inset;
    position: relative;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_category .category_box:before {
        position: absolute;
        content: '';
        top: -23%;
        left: -17%;
        width: 720px;
        height: 500px;
        /* background: url(./asset/inner-pages-new/metaverse-game-development/category-img.webp); */
    }
}

#metaverse_game_main .metaverse_game_category .category_list {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-top: 10px;
}

#metaverse_game_main .metaverse_game_category .sub_title {
    padding-left: 15px;
    font-size: 16px;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_category .sprite_icons {
    width: 50px;
    height: 50px;
    /* object-fit: none; */
    /* animation: zoom-in-zoom-out 2s ease-out infinite; */
}

#metaverse_game_main .metaverse_game_industry {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_industry .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_industry .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_industry .industry_box {
    padding: 15px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #C434E5;
    border-radius: 5px;
    margin: 40px 0px;
    transition: 0.5s all ease-in-out;
    transform: translateY(10px);
}

#metaverse_game_main .metaverse_game_industry .industry_box:hover {
    transform: translateY(0px);
}

#metaverse_game_main .metaverse_game_industry .industry_box:hover .sprite_icons {
    filter: grayscale(1);
}

#metaverse_game_main .metaverse_game_industry .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
    margin-bottom: -60px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

#metaverse_game_main .metaverse_game_techstack {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_techstack .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_techstack #techstack_box {
    background: linear-gradient(93.58deg, #C434E5 20.68%, #8B52FF 91.07%);
    padding: 35px 20px;
    margin-top: 20px;
    position: relative;
}

@media(min-width: 991px) {
    #metaverse_game_main .metaverse_game_techstack #techstack_box:before {
        position: absolute;
        content: '';
        background: linear-gradient(93.58deg, rgba(196, 52, 229, 0.15) 20.68%, rgba(139, 82, 255, 0.15) 91.07%);
        transform: rotate(-2.19deg);
        left: 0%;
        top: 0%;
        width: 100%;
        height: 210px;
    }
}

#metaverse_game_main .metaverse_game_techstack .techstack_list {
    text-align: center;
}

#metaverse_game_main .metaverse_game_techstack .sub_title {
    padding-top: 10px;
    font-size: 16px;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_techstack .sprite_icons {
    width: 70px;
    height: 70px;
    /* object-fit: none;
    animation: zoom-in-zoom-out 2s ease-out infinite; */
}

#metaverse_game_main .metaverse_game_hire {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_hire .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_hire .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: justify;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_hire .metaverse_game_btn_sec {
    text-align: center;
    justify-content: center;
    display: flex;
    margin-top: 20px;
}

#metaverse_game_main .metaverse_game_whydo {
    padding: 50px 0px;
}

#metaverse_game_main .metaverse_game_whydo .why_do_box {
    padding: 130px 20px 20px 20px;
    text-align: center;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.05) 7.69%, rgba(255, 255, 255, 0) 143.98%);
    border-radius: 27px;
    margin-top: -200px;
}

#metaverse_game_main .metaverse_game_whydo .title {
    font-size: 35px;
    color: #C434E5;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_whydo .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_whydo .sub_title {
    font-size: 23px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: capitalize;
    margin-bottom: 20px;
}

#metaverse_game_main .metaverse_game_whydo .whydo_list {
    display: flex;
    align-items: center;
    padding: 10px;
}

#metaverse_game_main .metaverse_game_whydo .sub_contents {
    font-size: 16px;
    padding-left: 10px;
    line-height: 1.6;
    text-transform: capitalize;
}

#metaverse_game_main .metaverse_game_ebook_sec {
    padding: 90px 0px;
}

#metaverse_game_main .metaverse_game_ebook_sec .title {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#metaverse_game_main .metaverse_game_ebook_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#metaverse_game_main .metaverse_game_ebook_sec #ebook_card {
    padding: 30px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    position: relative;
}

#metaverse_game_main .metaverse_game_ebook_sec #ebook_card .ebook_card_img {
    position: absolute;
    top: -28%;
    right: 8%;
    height: 480px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn_sec {
    margin-top: 20px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn {
    background: #01030b;
    border-radius: 5px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 50px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:hover:after {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:before {
    width: 25px;
    height: 7px;
    border-style: solid;
    border-width: 0 2px 2px;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:before,
#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
}

#metaverse_game_main .metaverse_game_ebook_sec .ebook_btn:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1;
    }
    0.001% {
        margin-top: -15px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: 0;
        opacity: 0;
    }
}

#metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
    padding: 10px 20px;
    position: absolute;
    right: 0%;
    top: -13%;
    width: 150px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
    text-align: center;
}

#metaverse_game_main .metaverse_game_ebook_sec .free_img {
    width: 80px;
}

@media(max-width: 991px) {
    #metaverse_game_main .metaverse_game_banner {
        display: flex;
        align-items: center;
        height: 650px;
        padding: 50px 0px;
        text-align: center;
    }
    #metaverse_game_main .metaverse_game_banner .banner_contsec {
        padding-right: 0px;
        margin-left: 0%;
    }
    #metaverse_game_main .metaverse_game_banner .title {
        margin-top: 0px;
    }
    #metaverse_game_main .metaverse_game_banner .banner_btn_sec {
        display: flex;
        justify-content: center;
    }
    #metaverse_game_main .metaverse_game_sec {
        padding-top: 0px;
    }
    #metaverse_game_main .metaverse_game_sec,
    #metaverse_game_main .metaverse_game_clone,
    #metaverse_game_main .metaverse_game_hire,
    #metaverse_game_main .metaverse_game_hire .contents {
        text-align: center;
    }
    #metaverse_game_main .metaverse_game_comp #metaverse_game_comp_card {
        padding: 20px;
    }
    #metaverse_game_main .metaverse_game_benefits .benefits_box {
        min-height: 370px;
    }
    #metaverse_game_main .metaverse_game_benefits .img_sec:before {
        bottom: 1%;
        left: 48%;
    }
    #metaverse_game_main .metaverse_game_process .bg_title,
    #metaverse_game_main .metaverse_game_process .bg_title1 {
        display: none;
    }
    #metaverse_game_main .metaverse_game_services {
        padding: 50px 0px;
    }
    #metaverse_game_main .metaverse_game_whydo .why_do_box {
        margin-top: -150px;
    }
    #metaverse_game_main .metaverse_game_hire .contents {
        padding: 0px 20px;
    }
    #metaverse_game_main .metaverse_game_category .category_box {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        box-shadow: none;
        box-shadow: initial;
    }
    #metaverse_game_main .metaverse_game_category .contents {
        margin-bottom: 0px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec {
        padding: 50px 0px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -9%;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec .free_img {
        width: 60px;
    }
}

@media(max-width: 767px) {
    #metaverse_game_main .metaverse_game_banner {
        display: flex;
        align-items: center;
        height: 550px;
        padding: 50px 0px;
    }
    #metaverse_game_main .metaverse_game_banner .title {
        font-size: 25px !important;
        line-height: 1.5;
        letter-spacing: 0px;
        margin-top: 10%;
    }
    #metaverse_game_main .metaverse_game_banner .cus_brn_title {
        font-size: 35px !important;
    }
    #metaverse_game_main .metaverse_game_banner .banner_btn {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #metaverse_game_main .metaverse_game_whatsec .title,
    #metaverse_game_main .metaverse_game_comp .title,
    #metaverse_game_main .metaverse_game_benefits .title,
    #metaverse_game_main .metaverse_game_unique .title,
    #metaverse_game_main .metaverse_game_model .title,
    #metaverse_game_main .metaverse_game_process .title,
    #metaverse_game_main .metaverse_game_services .title,
    #metaverse_game_main .metaverse_game_industry .title,
    #metaverse_game_main .metaverse_game_clone .title,
    #metaverse_game_main .metaverse_game_category .title,
    #metaverse_game_main .metaverse_game_techstack .title,
    #metaverse_game_main .metaverse_game_hire .title,
    #metaverse_game_main .metaverse_game_whydo .title,
    #metaverse_game_main .metaverse_game_ebook_sec .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    #metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn,
    #metaverse_game_main .metaverse_game_whatsec .met_game_what_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .ebook_btn {
        font-size: 14px !important;
    }
    #metaverse_game_main .metaverse_game_benefits .benefits_box,
    #metaverse_game_main .metaverse_game_services .service_box {
        min-height: 0px;
    }
    #metaverse_game_main .metaverse_game_process .process_after:after {
        left: 0%;
    }
    #metaverse_game_main .metaverse_game_process .process_list_after:after {
        left: 0.2%;
    }
    #metaverse_game_main .metaverse_game_category .sub_title {
        padding-left: 5px;
    }
    #metaverse_game_main .metaverse_game_techstack .techstack_list {
        margin-top: 20px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec #ebook_card {
        text-align: center;
        padding: 20px 10px;
        margin: 0px 10px;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
        right: -3%;
        top: -14%;
    }
    #metaverse_game_main .metaverse_game_ebook_sec .title {
        margin-top: 30px;
    }
    #metaverse_game_main .metaverse_game_sec .metaverse_game_btn_sec {
        justify-content: center;
    }
    #metaverse_game_main .metaverse_game_sec .metaverse_game_btn {
        font-size: 14px;
        width: 170px;
    }
    #metaverse_game_main .metaverse_game_sec .metav_game_dev_img {
        margin-top: 20px;
    }
    #metaverse_game_main .metaverse_game_whydo .sub_title {
        font-size: 18px;
    }
}

@media(max-width: 576px) {
    #metaverse_game_main .metaverse_game_process .process_after:after {
        left: 4%;
    }
    #metaverse_game_main .metaverse_game_process .process_list_after:after {
        left: 4.2%;
    }
}

@media(max-width: 467px) {
    #metaverse_game_main .metaverse_game_ebook_sec .free_title_sec {
        right: -10%;
        top: -10%;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

#blk_game_dev_comp_main {
    background: #090909;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner {
    /* background: url('./asset/inner-pages-new/blockchain-game-development-company/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
}

@media (max-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 100% !important;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909cf;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .title {
    font-weight: 200;
    font-size: 40px !important;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    color: #fff;
    letter-spacing: 6px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .bnr_clr_title {
    font-size: 60px;
    font-weight: 900;
    background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 63.21%, #0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
    line-height: 1;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    padding-top: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn_sec {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn {
    position: relative;
    background: linear-gradient(138deg, #8FED39 0%, #07FEF5 100%);
    color: #090909;
    padding: 10px 20px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    text-transform: capitalize;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    font-weight: 600;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .big_title {
    font-size: 130px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: rgba(143, 237, 57, 0.05);
    letter-spacing: 2px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
    border-radius: 11px;
    border: 1px solid #52FF00;
    background: rgba(82, 255, 0, 0.15);
    margin-right: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn.mobile {
    display: none;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 11px;
    border: 1px solid #00F0FF;
    background: rgba(0, 240, 255, 0.15);
    color: #fff !important;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .why_blockchain_contsec {
    margin-top: -15%;
    text-align: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .blk_game_btn_sec {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .blk_game_btn {
    position: relative;
    background: linear-gradient(138deg, #8FED39 0%, #07FEF5 100%);
    color: #090909;
    padding: 10px 20px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    text-transform: capitalize;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    font-weight: 600;
}

@media (min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_services {
        /* background: url('./asset/inner-pages-new/blockchain-game-development-company/service-bg.webp?v1'); */
        padding: 60px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 100vh;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .cus_title {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec {
    border-radius: 18px;
    border: 1px solid #E022AB;
    margin-top: 30px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec #left_line {
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec #left_line:after {
    position: absolute;
    content: '';
    width: 2px;
    right: 0%;
    top: 0%;
    height: 100%;
    background: linear-gradient(180deg, #E12298 0%, #BBDC0A 100%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
    padding: 40px;
    border-bottom: 0;
    border-bottom: initial;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 20px 0px;
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link.active,
#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link:hover {
    background-color: transparent;
    background-color: initial;
    border: none !important;
    background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 60.21%, #0FF 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link.active:after {
    position: absolute;
    content: '';
    left: 0%;
    bottom: 12%;
    background: linear-gradient(63deg, rgba(9, 11, 12, 0.00) 0%, #E022AB 50.48%, rgba(9, 9, 9, 0.00) 100%);
    width: 200px;
    height: 2px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .tab-content {
    padding: 40px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .sub_title {
    background: linear-gradient(48deg, #E92626 0%, #E022AB 10.95%, #B9E800 20.21%, #0FF 36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .tab-content .service_img {
    width: 500px;
}

@media (min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack {
        /* background: url('./asset/inner-pages-new/blockchain-game-development-company/techstack-bg.webp?v1'); */
        padding-top: 60px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 916px;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_sec {
    position: absolute;
    top: 32%;
    left: 74%;
    transform: translate(-40%, -50%);
    width: 100%;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_container {
    position: relative;
    max-width: 680px;
    width: 100%;
    min-height: 916px;
}

@media(max-width: 1300px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_container {
        max-width: 600px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_sec {
        position: absolute;
        top: 34%;
        left: 84%;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .techstack_list {
    text-align: center;
    margin: 20px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .slick-slide .sprite_icons {
    display: inline;
    display: initial;
    width: 101px;
    height: 100px;
    object-fit: none;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .slick-prev:before,
#blk_game_dev_comp_main .blk_game_dev_comp_techstack .slick-next:before {
    display: none;
}

@media (min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits {
        /* background: url('./asset/inner-pages-new/blockchain-game-development-company/benefits-bg.webp?v1'); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
        min-height: 100vh;
        padding: 50px 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits .cus_container {
        max-width: 1200px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_genres .cus_container {
        max-width: 1320px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .cus_container {
        max-width: 1400px;
    }
}

@media (max-width: 1400px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .cus_container {
        max-width: 1140px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock {
        background-position: 20% !important;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .sprite_icons {
    width: 70px;
    height: 70px;
    object-fit: none;
    animation: change_bg 3s linear infinite alternate;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .benefits_box {
    display: flex;
    padding: 20px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .contents_sec {
    margin-left: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box {
    border-radius: 7px;
    background: #000;
    padding: 15px;
    margin-top: 30px;
    transition: all ease-in-out 0.8s;
    margin-right: 12px;
    min-height: 475px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box:hover {
    transition: all ease-in-out 0.8s;
    background: radial-gradient(590px at 8.2% 13.8%, rgb(0, 0, 0) 0%, rgb(68, 66, 66) 90%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec2,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec3,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec4,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec5,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec6,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec7,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec8 {
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ff9900ab;
    mix-blend-mode: lighten;
    filter: blur(50px);
    width: 199px;
    height: 119px;
    opacity: 0;
    transition: all ease-in-out 0.8s;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec2:after {
    background: #4200FF;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec3:after {
    background: #ec48f48f;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec4:after {
    background: #e02409;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec5:after {
    background: #1200ff;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec6:after {
    background: #89ff00db;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec7:after {
    background: #0500FF;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec8:after {
    background: #0010ff;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec img {
    max-width: 100%;
    width: 100%;
    min-height: 220px;
    transition: all ease-in-out 0.8s;
    filter: saturate(0.5);
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box:hover .img_sec img {
    transition: all ease-in-out 0.8s;
    filter: saturate(1.5);
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box:hover .img_sec::after {
    transition: all ease-in-out 0.8s;
    opacity: 1;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    transition: all 0.8s ease-in-out;
    position: relative;
    background: rgba(164, 162, 162, 0.1);
    box-shadow: 2.3034431934px -2.3034431934px 2.3034431934px 0px rgba(182, 182, 182, 0.4) inset;
    -webkit-backdrop-filter: blur(11.5172157288px);
    backdrop-filter: blur(11.5172157288px);
    min-height: 265px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box:hover .contents_sec {
    display: block;
    transition: all 0.8s ease-in-out;
    z-index: 1;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box .contents_sec {
    display: none;
    position: absolute;
    left: 0%;
    top: 8%;
    transition: all 0.8s ease-in-out;
    padding: 20px 15px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box:hover .sub_title {
    display: none;
    transition: all 2s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    transition: all 2s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .sub_title1 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    transition: all 0.8s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .sub_contents {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.8;
    transition: all 0.8s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_img {
    margin-bottom: 20px;
    position: relative;
    filter: blur(0px);
    transition: all 0.8s ease-in-out;
    max-width: 100%;
    height: auto;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box:hover .clone_img {
    filter: blur(15px);
    transition: all 0.8s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box {
    padding: 20px 0px 20px 20px;
    border-radius: 30px 0px 0px 30px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(121, 121, 121, 0.08) 54.57%, rgba(9, 9, 9, 0.00) 100%);
    margin-top: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box1 {
    padding: 20px 20px 20px 0px;
    border-radius: 0px 30px 30px 0px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.05) 0%, rgba(121, 121, 121, 0.08) 54.57%, rgba(9, 9, 9, 0.00) 100%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box2 {
    padding: 20px;
    text-align: center;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 49.54%, rgba(255, 255, 255, 0.03) 100%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .head_sec {
    display: flex;
    align-items: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box2 .sub_title1 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .sprite_icons {
    width: 37px;
    height: 36px;
    object-fit: none;
    animation: change_bg 3s linear infinite alternate;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box2 .sprite_icons1 {
    width: 36px;
    height: 36px;
    object-fit: none;
    margin-top: -13%;
    animation: change_bg 3s linear infinite alternate;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best {
    padding-bottom: 50px;
    margin-top: -10%;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab {
    margin-top: 50px;
    border: none;
    justify-content: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    border-radius: 7px 7px 0px 0px;
    padding: 10px 30px;
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link:hover {
    border-color: transparent;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active:after {
    position: absolute;
    content: '';
    left: 5%;
    bottom: 0%;
    background: linear-gradient(63deg, rgba(9, 11, 12, 0.00) 0%, #E022AB 50.48%, rgba(9, 9, 9, 0.00) 100%);
    width: 150px;
    height: 2px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active {
    background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 63.21%, #0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: none;
    font-weight: 500 !important;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best .tab-content .img_sec {
    text-align: center;
    margin-top: 50px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: -10%;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    padding-top: 5px;
}

@media(min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_top #top_blockchain_card {
        background: url(../../static/media/top-blockchain.0f5116f66876bd561ec5.webp);
        /* blockchain\public\ */
        background-repeat: no-repeat;
        min-height: 727px;
        display: flex;
        align-items: center;
        padding: 30px;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .blk_game_btn_sec {
    margin-top: 30px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .blk_game_btn {
    position: relative;
    background: linear-gradient(138deg, #8FED39 0%, #07FEF5 100%);
    color: #090909;
    padding: 10px 20px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    text-transform: capitalize;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    font-weight: 600;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock {
    padding: 50px 0px;
}

@media(min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock {
        /* background: url('/public/images/why-MetaBlock.webp'); */
        /* D:\projects\blockchain\blockchain\public\why-MetaBlock.webp */
        background-repeat: no-repeat;
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .why_list {
    display: flex;
    margin-top: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .sub_title {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1.8;
    padding-left: 10px;
}

@media(max-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
        min-height: 700px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_sec {
        margin-top: 10%;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .big_title {
        font-size: 55px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec {
        text-align: center;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn_sec {
        justify-content: center;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn.desktop,
    #blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec #left_line:after {
        display: none;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
        padding: 20px;
        display: flex;
        white-space: nowrap;
        flex-wrap: initial;
        overflow-y: hidden;
        overflow-x: scroll;
        flex-direction: row !important;
        margin: 0px 10px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs li {
        padding-right: 20px;
    }
    /** Scrollbar Styles START **/
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-x: auto;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar {
        width: 10px;
        height: 5px;
        border-radius: 6px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-track {
        border-radius: 6px;
        background: #1e1e1e;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-thumb {
        border-radius: 30px;
        background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 60.21%, #0FF 75%);
        height: 500px;
    }
    @-moz-document url-prefix() {
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
            scrollbar-width: thin;
            scrollbar-color: #00F0FF transparent;
            overflow-y: auto;
        }
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::scrollbar {
            width: 10px;
            height: 5px;
            border-radius: 6px;
        }
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-track {
            border-radius: 6px;
            background: #1e1e1e;
        }
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-thumb {
            border-radius: 30px;
            background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 60.21%, #0FF 75%);
            height: 500px;
        }
    }
    /** Scrollbar Styles END **/
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack {
        min-height: 0;
        min-height: initial;
        padding: 50px 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_container {
        max-width: none;
        max-width: initial;
        min-height: 0;
        min-height: initial;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_sec {
        transform: none;
        transform: initial;
        position: static;
        position: initial;
        margin-top: 30px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_top #top_blockchain_card {
        border-radius: 26px;
        background: #000;
        padding: 20px;
        margin: 0px 10px;
        text-align: center;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits,
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack,
    #blk_game_dev_comp_main .blk_game_dev_comp_services {
        padding: 50px 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-item {
        width: 100%;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link {
        margin-bottom: 7px;
        font-size: 18px;
        padding: 10px 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active {
        background: linear-gradient(47deg, #E12298 0%, #BBDC0A 100%);
        border: none;
        color: #fff;
        border-radius: 0px;
        -webkit-text-fill-color: unset;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active:after {
        display: none;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab {
        background: #ffffff08;
        border-radius: 10px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best {
        margin-top: 0%;
        padding-top: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_img_mbl {
        margin-top: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_top .title {
        margin-top: 0%;
    }
}

@media(max-width: 767px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_banner {
        display: flex;
        align-items: center;
        min-height: 600px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .title {
        font-size: 30px !important;
        line-height: 1.4;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .bnr_clr_title {
        font-size: 35px !important;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .big_title {
        font-size: 45px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn,
    #blk_game_dev_comp_main .blk_game_dev_comp_top .blk_game_btn,
    #blk_game_dev_comp_main .blk_game_dev_comp_whysec .blk_game_btn {
        font-size: 14px;
        padding: 10px 18px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec {
        padding-top: 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_whysec .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_services .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_genres .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_clones .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_top .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_best .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .title {
        text-align: center;
    }
    #blk_game_dev_comp_main .cus_title {
        font-size: 30px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn,
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_whysec .why_blockchain_contsec {
        margin-top: 0;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab {
        margin-top: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .tab-content {
        padding: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box,
    #blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box {
        min-height: 0px;
    }
}

@media(max-width: 476px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_top .title {
        font-size: 22px !important;
    }
}

#blk_game_dev_comp_main {
    background: #090909;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner {
    background: url("../../static/media/banner%20(2).59edd9b8c77a25c73019.webp");
    /* D:\projects\blockchain\blockchain\public\banner (2).webp */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
}

@media (max-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 100% !important;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909cf;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .title {
    width: 600px;
    font-weight: 200;
    font-size: 40px !important;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    color: #fff;
    letter-spacing: 6px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .bnr_clr_title {
    font-size: 60px;
    font-weight: 900;
    background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 63.21%, #0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
    line-height: 1;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    padding-top: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn_sec {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn {
    position: relative;
    background: linear-gradient(138deg, #8FED39 0%, #07FEF5 100%);
    color: #090909;
    padding: 10px 20px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    text-transform: capitalize;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    font-weight: 600;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .big_title {
    font-size: 130px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: rgba(143, 237, 57, 0.05);
    letter-spacing: 2px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
    border-radius: 11px;
    border: 1px solid #52FF00;
    background: rgba(82, 255, 0, 0.15);
    margin-right: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn.mobile {
    display: none;
}

#blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 11px;
    border: 1px solid #00F0FF;
    background: rgba(0, 240, 255, 0.15);
    color: #fff !important;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .why_blockchain_contsec {
    margin-top: -15%;
    text-align: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .blk_game_btn_sec {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whysec .blk_game_btn {
    position: relative;
    background: linear-gradient(138deg, #8FED39 0%, #07FEF5 100%);
    color: #090909;
    padding: 10px 20px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    text-transform: capitalize;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    font-weight: 600;
}

@media (min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_services {
        /* background: url('./asset/inner-pages-new/blockchain-game-development-company/service-bg.webp?v1'); */
        padding: 60px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 100vh;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .cus_title {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec {
    border-radius: 18px;
    border: 1px solid #E022AB;
    margin-top: 30px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec #left_line {
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec #left_line:after {
    position: absolute;
    content: '';
    width: 2px;
    right: 0%;
    top: 0%;
    height: 100%;
    background: linear-gradient(180deg, #E12298 0%, #BBDC0A 100%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
    padding: 40px;
    border-bottom: 0;
    border-bottom: initial;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 20px 0px;
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link.active,
#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link:hover {
    background-color: transparent;
    background-color: initial;
    border: none !important;
    background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 60.21%, #0FF 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs .nav-link.active:after {
    position: absolute;
    content: '';
    left: 0%;
    bottom: 12%;
    background: linear-gradient(63deg, rgba(9, 11, 12, 0.00) 0%, #E022AB 50.48%, rgba(9, 9, 9, 0.00) 100%);
    width: 200px;
    height: 2px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .tab-content {
    padding: 40px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .sub_title {
    background: linear-gradient(48deg, #E92626 0%, #E022AB 10.95%, #B9E800 20.21%, #0FF 36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_services .tab-content .service_img {
    width: 500px;
}

@media (min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack {
        background: url(../../static/media/techstack-sliderbg.19dd6b899141f4dde335.webp);
        padding-top: 60px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 916px;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_sec {
    position: absolute;
    top: 32%;
    left: 74%;
    transform: translate(-40%, -50%);
    width: 100%;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_container {
    position: relative;
    max-width: 680px;
    width: 100%;
    min-height: 916px;
}

@media(max-width: 1300px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_container {
        max-width: 600px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_sec {
        position: absolute;
        top: 34%;
        left: 84%;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .techstack_list {
    text-align: center;
    margin: 20px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .slick-slide .sprite_icons {
    display: inline;
    display: initial;
    width: 101px;
    height: 100px;
    object-fit: none;
}

#blk_game_dev_comp_main .blk_game_dev_comp_techstack .slick-prev:before,
#blk_game_dev_comp_main .blk_game_dev_comp_techstack .slick-next:before {
    display: none;
}

@media (min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits {
        background: url(../../static/media/benefits-bg.16993c544497e960a723.webp);
        /* D:\projects\blockchain\blockchain\public\benefits-bg.webp */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
        min-height: 100vh;
        padding: 50px 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits .cus_container {
        max-width: 1200px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_genres .cus_container {
        max-width: 1320px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .cus_container {
        max-width: 1400px;
    }
}

@media (max-width: 1400px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .cus_container {
        max-width: 1140px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock {
        background-position: 20% !important;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .sprite_icons {
    width: 70px;
    height: 70px;
    object-fit: none;
    animation: change_bg 3s linear infinite alternate;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .benefits_box-2 {
    display: flex;
    padding: 20px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .contents_sec {
    margin-left: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_benefits .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box {
    border-radius: 7px;
    background: #000;
    padding: 15px;
    margin-top: 30px;
    transition: all ease-in-out 0.8s;
    margin-right: 12px;
    min-height: 475px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box:hover {
    transition: all ease-in-out 0.8s;
    background: radial-gradient(590px at 8.2% 13.8%, rgb(0, 0, 0) 0%, rgb(68, 66, 66) 90%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec2,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec3,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec4,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec5,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec6,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec7,
#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec8 {
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ff9900ab;
    mix-blend-mode: lighten;
    filter: blur(50px);
    width: 199px;
    height: 119px;
    opacity: 0;
    transition: all ease-in-out 0.8s;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec2:after {
    background: #4200FF;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec3:after {
    background: #ec48f48f;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec4:after {
    background: #e02409;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec5:after {
    background: #1200ff;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec6:after {
    background: #89ff00db;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec7:after {
    background: #0500FF;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec8:after {
    background: #0010ff;
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .img_sec img {
    max-width: 100%;
    width: 100%;
    min-height: 220px;
    transition: all ease-in-out 0.8s;
    filter: saturate(0.5);
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box:hover .img_sec img {
    transition: all ease-in-out 0.8s;
    filter: saturate(1.5);
}

#blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box:hover .img_sec::after {
    transition: all ease-in-out 0.8s;
    opacity: 1;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    transition: all 0.8s ease-in-out;
    position: relative;
    background: rgba(164, 162, 162, 0.1);
    box-shadow: 2.3034431934px -2.3034431934px 2.3034431934px 0px rgba(182, 182, 182, 0.4) inset;
    -webkit-backdrop-filter: blur(11.5172157288px);
    backdrop-filter: blur(11.5172157288px);
    min-height: 265px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box:hover .contents_sec {
    display: block;
    transition: all 0.8s ease-in-out;
    z-index: 1;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box .contents_sec {
    display: none;
    position: absolute;
    left: 0%;
    top: 8%;
    transition: all 0.8s ease-in-out;
    padding: 20px 15px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box:hover .sub_title {
    display: none;
    transition: all 2s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    transition: all 2s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .sub_title1 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    transition: all 0.8s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .sub_contents {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.8;
    transition: all 0.8s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_img {
    margin-bottom: 20px;
    position: relative;
    filter: blur(0px);
    transition: all 0.8s ease-in-out;
    max-width: 100%;
    height: auto;
}

#blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box:hover .clone_img {
    filter: blur(15px);
    transition: all 0.8s ease-in-out;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box {
    padding: 20px 0px 20px 20px;
    border-radius: 30px 0px 0px 30px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(121, 121, 121, 0.08) 54.57%, rgba(9, 9, 9, 0.00) 100%);
    margin-top: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box1 {
    padding: 20px 20px 20px 0px;
    border-radius: 0px 30px 30px 0px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.05) 0%, rgba(121, 121, 121, 0.08) 54.57%, rgba(9, 9, 9, 0.00) 100%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box2 {
    padding: 20px;
    text-align: center;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 49.54%, rgba(255, 255, 255, 0.03) 100%);
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .head_sec {
    display: flex;
    align-items: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box2 .sub_title1 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .sprite_icons {
    width: 37px;
    height: 36px;
    object-fit: none;
    animation: change_bg 3s linear infinite alternate;
}

#blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box2 .sprite_icons1 {
    width: 36px;
    height: 36px;
    object-fit: none;
    margin-top: -13%;
    animation: change_bg 3s linear infinite alternate;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best {
    padding-bottom: 50px;
    margin-top: -10%;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab {
    margin-top: 50px;
    border: none;
    justify-content: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    border-radius: 7px 7px 0px 0px;
    padding: 10px 30px;
    position: relative;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link:hover {
    border-color: transparent;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active:after {
    position: absolute;
    content: '';
    left: 5%;
    bottom: 0%;
    background: linear-gradient(63deg, rgba(9, 11, 12, 0.00) 0%, #E022AB 50.48%, rgba(9, 9, 9, 0.00) 100%);
    width: 150px;
    height: 2px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active {
    background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 63.21%, #0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: none;
    font-weight: 500 !important;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best .tab-content .img_sec {
    text-align: center;
    margin-top: 50px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_best .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top {
    padding: 50px 0px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: -10%;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    padding-top: 5px;
}

@media(min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_top #top_blockchain_card {
        /* background: url('asset/inner-pages-new/blockchain-game-development-company/top-blockchain.webp?v1'); */
        background-repeat: no-repeat;
        min-height: 727px;
        display: flex;
        align-items: center;
        padding: 30px;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .blk_game_btn_sec {
    margin-top: 30px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_top .blk_game_btn {
    position: relative;
    background: linear-gradient(138deg, #8FED39 0%, #07FEF5 100%);
    color: #090909;
    padding: 10px 20px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 8% 100%, 0% 70%);
    text-transform: capitalize;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    font-weight: 600;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock {
    padding: 50px 0px;
}

@media(min-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock {
        /* background: url('asset/inner-pages-new/blockchain-game-development-company/why-MetaBlock.webp?v1'); */
        background-repeat: no-repeat;
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .why_list {
    display: flex;
    margin-top: 20px;
}

#blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .sub_title {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1.8;
    padding-left: 10px;
}

@media(max-width: 991px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
        min-height: 700px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_sec {
        margin-top: 10%;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .big_title {
        font-size: 55px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec {
        text-align: center;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn_sec {
        justify-content: center;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn.desktop,
    #blk_game_dev_comp_main .blk_game_dev_comp_services .service_tab_sec #left_line:after {
        display: none;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
        padding: 20px;
        display: flex;
        white-space: nowrap;
        flex-wrap: initial;
        overflow-y: hidden;
        overflow-x: scroll;
        flex-direction: row !important;
        margin: 0px 10px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs li {
        padding-right: 20px;
    }
    /** Scrollbar Styles START **/
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-x: auto;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar {
        width: 10px;
        height: 5px;
        border-radius: 6px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-track {
        border-radius: 6px;
        background: #1e1e1e;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-thumb {
        border-radius: 30px;
        background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 60.21%, #0FF 75%);
        height: 500px;
    }
    @-moz-document url-prefix() {
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs {
            scrollbar-width: thin;
            scrollbar-color: #00F0FF transparent;
            overflow-y: auto;
        }
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::scrollbar {
            width: 10px;
            height: 5px;
            border-radius: 6px;
        }
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-track {
            border-radius: 6px;
            background: #1e1e1e;
        }
        #blk_game_dev_comp_main .blk_game_dev_comp_services .nav-tabs::-webkit-scrollbar-thumb {
            border-radius: 30px;
            background: linear-gradient(160deg, #E92626 0%, #E022AB 34.95%, #B9E800 60.21%, #0FF 75%);
            height: 500px;
        }
    }
    /** Scrollbar Styles END **/
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack {
        min-height: 0;
        min-height: initial;
        padding: 50px 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_container {
        max-width: none;
        max-width: initial;
        min-height: 0;
        min-height: initial;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .carousel_sec {
        transform: none;
        transform: initial;
        position: static;
        position: initial;
        margin-top: 30px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_top #top_blockchain_card {
        border-radius: 26px;
        background: #000;
        padding: 20px;
        margin: 0px 10px;
        text-align: center;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits,
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack,
    #blk_game_dev_comp_main .blk_game_dev_comp_services {
        padding: 50px 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-item {
        width: 100%;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link {
        margin-bottom: 7px;
        font-size: 18px;
        padding: 10px 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active {
        background: linear-gradient(47deg, #E12298 0%, #BBDC0A 100%);
        border: none;
        color: #fff;
        border-radius: 0px;
        -webkit-text-fill-color: unset;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab .nav-link.active:after {
        display: none;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab {
        background: #ffffff08;
        border-radius: 10px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best {
        margin-top: 0%;
        padding-top: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_img_mbl {
        margin-top: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .approach_box {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_top .title {
        margin-top: 0%;
    }
}

@media(max-width: 767px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_banner {
        display: flex;
        align-items: center;
        min-height: 600px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .title {
        width: 349px;
        font-size: 30px !important;
        line-height: 1.4;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .bnr_clr_title {
        font-size: 35px !important;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .big_title {
        font-size: 45px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_banner .banner_btn,
    #blk_game_dev_comp_main .blk_game_dev_comp_top .blk_game_btn,
    #blk_game_dev_comp_main .blk_game_dev_comp_whysec .blk_game_btn {
        font-size: 14px;
        padding: 10px 18px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec {
        padding-top: 0px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_whysec .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_services .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_benefits .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_genres .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_clones .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_approaches .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_top .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_best .title,
    #blk_game_dev_comp_main .blk_game_dev_comp_whyMetaBlock .title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_techstack .title {
        text-align: center;
    }
    #blk_game_dev_comp_main .cus_title {
        font-size: 30px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn,
    #blk_game_dev_comp_main .blk_game_dev_comp_sec .blk_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_whysec .why_blockchain_contsec {
        margin-top: 0;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_best #techstack_tab {
        margin-top: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_services .tab-content {
        padding: 20px;
    }
    #blk_game_dev_comp_main .blk_game_dev_comp_genres .genres_box,
    #blk_game_dev_comp_main .blk_game_dev_comp_clones .clone_box {
        min-height: 0px;
    }
}

@media(max-width: 476px) {
    #blk_game_dev_comp_main .blk_game_dev_comp_top .title {
        font-size: 22px !important;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.skiptranslate.goog-te-gadget,
#google_translate_element {
    visibility: hidden;
}

.skiptranslate.goog-te-gadget div:nth-child(1) {
    visibility: visible;
}

.skiptranslate iframe {
    display: none !important;
}

.fixed_social_icons {
    bottom: 29%;
    right: 1.2%;
    position: fixed;
    z-index: 10;
}

/*.fixed_social_icons ul {
        padding-left: 0px;
        padding: 10px 3px;
        text-align: center;
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
    }*/

.fixed_social_icons li {
    float: none;
    list-style: none;
    margin-bottom: 10px;
}

.fixed_social_icons li a img {
    max-width: 25px;
}

a.whatsapp {
    position: relative;
}

.fixed_social_icons a.mobile {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    float: none;
    float: initial;
}

.fixed_social_icons a.desktop {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
}

.fixed_social_icons a.skype_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.telegram_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.whatsapp:after {
    border: 5px solid #17c258;
}

@media screen and (max-width: 991px) {
    .fixed_social_icons .desktop {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons {
        right: 2% !important;
        bottom: 20%;
    }
    #back_to_top_button {
        bottom: 14% !important;
    }
}

@media (max-width: 767px) {
    #back_to_top_button {
        width: 40px !important;
        right: 15px !important;
        bottom: 14% !important;
    }
    .fixed_social_icons li a img {
        max-width: 22px !important;
    }
    .fixed_social_icons li {
        margin-bottom: 10px;
    }
    #back_to_top_button i {
        font-size: 20px;
    }
    .fixed_social_icons {
        bottom: 20%;
        right: 1.5%;
    }
}

@media (max-width: 567px) {
    #back_to_top_button {
        right: 8px !important;
    }
}

/*Start Back to Top Section*/

#back_to_top_button {
    display: inline-block;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 21%;
    right: 17px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 20%;
    left: 33%;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

/*End Back to Top Section*/

/*Fixed Button Start */

.designer_pops .demo-icon {
    font-size: 16px;
    position: fixed;
    white-space: nowrap;
    left: 100%;
    top: 50%;
    z-index: 10;
    color: #fff;
    padding: 4px 15px;
    text-transform: capitalize;
    font-weight: 500;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    cursor: pointer;
    transform: translate(-59%, -50%) rotate(-90deg);
    text-align: center;
    border-radius: 0px;
    border: none;
    animation: change_bg 5s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
}

/*Fixed Button End*/

.home_blog_box img {
    display: block;
    max-width: 100% !important;
    height: auto;
}

.inr_cont h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400px;
    color: #fff;
    line-height: 25px;
}

.blog-sec .page_why h3 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.blog_box.home_blog_box .inr_cont {
    padding: 10px !important;
}

.readmore {
    color: #E442FF;
}

.OurSrvcHdd .rel_title {
    text-transform: uppercase;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.blog_box.home_blog_box {
    padding: 20px;
    border: 1px solid #C446FF;
    border-radius: 10px;
}

.home_blog_box img {
    border-radius: 10px;
}

.inr_cont .sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 100px;
}

.home_blog_box .readmore {
    border-radius: 8px;
    background: linear-gradient(136deg, #C746FF 0%, #405AFF 100%);
    color: #fff;
    padding: 6px 10px;
}

.BnrCnt .main_title {
    font-size: 35px !important;
    line-height: 52px;
    font-weight: 600;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

@media(max-width: 1300px) {
    .BnrCnt .main_title {
        font-size: 35px !important;
        line-height: 52px;
    }
}

@media(max-width: 767px) {
    .BnrCnt .main_title {
        font-size: 25px !important;
        line-height: 52px;
    }
}

.OurBlgBg {
    background: #000;
}

.blockchaincasino-main-slider-div {
    /* width: 800px; */
    width: 100% !important;
}

#smart_contract_dev_main {
    background: #090909;
}

#smart_contract_dev_main .smart_contract_dev_banner {
    /* background: url('/public/images/banner (4).jpg') !important; */
    /* background: url(../../../../../public/images/banner\ \(4\).webp) !important; */
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)), url(../../static/media/Smart-contract-background-img.1b348d5f418fe3fca643.webp) !important;
    /* D:\projects\blockchain\blockchain\public\images\banner (4).jpg */
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 20% !important;
        height: 650px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909ad;
    }
}

#smart_contract_dev_main .smart_contract_dev_banner .title {
    font-weight: 300;
    font-size: 40px !important;
    text-transform: capitalize;
    line-height: 1.3;
    color: #fff;
}

#smart_contract_dev_main .smart_contract_dev_banner .cus_title {
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 60px !important;
    font-weight: 600;
}

#smart_contract_dev_main .smart_contract_dev_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

#smart_contract_dev_main .smart_contract_dev_sec {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_services {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col {
    border-right: solid #dddddd57 1px;
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col1 {
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #dddddd57 1px;
    border-left: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child {
    min-height: 350px;
    padding: 35px 35px;
    border-left: solid #dddddd57 1px;
    border-bottom: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .head_sec {
    display: flex;
    align-items: center;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_contents {
    font-size: 16px;
    color: #ffffff85;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_services .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_fst {
    border-radius: 20px 0px 0px 20px;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_last {
    border-radius: 0px 20px 20px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
    background: url(../../static/media/banefits-bg.191970ffb336bfa21c57.webp) no-repeat;
    min-height: 240px;
    background-size: cover;
}

#smart_contract_dev_main .smart_contract_dev_benefits .title {
    padding: 55px 23px 0 23px;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color1 {
    background: #410c55;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont_bt_sprite {
    object-fit: none;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    text-transform: capitalize;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title_blk {
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color2 {
    background: #e8e5e9;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color3 {
    background: #111111;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color4 {
    background: #c446ff;
}

#smart_contract_dev_main .smart_contract_dev_process {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_process .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_process .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_process .process_box {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_process .num_sec {
    font-size: 50px;
    font-weight: 600;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_process .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_cont {
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_tit,
#smart_contract_dev_main .smart_contract_dev_process .even_num_sec {
    text-align: left;
}

#smart_contract_dev_main .smart_contract_dev_process .img_sec {
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_industry .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .industry_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    -webkit-clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    min-height: 352px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    padding-top: 10px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_industry .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

@media (min-width:991px) {
    #smart_contract_dev_main .smart_contract_dev_why {
        background: url(../../static/media/why-choose-bg.37ed262487f8d5156756.webp) no-repeat;
        background-size: cover;
        position: relative;
        padding: 50px;
        background-position: 60%;
    }
}

#smart_contract_dev_main .smart_contract_dev_why .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_why .why_choose_box {
    background: #00000052;
    padding: 30px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn_sec {
    margin-top: 20px;
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

@media(max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
    }
    #smart_contract_dev_main .smart_contract_dev_sec,
    #smart_contract_dev_main .smart_contract_dev_benefits .title {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec img {
        margin-top: 40px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child,
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
        border: none;
        padding: 15px;
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .services_box {
        border: solid #dddddd57 1px;
        padding: 20px;
        border-radius: 5px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .contents {
        margin-bottom: 20px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding: 50px 10px;
    }
}

@media(max-width: 767px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        height: 550px;
        padding: 50px 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .title {
        font-size: 28px !important;
        line-height: 1.5;
        padding-top: 30px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .cus_title {
        font-size: 33px !important;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn,
    #smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
        font-size: 15px !important;
        padding: 10px 20px;
        margin: 0 auto;
        width: 165px;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .title,
    #smart_contract_dev_main .smart_contract_dev_services .title,
    #smart_contract_dev_main .smart_contract_dev_benefits .title,
    #smart_contract_dev_main .smart_contract_dev_process .title,
    #smart_contract_dev_main .smart_contract_dev_industry .title,
    #smart_contract_dev_main .smart_contract_dev_why .title {
        font-size: 25px !important;
        line-height: 1.6 !important;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn,
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
        min-height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
        min-height: 200px;
    }
    #smart_contract_dev_main .smart_contract_dev_process .num_sec {
        display: none;
    }
    #smart_contract_dev_main .smart_contract_dev_process .sub_title,
    #smart_contract_dev_main .smart_contract_dev_process .even_sub_cont,
    #smart_contract_dev_main .smart_contract_dev_process .sub_contents,
    #smart_contract_dev_main .smart_contract_dev_why {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_industry .industry_box {
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding-top: 0px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

/* .solutions h2 {
text-align: center;
}

section {
padding: 0px;
}
footer {
background: unset;
border: none;
}

.solution-box h3, .solution-box p {
color: #fff;
}
.hire-para
{
color: #fff;
}
.why_txt_cnt h2
{
font-weight: 700;
color: #fff;
text-transform: capitalize;
font-size: 25px;
letter-spacing: 0;
font-family: Raleway, sans-serif;
line-height: 1.5;
text-align: left;
}
.impact_text h2
{
text-align: center;
}
  .mid_section p {
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hire_title
{
    font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  font-size: 25px;
  letter-spacing: 0;
  font-family: Raleway, sans-serif;
  line-height: 1.5;
}*/

.private_public_blockchain_development .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    /* background: url(/public/images/private_banner.webp); */
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url(../../static/media/private-blockchain-development.df587b69b6653049af6c.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.private_public_blockchain_development .blockchain_development_bnr_section .title-1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.private_public_blockchain_development .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.private_public_blockchain_development .blockchain_development_bnr_section .cus_title-1 {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.private_public_blockchain_development .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.private_public_blockchain_development .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.private_public_blockchain_development .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.private_public_blockchain_development .blockchain_software .Privet-right-side-container-1-img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.private_public_blockchain_development .blockchain_software .Privet-right-side-container-1-img iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.private_public_blockchain_development .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.private_public_blockchain_development .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .mid_section {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .mid_section .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 13px;
}

.private_public_blockchain_development .mid_section .spr_img {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.private_public_blockchain_development .mid_section .media-heading {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(105.71deg, #BD3AFF -4.33%, #5A69FF 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
    padding-top: 10px;
}

.private_public_blockchain_development .mid_section .media-heading .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: left;
    min-height: 280px;
}

.private_public_blockchain_development .mid_section .work_with_box {
    border: 2px solid #4E4E4E;
    border-radius: 25px;
    padding: 20px;
    min-height: 387px;
    margin-top: 10px;
}

.private_public_blockchain_development .alg_mac {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .alg_mac .title-1 {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.private_public_blockchain_development .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.private_public_blockchain_development .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(90deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.private_public_blockchain_development .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.private_public_blockchain_development .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.private_public_blockchain_development .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
}

.private_public_blockchain_development .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.private_public_blockchain_development .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 75vh;
}

.private_public_blockchain_development .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .metaverse_dev_why .title-1 {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.private_public_blockchain_development .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

@media (max-width: 767px) {
    .private_public_blockchain_development .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        /*height: 550px;*/
        display: flex;
        align-items: center;
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .title-1,
    .private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title,
    .private_public_blockchain_development .blockchain_software .section_heading,
    .private_public_blockchain_development .blk_dev_bnr_btn_sec,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents {
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .private_public_blockchain_development .alg_mac .ul_list.right li {
        margin-left: 0px;
    }
    .private_public_blockchain_development .blockchain_software .bs_d_c_bg,
    .private_public_blockchain_development .alg_mac .ul_list,
    .private_public_blockchain_development .alg_mac .ul_list.right {
        padding: 0px;
    }
    .private_public_blockchain_development .alg_mac .ul_list li::before {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .alg_mac .title-1 {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.skiptranslate.goog-te-gadget,
#google_translate_element {
    visibility: hidden;
}

.skiptranslate.goog-te-gadget div:nth-child(1) {
    visibility: visible;
}

.skiptranslate iframe {
    display: none !important;
}

.fixed_social_icons {
    bottom: 29%;
    right: 1.2%;
    position: fixed;
    z-index: 10;
}

/*.fixed_social_icons ul {
        padding-left: 0px;
        padding: 10px 3px;
        text-align: center;
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
    }*/

.fixed_social_icons li {
    float: none;
    list-style: none;
    margin-bottom: 10px;
}

.fixed_social_icons li a img {
    max-width: 25px;
}

a.whatsapp {
    position: relative;
}

.fixed_social_icons a.mobile {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    float: none;
    float: initial;
}

.fixed_social_icons a.desktop {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
}

.fixed_social_icons a.skype_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.telegram_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.whatsapp:after {
    border: 5px solid #17c258;
}

@media screen and (max-width: 991px) {
    .fixed_social_icons .desktop {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons {
        right: 2% !important;
        bottom: 20%;
    }
    #back_to_top_button {
        bottom: 14% !important;
    }
}

@media (max-width: 767px) {
    #back_to_top_button {
        width: 40px !important;
        right: 15px !important;
        bottom: 14% !important;
    }
    .fixed_social_icons li a img {
        max-width: 22px !important;
    }
    .fixed_social_icons li {
        margin-bottom: 10px;
    }
    #back_to_top_button i {
        font-size: 20px;
    }
    .fixed_social_icons {
        bottom: 20%;
        right: 1.5%;
    }
}

@media (max-width: 567px) {
    #back_to_top_button {
        right: 8px !important;
    }
}

/*Start Back to Top Section*/

#back_to_top_button {
    display: inline-block;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 21%;
    right: 17px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 20%;
    left: 33%;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

/*End Back to Top Section*/

/*Fixed Button Start */

.designer_pops .demo-icon {
    font-size: 16px;
    position: fixed;
    white-space: nowrap;
    left: 100%;
    top: 50%;
    z-index: 10;
    color: #fff;
    padding: 4px 15px;
    text-transform: capitalize;
    font-weight: 500;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    cursor: pointer;
    transform: translate(-59%, -50%) rotate(-90deg);
    text-align: center;
    border-radius: 0px;
    border: none;
    animation: change_bg 5s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
}

/*Fixed Button End*/

.home_blog_box img {
    display: block;
    max-width: 100% !important;
    height: auto;
}

.inr_cont h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400px;
    color: #fff;
    line-height: 25px;
}

.blog-sec .page_why h3 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.blog_box.home_blog_box .inr_cont {
    padding: 10px !important;
}

.readmore {
    color: #E442FF;
}

.OurSrvcHdd .rel_title {
    text-transform: uppercase;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.blog_box.home_blog_box {
    padding: 20px;
    border: 1px solid #C446FF;
    border-radius: 10px;
}

.home_blog_box img {
    border-radius: 10px;
}

.inr_cont .sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 100px;
}

.home_blog_box .readmore {
    border-radius: 8px;
    background: linear-gradient(136deg, #C746FF 0%, #405AFF 100%);
    color: #fff;
    padding: 6px 10px;
}

.BnrCnt .main_title {
    font-size: 35px !important;
    line-height: 52px;
    font-weight: 600;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

@media(max-width: 1300px) {
    .BnrCnt .main_title {
        font-size: 35px !important;
        line-height: 52px;
    }
}

@media(max-width: 767px) {
    .BnrCnt .main_title {
        font-size: 25px !important;
        line-height: 52px;
    }
}

.OurBlgBg {
    background: #000;
}

@media (max-width:600px) {
    .ourservice-titles-news {
        font-size: 40px;
    }
    .blockchain-dao-facts {
        margin-top: 4vh;
    }
}

.ourservice-titles-news {
    font-size: 45px;
}

/* .solutions h2 {
text-align: center;
}

section {
padding: 0px;
}
footer {
background: unset;
border: none;
}

.solution-box h3, .solution-box p {
color: #fff;
}
.hire-para
{
color: #fff;
}
.why_txt_cnt h2
{
font-weight: 700;
color: #fff;
text-transform: capitalize;
font-size: 25px;
letter-spacing: 0;
font-family: Raleway, sans-serif;
line-height: 1.5;
text-align: left;
}
.impact_text h2
{
text-align: center;
}
  .mid_section p {
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hire_title
{
    font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  font-size: 25px;
  letter-spacing: 0;
  font-family: Raleway, sans-serif;
  line-height: 1.5;
}*/

.private_public_blockchain_development .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/private_banner.f800f68f441d959e8246.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.private_public_blockchain_development .blockchain_development_bnr_section .title-1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.private_public_blockchain_development .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.private_public_blockchain_development .blockchain_development_bnr_section .cus_title-1 {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.private_public_blockchain_development .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.private_public_blockchain_development .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.private_public_blockchain_development .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.private_public_blockchain_development .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    background: #fff;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.private_public_blockchain_development .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.private_public_blockchain_development .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.private_public_blockchain_development .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .mid_section {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .mid_section .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 13px;
}

.private_public_blockchain_development .mid_section .spr_img {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.private_public_blockchain_development .mid_section .media-heading {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(105.71deg, #BD3AFF -4.33%, #5A69FF 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
    padding-top: 10px;
}

.private_public_blockchain_development .mid_section .media-heading .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: left;
    min-height: 280px;
}

.private_public_blockchain_development .mid_section .work_with_box {
    border: 2px solid #4E4E4E;
    border-radius: 25px;
    padding: 20px;
    min-height: 387px;
    margin-top: 10px;
}

.private_public_blockchain_development .alg_mac {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .alg_mac .title-1 {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.private_public_blockchain_development .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.private_public_blockchain_development .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(90deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.private_public_blockchain_development .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.private_public_blockchain_development .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.private_public_blockchain_development .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
}

.private_public_blockchain_development .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.private_public_blockchain_development .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 75vh;
}

.private_public_blockchain_development .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .metaverse_dev_why .title-1 {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.private_public_blockchain_development .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

@media (max-width: 767px) {
    .private_public_blockchain_development .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        /*height: 550px;*/
        display: flex;
        align-items: center;
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .title-1,
    .private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title,
    .private_public_blockchain_development .blockchain_software .section_heading,
    .private_public_blockchain_development .blk_dev_bnr_btn_sec,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents {
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .private_public_blockchain_development .alg_mac .ul_list.right li {
        margin-left: 0px;
    }
    .private_public_blockchain_development .blockchain_software .bs_d_c_bg,
    .private_public_blockchain_development .alg_mac .ul_list,
    .private_public_blockchain_development .alg_mac .ul_list.right {
        padding: 0px;
    }
    .private_public_blockchain_development .alg_mac .ul_list li::before {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .alg_mac .title-1 {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.skiptranslate.goog-te-gadget,
#google_translate_element {
    visibility: hidden;
}

.skiptranslate.goog-te-gadget div:nth-child(1) {
    visibility: visible;
}

.skiptranslate iframe {
    display: none !important;
}

.fixed_social_icons {
    bottom: 29%;
    right: 1.2%;
    position: fixed;
    z-index: 10;
}

/*.fixed_social_icons ul {
        padding-left: 0px;
        padding: 10px 3px;
        text-align: center;
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
    }*/

.fixed_social_icons li {
    float: none;
    list-style: none;
    margin-bottom: 10px;
}

.fixed_social_icons li a img {
    max-width: 25px;
}

a.whatsapp {
    position: relative;
}

.fixed_social_icons a.mobile {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    float: none;
    float: initial;
}

.fixed_social_icons a.desktop {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
}

.fixed_social_icons a.skype_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.telegram_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.whatsapp:after {
    border: 5px solid #17c258;
}

@media screen and (max-width: 991px) {
    .fixed_social_icons .desktop {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons {
        right: 2% !important;
        bottom: 20%;
    }
    #back_to_top_button {
        bottom: 14% !important;
    }
}

@media (max-width: 767px) {
    #back_to_top_button {
        width: 40px !important;
        right: 15px !important;
        bottom: 14% !important;
    }
    .fixed_social_icons li a img {
        max-width: 22px !important;
    }
    .fixed_social_icons li {
        margin-bottom: 10px;
    }
    #back_to_top_button i {
        font-size: 20px;
    }
    .fixed_social_icons {
        bottom: 20%;
        right: 1.5%;
    }
}

@media (max-width: 567px) {
    #back_to_top_button {
        right: 8px !important;
    }
}

/*Start Back to Top Section*/

#back_to_top_button {
    display: inline-block;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 21%;
    right: 17px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 20%;
    left: 33%;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

/*End Back to Top Section*/

/*Fixed Button Start */

.designer_pops .demo-icon {
    font-size: 16px;
    position: fixed;
    white-space: nowrap;
    left: 100%;
    top: 50%;
    z-index: 10;
    color: #fff;
    padding: 4px 15px;
    text-transform: capitalize;
    font-weight: 500;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    cursor: pointer;
    transform: translate(-59%, -50%) rotate(-90deg);
    text-align: center;
    border-radius: 0px;
    border: none;
    animation: change_bg 5s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
}

/*Fixed Button End*/

.home_blog_box img {
    display: block;
    max-width: 100% !important;
    height: auto;
}

.inr_cont h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400px;
    color: #fff;
    line-height: 25px;
}

.blog-sec .page_why h3 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.blog_box.home_blog_box .inr_cont {
    padding: 10px !important;
}

.readmore {
    color: #E442FF;
}

.OurSrvcHdd .rel_title {
    text-transform: uppercase;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.blog_box.home_blog_box {
    padding: 20px;
    border: 1px solid #C446FF;
    border-radius: 10px;
}

.home_blog_box img {
    border-radius: 10px;
}

.inr_cont .sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 100px;
}

.home_blog_box .readmore {
    border-radius: 8px;
    background: linear-gradient(136deg, #C746FF 0%, #405AFF 100%);
    color: #fff;
    padding: 6px 10px;
}

.BnrCnt .main_title {
    font-size: 35px !important;
    line-height: 52px;
    font-weight: 600;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

@media(max-width: 1300px) {
    .BnrCnt .main_title {
        font-size: 35px !important;
        line-height: 52px;
    }
}

@media(max-width: 767px) {
    .BnrCnt .main_title {
        font-size: 25px !important;
        line-height: 52px;
    }
    .daoblochain-two-image {
        display: none;
    }
}

.OurBlgBg {
    background: #000;
}

/*9.11.2020*/

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: "Readex Pro", sans-serif;
}

a {
    color: #2f2d2d;
    transition: all .35s
}

a:focus,
a:hover {
    color: #2a7bc1;
    text-decoration: none
}

hr {
    max-width: 100%;
    margin: 15px 0 10px 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, .1)
}

hr.light {
    border-color: #fff
}

.cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

/*h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    font-family: "Open Sans", sans-serif !important;
}*/

p {
    font-size: 15px;
    margin-bottom: 20px
}

section {
    padding: 50px 0
}

section h2 {
    font-size: 50px
}

@media (max-width:767px) {
    .defi_banner_sec {
        background: #000;
        background-image: none !important
    }
    .mob-text-center {
        text-align: center !important
    }
}

.p-30-0 {
    padding: 30px 0
}

#mainNav {
    border-color: rgba(34, 34, 34, .05);
    background: #fff;
    transition: all .35s;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand {
    color: #fdcc52;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #fcbd20
}

#mainNav .navbar-toggler {
    font-size: 12px;
    padding: 8px 10px;
    color: #222
}

/*.navbar-nav {
    padding-left: 20px !important
}*/

.navbar-nav li {
    padding-left: 0
}

#mainNav .navbar-nav>li>a {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    color: #636363 !important;
    border-bottom: transparent 5px solid
}

#mainNav .navbar-nav>li>a.active {
    color: #2a7bc1 !important;
    background-color: transparent
}

#mainNav .navbar-nav>li>a.active:hover {
    background-color: transparent
}

#mainNav .navbar-nav>li>a,
#mainNav .navbar-nav>li>a:focus {
    color: #222
}

#mainNav .navbar-nav>li>a:focus:hover,
#mainNav .navbar-nav>li>a:hover {
    color: #fdcc52
}

@media (min-width:992px) {
    #mainNav {
        border-color: transparent;
        background-color: #fff;
        padding: 0
    }
    #mainNav .navbar-brand {
        color: fade(white, 70%)
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav .navbar-nav>li>a,
    #mainNav .navbar-nav>li>a:focus {
        color: #0f0f0f
    }
    #mainNav .navbar-nav>li>a:focus:hover,
    #mainNav .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink {
        border-color: rgba(34, 34, 34, .1);
        background-color: #fff
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink .navbar-nav>li>a,
    #mainNav.navbar-shrink .navbar-nav>li>a:focus {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
}

@media (min-width:768px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 100%
    }
}

@media (min-width:992px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

@media (min-width:1200px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

.sprite_icon_85 {
    width: 85px !important;
    height: 85px !important;
    object-fit: none
}

.sprite_icon_60 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none
}

.sprite_icon_65 {
    width: 65px !important;
    height: 65px !important;
    object-fit: none
}

.sprite_icon_75 {
    width: 75px !important;
    height: 75px !important;
    object-fit: none
}

header.masthead {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff
}

header.masthead .header-content {
    margin-bottom: 100px;
    text-align: center
}

header.masthead .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

.h-100 {
    height: 100% !important
}

header.masthead-hyper .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-hyper .header-content .expert-btn {
    background: #00dcff;
    color: #030542
}

.hyp-about .hyp-buttons .expert-btn {
    margin: 0 auto;
    background: #0176bc;
    border-radius: 5px
}

.hyp-about p {
    text-align: justify
}

header.masthead-hyper .header-content .heading-tagline {
    text-align: left
}

header.masthead-private .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-iot .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-finance .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.header-content h1 {
    font-size: 63px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-identity .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-cryptocurrency-wallet-development .header-content h1 {
    font-size: 51px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

header.masthead-ico-development .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

.header-content h1,
header.masthead-2d-animation-company .header-content h1,
header.masthead-3d-animation-company .header-content h1,
header.masthead-adobe-air-app-development .header-content h1,
header.masthead-ai .header-content h1,
header.masthead-ai-banner,
header.masthead-android-app-development .header-content h1,
header.masthead-android-game-development .header-content h1,
header.masthead-android-tablet-development .header-content h1,
header.masthead-angular-js-development .header-content h1,
header.masthead-angular8-development .header-content h1,
header.masthead-ar-core-for-android .header-content h1,
header.masthead-banking .header-content h1,
header.masthead-blockchain-ai-dev .header-content h1,
header.masthead-blockchain-application-for-voting .header-content h1,
header.masthead-blockchain-consulting-services .header-content h1,
header.masthead-blockchain-development .header-content h1,
header.masthead-blockchain-in-digital-records .header-content h1,
header.masthead-blockchain-in-ecommerce .header-content h1,
header.masthead-blockchain-in-gaming .header-content h1,
header.masthead-blockchain-in-insurance .header-content h1,
header.masthead-blockchain-in-real-estate .header-content h1,
header.masthead-blockchain-in-supplychain .header-content h1,
header.masthead-blockchain-iot-management .header-content h1,
header.masthead-bootstrap-web-development .header-content h1,
header.masthead-business .header-content h1,
header.masthead-cakephp-framework-development .header-content h1,
header.masthead-canvas5-web-design .header-content h1,
header.masthead-chainlink-blockchain .header-content h1,
header.masthead-chatbot .header-content h1,
header.masthead-cloud .header-content h1,
header.masthead-cloud-application-development .header-content h1,
header.masthead-codeigniter-framework-development .header-content h1,
header.masthead-crypto .header-content h1,
header.masthead-custom-web-design-development .header-content h1,
header.masthead-customers-inventory-management-software .header-content h1,
header.masthead-deep .header-content h1,
header.masthead-demand,
header.masthead-digital .header-content h1,
header.masthead-ecom .header-content h1,
header.masthead-engi .header-content h1,
header.masthead-enterprise-mobile-app-development .header-content h1,
header.masthead-enterprise-solutions .header-content h1,
header.masthead-eos-blockchain .header-content h1,
header.masthead-equihash .header-content h1,
header.masthead-ethereum-blockchain-development .header-content h1,
header.masthead-ethereum-classic-blockchain-development .header-content h1,
header.masthead-exchange-platform-development .header-content h1,
header.masthead-fmcg .header-content h1,
header.masthead-full-stack-development .header-content h1,
header.masthead-go .header-content h1,
header.masthead-gov .header-content h1,
header.masthead-hedera-hashgraph-dev .header-content h1,
header.masthead-hybrid-mobile-app-development .header-content h1,
header.masthead-hybris .header-content h1,
header.masthead-hyperledger-fabric-composer .header-content h1,
header.masthead-ico-marketing-agency .header-content h1,
header.masthead-ionic-mobile-app-development .header-content h1,
header.masthead-ipad-app-development .header-content h1,
header.masthead-ipad-ui-ux-design .header-content h1,
header.masthead-iphone-app-development .header-content h1,
header.masthead-iphone-game-development .header-content h1,
header.masthead-iphone-ui-ux-development .header-content h1,
header.masthead-jmeter .header-content h1,
header.masthead-joomla-web-development .header-content h1,
header.masthead-laravel-framework-development .header-content h1,
header.masthead-legal .header-content h1,
header.masthead-lisk-blockchain .header-content h1,
header.masthead-logo-design .header-content h1,
header.masthead-magento-development .header-content h1,
header.masthead-mean-stack-development .header-content h1,
header.masthead-mobile-application-maintenance .header-content h1,
header.masthead-mobility .header-content h1,
header.masthead-native-app-development-company .header-content h1,
header.masthead-neo-blockchain .header-content h1,
header.masthead-node-js-development .header-content h1,
header.masthead-online-customer-support .header-content h1,
header.masthead-peer-to-peer-blockchain .header-content h1,
header.masthead-phonegap-application-development .header-content h1,
header.masthead-php .header-content h1,
header.masthead-pivx .header-content h1,
header.masthead-private-public-blockchain-development .header-content h1,
header.masthead-publish .header-content h1,
header.masthead-python .header-content h1,
header.masthead-quorum-blockchain-development .header-content h1,
header.masthead-react-js-development .header-content h1,
header.masthead-react-native-development .header-content h1,
header.masthead-real .header-content h1,
header.masthead-res .header-content h1,
header.masthead-responsive-website-design-company .header-content h1,
header.masthead-retail .header-content h1,
header.masthead-ruby .header-content h1,
header.masthead-sap .header-content h1,
header.masthead-scrypt .header-content h1,
header.masthead-sha-256 .header-content h1,
header.masthead-shop .header-content h1,
header.masthead-signage .header-content h1,
header.masthead-smart-contract-audit .header-content h1,
header.masthead-sto-development .header-content h1,
header.masthead-sto-marketing .header-content h1,
header.masthead-stratis-blockchain .header-content h1,
header.masthead-supply .header-content h1,
header.masthead-svelte-js-development .header-content h1,
header.masthead-tele .header-content h1,
header.masthead-trans .header-content h1,
header.masthead-tron-blockchain-development .header-content h1,
header.masthead-waves-blockchain .header-content h1,
header.masthead-way .header-content h1,
header.masthead-web-design-company .header-content h1,
header.masthead-web-hosting-and-maintenance-services .header-content h1,
header.masthead-website-maintenance-company .header-content h1,
header.masthead-wordpress-development .header-content h1,
header.masthead-x11 .header-content h1,
header.masthead-yii-framework-development .header-content h1,
header.masthead-zend-framework-development .header-content h1 {
    font-size: 50px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

header.masthead .device-container {
    max-width: 325px;
    margin-right: auto;
    margin-left: auto
}

header.masthead .device-container .screen img {
    border-radius: 3px
}

.my-auto {
    margin-top: auto !important
}

@media (min-width:992px) {
    header.masthead {
        height: 70vh;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }
    header.masthead .header-content {
        margin-bottom: 0;
        text-align: left;
        margin-top: 8em
    }
    header.masthead .header-content h1 {
        font-size: 50px
    }
    header.masthead .device-container {
        max-width: 325px
    }
}

section.download {
    position: relative;
    padding: 55px 0
}

section.download h2 {
    font-size: 50px;
    margin-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px
}

.float-right {
    float: right !important
}

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.p-20-0 {
    padding: 20px 0
}

section.download .badges .badge-link:last-child {
    margin-bottom: 0
}

section.download .badges .badge-link img {
    height: 60px
}

@media (min-width:768px) {
    section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0
    }
    section.download h2 {
        font-size: 70px
    }
}

section.features .section-heading {
    margin-bottom: 100px
}

section.features .section-heading h2 {
    margin-top: 0
}

section.features .section-heading p {
    margin-bottom: 0
}

section.features .device-container,
section.features .feature-item {
    max-width: 325px;
    margin: 0 auto
}

section.features .device-container {
    margin-bottom: 100px
}

@media (min-width:992px) {
    section.features .device-container {
        margin-bottom: 0
    }
}

section.features .feature-item {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center
}

section.features .feature-item h3 {
    font-size: 30px
}

section.features .feature-item i {
    font-size: 80px;
    display: block;
    margin-bottom: 15px;
    background: linear-gradient(to left, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.solutions {
    background: #000;
    padding: 40px 0
}

.resource {
    padding: 40px 0
}

section.contact {
    text-align: center
}

section.contact h2 {
    margin-top: 0;
    margin-bottom: 25px
}

section.contact h2 i {
    color: #dd4b39
}

section.contact ul.list-social {
    margin-bottom: 0
}

section.contact ul.list-social li a {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 100%
}

section.contact ul.list-social li.social-twitter a {
    background-color: #1da1f2
}

section.contact ul.list-social li.social-twitter a:hover {
    background-color: #0d95e8
}

section.contact ul.list-social li.social-facebook a {
    background-color: #3b5998
}

section.contact ul.list-social li.social-facebook a:hover {
    background-color: #344e86
}

section.contact ul.list-social li.social-google-plus a {
    background-color: #dd4b39
}

section.contact ul.list-social li.social-google-plus a:hover {
    background-color: #d73925
}

#back_to_top_button {
    display: inline-block;
    background-color: #ae2a53;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 90px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer
}

#back_to_top_button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    color: #fff
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible
}

footer {
    background: #1a2325;
    padding: 0 0;
    border-bottom: 1px solid #463e3e
}

footer h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

footer p {
    color: #fff;
    font-size: 14px;
    line-height: 26px
}

footer ul {
    padding: 0;
    margin: 0
}

footer ul li {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    list-style: none
}

footer ul li a {
    color: #fff;
    font-size: 13px
}

footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none
}

footer ul li a:hover {
    color: #2a7bc1
}

footer .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    color: #9b9b9b;
    display: block;
    font-size: 12px;
    height: 43px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%
}

[class^=hvr-shutter-out-vertical2] {
    margin: 10px auto;
    padding: 10px 40px;
    cursor: pointer;
    background: #2a7bc1;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    width: auto;
    border: none !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50px
}

.bg-primary {
    background: #1c1955 !important
}

.footer_bott {
    background: #333;
    padding: 30px 0;
    color: #626161;
    text-align: center
}

.footer_bott a {
    color: #fff;
    padding: 0 10px;
    font-size: 14px
}

.social {
    text-align: center;
    margin: 0 0 10px 0
}

.social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center
}

.social ul li {
    display: inline-block;
    margin: 0 0 0 7px
}

.social .fb a {
    background: #3c5b9b;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .fb a::before {
    content: "\f09a";
    font-family: FontAwesome
}

.social .tw a::before {
    content: "\f099";
    font-family: FontAwesome
}

.social .googleplus a::before {
    content: "\f0d5";
    font-family: FontAwesome
}

.social .linkedin a::before {
    content: "\f0e1 ";
    font-family: FontAwesome
}

.social .youtube a::before {
    content: "\f167";
    font-family: FontAwesome
}

.social .pintrest a::before {
    content: "\f231";
    font-family: FontAwesome
}

.social .instragram a::before {
    content: "\f16d";
    font-family: FontAwesome
}

.social .medium a::before {
    content: "\f23a";
    font-family: FontAwesome
}

.social .tw a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .linkedin a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .youtube a {
    background: red;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a {
    background: #c8232c;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a {
    background: #c32aa3;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a {
    background: #02b875;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.copyright {
    background: #1a2325;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px
}

.copyright a {
    color: #fff
}

.social .googleplus a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .youtube a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .linkedin a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .tw a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .fb a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.text-primary {
    color: #fdcc52
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.btn-outline {
    color: #fff;
    border: 1px solid;
    border-color: #fff
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    color: #fff;
    border-color: #fdcc52;
    background-color: #fdcc52
}

.btn {
    border-radius: 300px;
    font-family: Raleway, sans-serif;
    /*letter-spacing: 2px;*/
    text-transform: uppercase
}

.btn-xl {
    font-size: 11px;
    padding: 15px 45px
}

.time-list li {
    padding-left: 0
}

.line-white {
    margin-top: 7px;
    color: #989898
}

.marquee-sibling {
    padding: 0;
    background: #3bb0d6;
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000
}

.marquee,
[class^=marquee] {
    display: inline-block;
    white-space: nowrap;
    position: absolute
}

.marquee {
    margin-left: 25%
}

.marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative
}

.marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff
}

.marquee-content-items li:after {
    content: "|";
    margin: 0 1em
}

@media screen and (min-width:0px) and (max-width:767px) {
    .header-content h1,
    header.masthead-2d-animation-company .header-content h1,
    header.masthead-3d-animation-company .header-content h1,
    header.masthead-adobe-air-app-development .header-content h1,
    header.masthead-ai .header-content h1,
    header.masthead-ai-banner,
    header.masthead-android-app-development .header-content h1,
    header.masthead-android-game-development .header-content h1,
    header.masthead-android-tablet-development .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-ai-dev .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-bootstrap-web-development .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-canvas5-web-design .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-codeigniter-framework-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-customers-inventory-management-software .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-enterprise-mobile-app-development .header-content h1,
    header.masthead-enterprise-solutions .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-full-stack-development .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hedera-hashgraph-dev .header-content h1,
    header.masthead-hybrid-mobile-app-development .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-ionic-mobile-app-development .header-content h1,
    header.masthead-ipad-app-development .header-content h1,
    header.masthead-ipad-ui-ux-design .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-iphone-game-development .header-content h1,
    header.masthead-iphone-ui-ux-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-joomla-web-development .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-logo-design .header-content h1,
    header.masthead-magento-development .header-content h1,
    header.masthead-mean-stack-development .header-content h1,
    header.masthead-mobile-application-maintenance .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-native-app-development-company .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-node-js-development .header-content h1,
    header.masthead-online-customer-support .header-content h1,
    header.masthead-peer-to-peer-blockchain .header-content h1,
    header.masthead-phonegap-application-development .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-js-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-responsive-website-design-company .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-web-design-company .header-content h1,
    header.masthead-web-hosting-and-maintenance-services .header-content h1,
    header.masthead-website-maintenance-company .header-content h1,
    header.masthead-wordpress-development .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 27px !important;
        line-height: 35px
    }
    .section-heading h3 {
        font-size: 25px !important
    }
    .navbar-nav {
        padding-left: 0 !important
    }
    header.masthead {
        height: 510px;
        padding-top: 40px;
        padding-bottom: 0
    }
    header.masthead .header-content h1 {
        font-size: 34px !important
    }
    .header-content p {
        font-size: 16px;
        line-height: 26px
    }
    .contact-cnt h4 {
        text-align: center
    }
    .social ul {
        margin-left: 0
    }
    .center-class {
        text-align: center
    }
}

.header-content p {
    width: 90%;
    /*margin: 0 auto;*/
    line-height: 30px;
    font-size: 18px;
}

/*.header-content{
    margin-top: 30px;
}*/

.about {
    padding: 50px 0
}

.ttmenu .nav>li>.btn-hire {
    background: #2a7bc1;
    color: #fff !important;
    padding: 7px 6px !important;
    border-radius: 0
}

.talk_to_experts_btn_div .talk_to_experts_btn_a {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 2px auto;
}

.section-heading h2 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: left;
}

.section-heading .talk_to_experts_btn_div {
    text-align: left;
}

.section-heading h3 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 27px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    line-height: 1.2
}

.section-heading h4 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 28px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

@media (max-width:767px) {
    .section-heading h2 {
        text-align: center;
        font-size: 20px
    }
    .mob-width-100 {
        width: 100% !important
    }
}

.section-heading p {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.section-heading ul {
    list-style: none;
    padding-left: 20px
}

.section-heading li {
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.section-heading ul li i {
    color: #2a7bc1;
    margin-right: 12px;
    font-size: 14px
}

.blockchain_dev_aboutus_title {
    font-size: 35px !important;
}

@media (max-width: 767px) {
    .blockchain_dev_aboutus_title {
        font-size: 25px !important;
    }
}

.solution-box {
    background: #000;
    border-radius: 8px;
    padding: 45px 15px 30px 15px;
    height: 335px;
    margin: 25px;
    border: 1px solid #fff;
}

.solution-box:hover {
    box-shadow: 0 3px 4px #ddd;
    cursor: pointer;
}

.list_item li {
    margin-bottom: 15px;
    text-indent: -33px;
    font-size: 15px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.list_item li i {
    border: 2px solid #2a7bc1;
    color: #2a7bc1;
    display: inline;
    font-size: 12px;
    height: 10px;
    margin-right: 10px;
    padding: 1px;
    width: 10px;
}

.solution-box h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Readex Pro", sans-serif;
}

.solution-box p {
    letter-spacing: 0;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #2f2d2d;
    width: 80%;
    text-align: center;
    display: table;
    margin: 0 auto
}

.btn-more {
    background: #2a7bc1;
    padding: 10px 18px 10px 18px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px
}

.btn-more:hover {
    text-decoration: none;
    color: #fff
}

.line-btm {
    width: 75px;
    height: 3px;
    background: #2a7ac1;
    border-radius: 50px;
    margin-top: 2em;
    margin-bottom: 1em
}

.solution-box:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    transition: all .3s ease 0s
}

.resource-box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

.resource-box img {
    width: 100%;
    height: 250px
}

.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-body h4 {
    font-size: 19px;
    color: #222;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0
}

.resource-date {
    background: #8d8d8d;
    font-size: 14px;
    padding: 7px 17px;
    color: #fff;
    border-radius: 100px;
    font-family: Roboto, sans-serif
}

.resource-date:hover {
    text-decoration: none;
    background: #2b7dc4;
    color: #fff
}

.read-more-para p a {
    font-style: italic;
    color: #2b7dc4;
    font-family: Roboto, sans-serif
}

.read-more-para p a:hover {
    text-decoration: none
}

.case-study-img h3 {
    font-size: 28px;
    font-family: Raleway, sans-serif;
    color: #0f0f0f;
    font-weight: 600;
    line-height: 34px
}

.case-study-img p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    font-family: Roboto, sans-serif
}

.btn-download {
    background: #2a7bc1;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px
}

.btn-download:hover {
    color: #fff;
    text-decoration: none
}

.contact-sec {
    padding: 20px 0;
    background-image: linear-gradient(to top, #2a7bc1, #2c81ca, #2e87d3, #308ddd, #3293e6)
}

.contact-cnt h4 {
    font-size: 24px;
    color: #fff;
    font-family: Raleway, sans-serif;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 0
}

.btn-contact {
    background: rgba(255, 255, 255, .8);
    color: #0f0f0f;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 32px;
    border-radius: 2px;
    transition: all .3s ease 0s
}

.btn-contact:hover {
    text-decoration: none;
    color: #0f0f0f;
    background: #fff;
    transition: all .3s ease 0s;
    cursor: pointer
}

.awards-sec {
    padding: 30px 0
}

.scroll-text {
    border: 1px solid red;
    width: 400px;
    height: 4.5em;
    overflow: hidden
}

.scroll-text ul {
    width: 800px;
    height: 100px;
    overflow: hidden;
    margin: 0
}

.scroll-text ul li {
    height: 1.5em
}

.scroll-img {
    border: 1px solid red;
    width: 100%;
    height: 142px;
    overflow: hidden;
    font-size: 0
}

.scroll-img ul {
    width: 700px;
    height: 600px;
    margin: 0
}

.scroll-img ul li {
    display: inline-block;
    margin: 10px 0 10px 10px
}

#demo4.scroll-img ul,
#demo5.scroll-img ul {
    width: 1500px
}

#demo5-btn {
    width: 680px;
    padding-top: 10px
}

#demo6 {
    width: 412px
}

#demo6-queue {
    width: 680px
}

#demo6 p,
#demo6-queue p {
    width: 124px;
    height: 124px;
    background-color: #d3d3d3;
    font-family: Amaranth, sans-serif;
    font-size: 82px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.case-study-img img {
    border-radius: 10px
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px
}

.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.blog .carousel-indicators .active {
    background: #707070
}

#blogCarousel img {
    width: auto;
    max-width: 100% !important;
    max-height: 102px;
    transform-style: preserve-3d
}

.span-middle {
    display: table-cell;
    vertical-align: middle
}

.md_1spn {
    display: table;
    width: 100%;
    height: 100%
}

.bigdata-info img {
    max-width: 400px
}

.menu-MetaBlock .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -18px;
    z-index: 1000;
    float: left;
    min-width: 17rem;
    padding: 10px;
    margin: .7rem 1.5rem 0;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0;
    border-top: 0 solid #2b7bc1
}

.menu-MetaBlock .dropdown-menu li a {
    color: #000 !important;
    font-size: 15px !important;
    padding: 6px 8px;
    text-transform: uppercase;
    letter-spacing: 0
}

.menu-MetaBlock .dropdown-menu li {
    padding: 5px 0 5px 0
}

.menu-MetaBlock .dropdown-menu li a:hover {
    color: #2a7bc1 !important
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    transition: transform .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right,
.carousel-item-next {
    transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.hire_page {
    font-family: Raleway, sans-serif
}

.hire_page h1,
.hire_page h2,
.hire_page h3,
.hire_page h4,
.hire_page h5,
.hire_page h6 {
    font-family: Raleway, sans-serif
}

.bannr_bg {
    /* background: url(public/images/hire_bg.png); */
    position: relative;
    min-height: calc(84vh - 7px);
    background-size: contain
}

.banner_rc_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.banner_tle h1 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 50px 0 20px;
    margin: 0
}

.resp-tabs-list li span {
    display: block;
    text-align: center
}

.hire_page section {
    background: #fff;
    padding: 0
}

.hire_page section.hire_bannr {
    padding-top: 0
}

.resp-tabs-list li span.tab_img {
    width: 63px;
    height: 63px;
    background: #f4f5fa;
    text-align: center;
    margin: 0 auto;
    line-height: 63px;
    border-radius: 50%
}

.resp-tabs-list li {
    background: 0 0 !important;
    border: 0 !important;
    width: 16.66%;
    margin: 0;
    position: relative;
    transition: all .5s
}

ul.resp-tabs-list.hor_1 {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 90px -19px rgba(0, 0, 0, .8);
    margin-top: -54px;
    overflow: hidden
}

.section_inr {
    background: #f4f5fa
}

.resp-tabs-container,
.sect_content {
    padding: 0;
    background-color: transparent;
    clear: left;
    border: 0 !important;
    padding: 50px 32px 0
}

.resp-tab-content {
    border: 0;
    padding: 0
}

.resp-tabs-list li span.tab_tle {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px
}

.resp-tabs-list li.resp-tab-active {
    background: #2a7bc1 !important;
    color: #fff
}

.resp-tabs-list li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    width: 1px;
    height: 54.62%;
    background: #f4f5fa
}

.resp-tabs-list li.resp-tab-active::after,
.resp-tabs-list li:last-child:after {
    display: none
}

.resp-tab-content p {
    font-size: 14px;
    color: #0f0f0f;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.tab_logo {
    background: #fff;
    padding: 38px 0 0
}

.tab_logo ul {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 0
}

.tab_logo ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 4%;
    margin-bottom: 40px
}

.tab_logo ul.list_2 {
    margin: 0 auto;
    max-width: 85%
}

img {
    max-width: 100%
}

.client_speak h3,
.hr_tle h3,
.section_h h3,
.tab_logo h3 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    color: #2a7bc1
}

.tab_logo ul li:last-child,
.tab_logo ul li:nth-child(5n) {
    margin-right: 0
}

.row.dev_pdf {
    margin: 0;
    margin-top: 38px
}

.pdf_left {
    padding-left: 0
}

.pdf_img {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8)
}

.pdf_dets h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    text-shadow: 0 0
}

.pdf_dets {
    width: 94%
}

.btn_link {
    display: inline-block;
    padding: 0 10px;
    min-width: 129px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background: #2a7bc1;
    border-radius: 5px;
    color: #fff
}

.btn_link.dwn_link::before {
    display: inline-block;
    content: '';
    /* background: url(../img/dwn_img.png); */
    width: 15px;
    height: 14px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -5px;
    transition: all .5s
}

.pdf_right {
    padding-right: 0
}

.logo_items {
    text-align: center
}

.logo_items img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto
}

.mdl_img {
    display: table;
    width: 100%;
    height: 58px
}

.md_img {
    display: table-cell;
    vertical-align: middle
}

.r_logo_slider {
    padding: 0 15px
}

.tab_logo.recnt_works {
    padding-bottom: 25px
}

.client_speak {
    padding: 38px 0
}

.cl_dets {
    max-width: 341px;
    text-align: center;
    position: relative
}

.cl_spk {
    padding: 20px 9px 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8);
    font-size: 14px;
    transition: all .5s
}

.cl_img {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%
}

.cl_img span {
    display: block;
    margin: 0 auto;
    width: 81px;
    height: 81px;
    border: 5px solid #f4f5fa;
    border-radius: 50%;
    overflow: hidden
}

.c_items {
    padding: 42px 15px 50px;
    position: relative;
    top: 0;
    transition: all .5s;
    outline: 0 !important
}

.clent_slides {
    margin: 0 -15px
}

.c_items.slick-slide.slick-current.slick-active.slick-center {
    top: -28px
}

.c_items.slick-slide.slick-current.slick-active.slick-center .cl_spk {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%);
    color: #fff
}

ul.slick-dots {
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 0;
    position: relative;
    top: 30px
}

ul.slick-dots li {
    display: inline-block;
    margin: 0 5px
}

ul.slick-dots li button {
    border: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    transition: all .5s
}

ul.slick-dots li.slick-active button {
    background: #2b7ec6
}

.section_h h3 {
    margin: 40px 0
}

.exprt_tle h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 20px 0;
    letter-spacing: 0
}

.exp_list {
    margin-bottom: 10px
}

.hr_tle h3 {
    color: #fff
}

.hire_page section.hire_resource {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%)
}

.hr_tle h3 {
    color: #fff;
    margin: 22px 0;
    font-weight: 600
}

.hr_tle {
    color: #fff;
    text-align: center
}

.h_left_c,
.h_right_c {
    display: inline-block;
    vertical-align: top
}

.h_left_c span {
    width: 111px;
    height: 111px;
    display: block;
    background: #b1e8f8;
    border-radius: 50%;
    text-align: center;
    line-height: 111px;
    transition: all .5s;
    overflow: hidden
}

.hire_content:hover span {
    background: #f4f5fa
}

.hire_content {
    color: #fff
}

.h_right_c {
    width: 66%;
    padding-left: 25px
}

.h_right_c h5 {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.btn_link.h_btn_hr {
    background: #9f9f9f;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #9f9f9f), color-stop(0, #fff), color-stop(100%, #9f9f9f));
    background: linear-gradient(to bottom, #9f9f9f 0, #fff 0, #9f9f9f 100%);
    color: #000;
    font-weight: 600
}

.hr_btn {
    margin: 40px 0 30px
}

.cuntr_left,
.cuntr_righ {
    display: inline-block;
    width: 50%;
    margin-right: -3px
}

.hr_counter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    max-width: 85%;
    margin-left: 0
}

.hr_counter ul li {
    display: inline-block;
    width: 50%;
    margin-left: -3px;
    position: relative;
    vertical-align: top
}

.hr_counter {
    position: relative;
    z-index: 9
}

.hr_counter .cuntr_righ ul {
    margin-left: auto;
    margin-right: 0
}

.hr_counter p,
.rc_countr p {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    padding: 0 15px
}

.hr_counter p span,
.rc_countr span {
    font-size: 60px
}

.hr_counter ul li.aft_dvd::after {
    content: '';
    width: 1px;
    height: 46px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%
}

.rc_countr {
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 100%;
    text-align: center
}

.rc_inr {
    margin: 0 auto;
    max-width: 19%
}

.rc_countr p {
    color: #000
}

.btn_link.dwn_link:hover {
    background: #fff;
    box-shadow: 0 8px 50px -10px rgba(0, 0, 0, .5)
}

.btn_link.dwn_link:hover::before {
    /* background: url(../img/dwn_img_hvr.png) */
}

/*.navbar-nav li.nav-item a.nav-link {
    margin-top: 30px;
    position: relative
}*/

/*.navbar-nav li.nav-item a.nav-link:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #2a7bc1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: -12px;
    left: 0;
    transition: all .5s
}*/

a.nav-link.btn-hire:after {
    display: none
}

.navbar-nav li.nav-item a.nav-link:hover:after {
    opacity: 1;
    visibility: visible
}

.logo_main {
    width: auto
}

.cbp-af-header.sticky .navbar-brand img {
    width: auto !important;
    max-width: 75%
}

#blogCarousel img {
    margin: 0 auto
}

.md_1spn {
    height: 102px
}

.carousel-item {
    padding: 0 10px
}

.section-heading h2.awrd_tle {
    margin-bottom: 35px;
    color: #2a7bc1
}

.navbar-nav li {
    padding-left: 0
}

.cbp-af-header.sticky .nav>li>a {
    margin: 0 6px;
    margin-top: 0
}

.h_left_c span img {
    transition: all .5s;
    position: relative;
    top: 0
}

.hire_content:hover img.normal_img {
    top: -100%
}

.hire_content:hover img.hvr_img {
    top: -100%
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.expr_img {
    text-align: center
}

body .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        max-width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .hire_page .container {
        width: 100%
    }
    .exprt_tle h4 {
        font-size: 15px
    }
    .bannr_bg {
        min-height: 455px
    }
    .ent_list {
        margin-bottom: 15px
    }
}

@media screen and (max-width:991px) {
    .navbar-header {
        width: 100%;
        text-align: center
    }
    .logo_main {
        float: none;
        display: inline-block;
        height: auto
    }
    .navbar-nav {
        float: none !important;
        margin-right: 0;
        padding: 0 !important;
        text-align: center
    }
    .navbar-nav>li {
        float: none;
        display: inline-block
    }
    .hr_counter ul {
        max-width: 100%
    }
    .cuntr_left,
    .cuntr_righ {
        width: 100%;
        margin-right: 0
    }
    .rc_countr {
        bottom: 0
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 50%
    }
    .cbp-af-header.sticky .navbar-brand img {
        width: 100%
    }
    h2.resp-accordion {
        font-size: 13px;
        border: 0;
        border-top: 0 solid #c1c1c1;
        margin: 0;
        padding: 0 !important
    }
    h2.resp-accordion:first-child {
        border-top: 0
    }
    span.tab_tle {
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        font-weight: 600
    }
    h2.resp-accordion {
        background: #fff !important;
        padding: 10px !important
    }
    h2.resp-tab-active {
        padding: 10px !important;
        border: 0 !important
    }
    span.tab_img {
        display: inline-block;
        vertical-align: middle;
        width: 23%;
        text-align: center
    }
    .resp-tab-content {
        padding: 10px
    }
    .resp-tabs-container,
    .sect_content {
        padding: 30px 15px 0
    }
    .text-sm-left {
        text-align: left !important
    }
    .resource-box {
        padding: 0 15px
    }
    .btn-download {
        display: inline-block
    }
    .case-study-img h3 {
        margin-top: 0
    }
    .case-study-img {
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .rc_inr {
        max-width: 100%
    }
    .hire_content {
        width: 100%;
        margin-bottom: 15px
    }
    .navbar-header {
        text-align: left
    }
    .navbar-nav {
        text-align: left
    }
    .navbar-nav>li {
        display: block
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 38px
    }
    .banner_tle h1 {
        font-size: 40px
    }
    .logo_main {
        max-width: 70%
    }
    .tab_logo {
        padding: 5px 0 0
    }
    .client_speak h3,
    .hr_tle h3,
    .section_h h3,
    .tab_logo h3 {
        padding: 0 10px
    }
    .pdf_left,
    .pdf_right {
        padding: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width:480px) {
    .hr_counter ul li {
        width: 100%;
        margin-bottom: 10px
    }
    .hr_counter ul li.aft_dvd::after {
        display: none
    }
    .banner_rc_img {
        position: relative
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 28px
    }
    .h_left_c,
    .h_right_c {
        width: 100%;
        padding-left: 0;
        text-align: center
    }
    .h_left_c span {
        margin: 0 auto
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 100%
    }
    .banner_tle h1 {
        padding: 50px 10px 20px;
        font-size: 30px
    }
    .bigdata-info img {
        max-width: 100%
    }
    header.masthead-ai {
        padding-top: 30px
    }
    header.masthead-ai .header-content h1 {
        font-size: 40px !important
    }
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.aditional_header .cbp-af-header.sticky .nav>li>a {
    margin: 0 10px
}

.social .fb a,
.social .googleplus a,
.social .linkedin a,
.social .tw a {
    line-height: 39px;
    border: 0;
    text-decoration: none
}

.aditional_header .cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

@media screen and (max-width:1260px) {
    .aditional_header .cbp-af-header .ttmenu .nav>li>a,
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px;
        border-bottom: 1px solid
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 7px
    }
    .aditional_header .ttmenu .nav>li>a {
        margin: 0 6px;
        font-size: 12px
    }
}

.mid_section .box_exchange,
.mid_section .box_exchange:hover {
    /*border:none!important;box-shadow:unset!important*/
}

.work_with_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    /*box-shadow: 0 3px 4px #ddd;*/
    height: 370px;
    border: 1px solid rgba(0, 0, 0, .05)
}

/*.work_with_box:hover {
    box-shadow: 0 11px 18px #ddd
}*/

.work_with_box .inr_img {
    display: block;
    margin: 10px auto;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    line-height: 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.ver_mid {
    display: inline-block;
    vertical-align: middle
}

.inr_img img {
    max-width: 80px
}

.exc_img_div img {
    max-width: 100%
}

@media (min-width:767px) {
    #accordion .panel-title a:after {
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 55px
    }
    .hgt_350_desktop {
        height: 350px
    }
}

.work_with_box h3 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    margin: 10px 0
}

.work_with_box p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: center
}

.img-middle {
    display: block;
    margin: 0 auto
}

section.mid_section {
    padding: 50px 0
}

.grey-bg {
    background: #000
}

.hire-para {
    margin-top: 30px;
    color: #2f2d2d;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.mob-text-center {
    text-align: center;
    margin-top: 30px;
}

.whybottom_box {
    padding: 30px 10px;
    background-color: #ddd;
    text-align: center;
    position: relative;
    z-index: 0;
    margin: 15px 0;
    height: 360px
}

.whybottom_box1 {
    background-color: #3bbeb0
}

.ondemand__app__sec .whybottom_box {
    background-color: #3bbeb0;
    min-height: 100px !important;
}

.whybottom_box:before {
    position: absolute;
    width: 0%;
    height: 0%;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box:after {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 30px;
}

.whybottom_box .inr_img {
    width: 83px;
    height: 83px;
    line-height: 80px;
    margin: 20px auto;
    background-color: #fff;
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.whybottom_box:hover .inr_img:after {
    transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1
}

.whybottom_box:hover:after,
.whybottom_box:hover:before {
    width: 100%;
    height: 100%
}

.whybottom_box p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin: 0
}

.whybottom_box2 {
    background-color: #3bb1d9
}

.whybottom_box3 {
    background-color: #d9434e
}

.whybottom_box4 {
    background-color: #f89433
}

.whybottom_box5 {
    background-color: #3bb85d
}

.whybottom_box6 {
    background-color: #7277d5
}

.list-heading {
    font-size: 16px;
    color: #282828;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.white-bg {
    background: #fff !important
}

@media(min-width:1200px) {
    .ht-480 {
        height: 480px !important
    }
}

@media(max-width:767px) {
    .work_with_box {
        height: auto
    }
    .ht-480 {
        height: auto !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

@media(max-width:767px) {
    .solution-box {
        height: auto !important
    }
    header.masthead-ai .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-finance .header-content h1,
    header.masthead-hyper .header-content h1,
    header.masthead-identity .header-content h1,
    header.masthead-iot .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-php .header-content h1 {
        font-size: 26px !important;
        line-height: 1.5
    }
}

.solution-box img {
    display: table;
    margin: 0 auto
}

.solution-box .line-btm {
    display: none
}

@media(min-width:1200px) {
    .work_with_box.ht-lg-355 {
        height: 355px !important
    }
    .work_with_box.ht-lg-340 {
        height: 340px !important
    }
    .solution-box.ht-350 {
        height: 350px !important
    }
    .lg-ht-280 {
        height: 280px
    }
    .ht-380 {
        height: 380px !important
    }
}

h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.center-img-cnt img {
    display: table;
    margin: 15px auto
}

header.masthead-mobility {
    position: relative
}

header.masthead-mobility:after {
    position: absolute;
    content: ''
}

.hire-btn {
    display: table;
    background: #bd4a1e;
    color: #fff;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 3px;
    min-width: 150px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600
}

.hire-btn:hover {
    color: #fff !important;
    background: #bd4a1e
}

.expert-btn {
    display: inline-block;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    color: #fff;
    padding: 10px 20px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 15px;
    border: none
}

.expert-btn:hover {
    color: #fff !important;
    border: 1px solid #000;
    background: #000;
}

.center-img-cnt h3 {
    text-align: center
}

.hire-btn-cnt {
    margin-top: -30px
}

.mid_section p {
    text-align: justify
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li {
    line-height: 2.2;
    font-size: 15px;
    list-style: none
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li i.fa-check-circle {
    color: #205a5d;
    margin-right: 10px
}

.blockchain_algo .sol-box {
    position: relative;
    height: 25rem;
    margin-top: 20px;
    background: #fff;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

.blockchain_algo .al-sol-icon {
    text-align: left
}

.blockchain_algo .sol-box h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px
}

.d-flex {
    display: flex
}

.align-center {
    align-items: center
}

.text-center {
    text-align: center !important
}

.cbp-af-header.sticky .navbar-brand img {
    width: 180px !important
}

.breadcrumb-sec,
.breadcrumb-sec .breadcrumb {
    background: #000 !important;
}

.breadcrumb-sec li a {
    color: #007bff
}

.breadcrumb-sec ol.breadcrumb {
    margin-bottom: 0;
    padding: 10px 2px
}

.breadcrumb>li {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    text-transform: capitalize;
}

label.error {
    color: red !important;
    font-weight: 400;
    font-size: 15px;
}

.header-shadow {
    position: relative
}

.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6) none repeat scroll 0 0
}

.heading-tagline {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 3rem
}

@media(min-width:768px) and (max-width:991px) {
    .work_with_box {
        height: 380px
    }
}

@media (min-width:767px) {
    .services_sec {
        width: 1000px
    }
}

.mt40 {
    margin-top: 40px !important
}

.order-exchange .order-type-box {
    min-height: auto;
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: #f5f5f5;
    border-radius: 5px;
    border: 2px solid #eee;
    border-bottom-color: #47b475
}

.order-exchange .feature-box-3 .icon {
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto
}

.order-exchange .feature-box-3 .common_h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.quick_p {
    font-size: 20px
}

.tabbable-panel {
    padding: 10px
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373;
    text-align: center
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #5090f7
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0 !important;
    color: #333
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li {
    opacity: .6;
    float: none;
    display: inline-block;
    padding: 0 14px
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #32465b;
    position: relative;
    opacity: 1
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #000;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.tabbable-line li.wds .list-title {
    font-size: 18px;
    font-weight: 700
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

.tab-content .tech-link {
    color: #2a7bc1;
    font-size: 15px;
    font-weight: 600
}

.tabs_solutions .wds.wds-ico-4 a::before {
    background-position: 0 -1292px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-4.active a::before,
.tabs_solutions .wds.wds-ico-4:hover a::before {
    background-position: -96px -1292px !important
}

.tabs_solutions .wds.wds-ico-5 a::before {
    background-position: 0 -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-5.active a::before,
.tabs_solutions .wds.wds-ico-5:hover a::before {
    background-position: 0 -1423px !important
}

.tabs_solutions .wds.wds-ico-7 a::before {
    background-position: -174px -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-7.active a::before,
.tabs_solutions .wds.wds-ico-7:hover a::before {
    background-position: -173px -1420px !important
}

.tabs_solutions .wds.wds-ico-10 a::before {
    background-position: -378px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-10.active a::before,
.tabs_solutions .wds.wds-ico-10:hover a::before {
    background-position: -378px -1423px !important
}

.tabs_solutions .wds.wds-ico-11::before {
    background-position: -512px -1300px !important
}

.tabs_solutions .wds.wds-ico-12::before {
    background-position: -468px -1394px !important
}

.tabs_solutions .wds.wds-ico-13::before {
    background-position: -18px -1508px !important
}

.tabs_solutions .wds.wds-ico-14::before {
    background-position: -108px -1508px !important
}

.tabs_solutions .wds.wds-ico-15::before {
    background-position: -198px -1508px !important
}

.tabs_solutions .wds.wds-ico-16::before {
    background-position: -288px -1508px !important
}

.tabs_solutions .wds.wds-ico-41::before {
    background-position: -198px -1868px !important
}

.tabs_solutions .wds.wds-ico-42::before {
    background-position: -288px -1868px !important
}

.tabs_solutions .wds.wds-ico-43::before {
    background-position: -378px -1868px !important
}

.tabs_solutions .wds.wds-ico-44::before {
    background-position: -468px -1868px !important
}

.tabs_solutions .wds.wds-ico-45::before {
    background-position: -18px -1958px !important
}

.tabs_solutions .wds.wds-ico-46::before {
    background-position: -108px -1958px !important
}

.tabs_solutions .wds.wds-ico-47::before {
    background-position: -198px -1958px !important
}

.tabs_solutions .wds.wds-ico-48::before {
    background-position: -184px -4px !important
}

.tabs_solutions .wds.wds-ico-49::before {
    background-position: -3px -5px !important
}

.tabs_solutions .wds.wds-ico-50::before {
    background-position: -92px -3px !important
}

.tabs_solutions .wds.wds-ico-51::before {
    background-position: -275px -3px !important
}

.tabs_solutions .wds.wds-ico-52::before {
    background-position: -364px -3px !important
}

.tabs_solutions .wds.wds-ico-53::before {
    background-position: -455px -3px !important
}

.tabs_solutions .wds.wds-ico-54::before {
    background-position: -3px -93px !important
}

.tabs_solutions .wds.wds-ico-55::before {
    background-position: -93px -93px !important
}

.tabs_solutions .wds.wds-ico-56::before {
    background-position: -184px -93px !important
}

.tabs_solutions .wds.wds-ico-24::before {
    background-position: -466px -1600px !important
}

.tabs_solutions .wds.wds-ico-25::before {
    background-position: -467px -1509px !important
}

.tabs_solutions .wds.wds-ico-26::before {
    background-position: -19px -1687px !important
}

.tabs_solutions .wds.wds-ico-27::before {
    background-position: -378px -1600px !important
}

.tabs_solutions .wds.wds-ico-28::before {
    background-position: -198px -1688px !important
}

.tabs_solutions .wds.wds-ico-29::before {
    background-position: -288px -1688px !important
}

.tabs_solutions .wds.wds-ico-30::before {
    background-position: -378px -1688px !important
}

.tabs_solutions .wds.wds-ico-31::before {
    background-position: -468px -1688px !important
}

.tabs_solutions .wds.wds-ico-32::before {
    background-position: -18px -1778px !important
}

.tabs_solutions .wds.wds-ico-33::before {
    background-position: -108px -1778px !important
}

.tabs_solutions .wds.wds-ico-34::before {
    background-position: -198px -1778px !important
}

.tabs_solutions .wds.wds-ico-35::before {
    background-position: -288px -1778px !important
}

.tabs_solutions .wds.wds-ico-36::before {
    background-position: -378px -1778px !important
}

.tabs_solutions .wds.wds-ico-37::before {
    background-position: -468px -1778px !important
}

.tabs_solutions .wds.wds-ico-38::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-39::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-40::before {
    background-position: -108px -1868px !important
}

.tabs_solutions .wds.wds-ico-17::before {
    background-position: -378px -1508px !important
}

.tabs_solutions .wds.wds-ico-18::before {
    background-position: -86px -1410px !important
}

.tabs_solutions .wds.wds-ico-20::before {
    background-position: -18px -1598px !important
}

.tabs_solutions .wds.wds-ico-21::before {
    background-position: -108px -1598px !important
}

.tabs_solutions .wds.wds-ico-22::before {
    background-position: -198px -1598px !important
}

.tabs_solutions .wds.wds-ico-23::before {
    background-position: -288px -1598px !important
}

.tabs_solutions .wds.wds-ico-8 a::before {
    background-position: -241px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-8.active a::before,
.tabs_solutions .wds.wds-ico-8:hover a::before {
    background-position: -241px -1422px !important
}

.tabs_solutions .wds.wds-ico-9 a::before {
    background-position: -306px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-9.active a::before,
.tabs_solutions .wds.wds-ico-9:hover a::before {
    background-position: -308px -1425px !important
}

.tabs_solutions .wds.wds-ico-6 a::before {
    background-position: -86px -1350px !important;
    width: 83px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-6.active a::before,
.tabs_solutions .wds.wds-ico-6:hover a::before {
    background-position: -86px -1420px !important
}

li.hire-dd-icon a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px
}

.tabs_solutions {
    padding: 20px 0 20px
}

.tabs_solutions .wds a::before {
    transition: .3s all ease-in-out
}

.hire-dd-technology {
    display: flex;
    text-align: center;
    justify-content: center
}

.hire-dd-technology .hire-dd-tech-box {
    margin: 0 15px;
    padding-top: 20px
}

.hire-dd-tech-box {
    padding: 30px 10px 20px
}

.tabs_solutions .hire-dd-box-text::before {
    height: 84px;
    width: 84px
}

.tabs_solutions .hire-dd-tech-box .hire-dd-box-text:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    top: -10px;
    z-index: 1;
    transition: .3s all ease-in-out
}

.sol-website .sol-box {
    position: relative;
    height: 340px;
    background: #000;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

@media (max-width:767px) {
    .sol-website .sol-box {
        height: auto
    }
    .webd-intro-sprite {
        background-size: 102rem !important;
        height: 235px !important;
        background-position: -598px -449px !important
    }
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-custom-web-design-development .header-content .heading-tagline {
        text-align: center !important;
    }
    .webdesi_bannerbtn {
        text-align: center;
    }
    .about#aboutus {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
        background: initial !important;
        padding-bottom: 20px;
        text-align: center;
    }
    .about#aboutus .section-heading {
        text-align: center !important;
    }
    .about#aboutus .get_demo_slick_btn {
        float: none;
    }
    .mid_section#webapp_solutuions {
        padding: 0px !important;
        background-color: #f1f1f1;
        background-image: none !important;
        background-image: initial !important;
    }
    #webdesign_frameworks .sol-box {
        margin-top: 82px;
        height: auto !important;
    }
    #webdesign_industry .row:nth-child(2),
    #webdesign_industry .row:nth-child(3) {
        display: block !important;
    }
    #webdesign_industry .webdesign_indusbox {
        margin-bottom: 20px;
    }
    #webdesign_industry,
    #webportel_dev,
    #adapwebdev_solution {
        padding-bottom: 0px !important;
    }
    #webportel_dev .sol-box {
        padding: 0 !important;
        margin-bottom: 40px;
    }
    #webdesign_frameworks .row:nth-child(2) {
        margin-top: 0 !important;
    }
    #webdesign_jsframeworks .sol-box {
        height: auto !important;
    }
}

@media (max-width:1280px) {
    .about#aboutus {
        background-position: 356px 0px !important;
    }
}

header.masthead-custom-web-design-development .header-content h1,
header.masthead-custom-web-design-development .header-content .heading-tagline {
    text-align: left;
}

header.masthead-custom-web-design-development .header-content .heading-tagline {
    font-weight: 400;
    font-size: 18px;
}

.about.webdev_top_ratesec#aboutus {
    /*background: url(../images/inner-pages/custom_web_design_development/top-rated-web-development-company.jpg);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#webapp_solutuions .section-heading h2 {
    color: #060606;
}

.mid_section#webapp_solutuions {
    /* background-image: url(../images/inner-pages/custom_web_design_development/enhance-your-brand-with-our-enterprise-app-and-web-solutions.jpg?v2); */
    background-position: center;
    padding: 70px;
    filter: invert(1);
}

#premium_webservice {
    background-image: radial-gradient(circle at center center, transparent, rgb(12, 11, 11)), repeating-linear-gradient(135deg, rgb(12, 11, 11) 0px, rgb(12, 11, 11) 2px, transparent 2px, transparent 10px, rgb(12, 11, 11) 10px, rgb(12, 11, 11) 11px, transparent 11px, transparent 21px), repeating-linear-gradient(45deg, rgb(51, 50, 50) 0px, rgb(51, 50, 50) 4px, transparent 4px, transparent 8px), linear-gradient(90deg, rgb(12, 11, 11), rgb(12, 11, 11));
    padding-top: 50px;
    padding-bottom: 80px;
}

.country_prem_services {
    padding-top: 30px !important;
    padding-bottom: 80px !important;
}

#premium_webservice .section-heading h2 {
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
}

#webdesign_jsframeworks {
    background-color: #000;
}

#webdesign_jsframeworks .section-heading h2 {
    color: #fff;
    text-align: center;
}

#webdesign_jsframeworks .webjsframeworks_icons {
    float: right;
}

#webdesign_jsframeworks .sol-box {
    border-radius: 4px;
    height: 285px;
}

#webdesign_jsframeworks .sol-box .desc {
    min-height: 135px;
    margin-top: 23px;
}

#webdesign_jsframeworks .sol-box p {
    margin-bottom: 0;
}

#webdesign_jsframeworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_industry .webdesign_indusbox p {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

#webdesign_industry .webdesign_indusbox {
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0px;
    border-radius: 4px;
    box-shadow: 0px 7px 9px -6px #6d6d6d;
}

#webdesign_industry .section-heading p {
    text-align: center;
}

#webdesign_industry .row:nth-child(2),
#webdesign_industry .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#webdesign_frameworks .sol-box {
    border: 1px solid #ad1a48;
    background-color: #000;
    border-radius: 4px;
    height: 265px;
    text-align: center;
    min-height: 290px;
}

#webdesign_frameworks .sol-box .title,
#webdesign_frameworks .sol-box .desc,
#webdesign_frameworks .sol-box .p {
    text-align: center;
}

.mid_section#webdesign_frameworks p {
    text-align: center;
    margin-bottom: 0;
}

#webdesign_frameworks .row:nth-child(2) {
    margin-bottom: 5rem;
    margin-top: 5rem;
}

#webdesign_frameworks .webdframeworks_icons {
    margin: 0 auto;
    margin-top: -69px;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #ae2a53;
    width: 85px;
    height: 85px;
    text-align: center;
    padding: 10px;
}

#webdesign_frameworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_frameworks,
#webdesign_jsframeworks,
#webdesign_industry,
#webportel_dev,
#adapwebdev_solution,
#custweb_servs {
    padding-top: 30px;
    padding-bottom: 80px;
}

#webportel_dev .sol-box {
    border: 0;
    box-shadow: none;
    box-shadow: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    text-align: center;
}

#webportel_dev .sol-box .title,
#webportel_dev .sol-box .desc,
#webportel_dev .sol-box p {
    text-align: center;
}

#webportel_dev .sol-box .title-write {
    margin-top: 5px;
}

#webportel_dev {
    background: #000;
}

.webporteldev_icons {
    text-align: center;
}

#webportel_dev .sol-box {
    height: 290px;
}

.webporteldev_hr {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 90px;
    margin: 0 auto;
    height: 1px;
    margin-bottom: 10px;
}

#webportel_dev .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webportel_dev .container .row:nth-child(2) {
    margin-bottom: 40px;
}

#webportel_dev .sol-box .desc {
    min-height: 130px;
}

#adapwebdev_solution {
    /* background: url(../images/inner-pages/custom_web_design_development/solutions-bg.jpg);*/
}

#adapwebdev_solution .sol-box {
    border-radius: 4px;
    min-height: 280px;
    height: 350px;
}

#adapwebdev_solution .sol-box .title,
#adapwebdev_solution .sol-box .desc {
    text-align: center;
}

#webdev_process img {
    width: 80%;
    filter: contrast(0.5);
}

#webdev_process .section-heading p {
    text-align: center;
}

#custweb_servs .custserv_ictit {
    display: flex;
    align-items: center;
}

#custweb_servs .sol-box {
    height: auto;
    min-height: 165px;
}

#custweb_servs {
    background: #000;
}

.webdesdev_hiresec {
    background: #000;
    padding: 50px 0px;
}

.webdesign_hire_sprite {
    width: 120px;
    height: 110px;
    object-fit: none;
}

.webdhire_content {
    color: #fff;
    text-align: center;
}

.webdhire_content .webdesdev_hire_title {
    color: #fff;
    font-size: 45px;
    text-align: center;
    text-transform: capitalize;
}

.webdhire_content p {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 0;
}

.webdhirebox {
    text-align: center;
}

.webdhirebox p {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}

.webdesdev_hiresec .row:nth-child(2),
.webdesdev_hiresec .row:nth-child(3) {
    margin-top: 2.5rem;
}

.sol-website#premium_webservice .sol-box .sol-icon {
    text-align: left;
}

@media (max-width: 767px) {
    .webdhire_content .webdesdev_hire_title {
        font-size: 28px;
    }
    .webdhire_content p {
        width: 100%;
    }
    .webdhirebox {
        margin-bottom: 19px;
    }
}

.premium_webservice_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.webdesign_frameworks_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.webdesign_industry_sprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.webportel_dev_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.adapwebdev_solution_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.custweb_servs_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.sol-website .sol-box .sol-icon {
    text-align: right
}

.sol-website .sol-box .title-write {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    line-height: 25px
}

.sol-website .sol-box .desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0px;
}

.cc-slider {
    margin: 35px auto 0;
    max-width: 850px;
    position: relative;
    -webkit-transform: translateZ(0);
    transition: all .5s ease-out
}

.hire-dd-slide-manu #six-slides input {
    filter: grayscale(100%)
}

.hire-dd-slide-manu #six-slides input:checked {
    filter: grayscale(0)
}

.hire-dd-slide-manu .cc-slider input {
    display: flex;
    margin: 0 auto;
    width: 25%;
    float: left;
    visibility: hidden;
    margin-bottom: 50px
}

.tabs_solutions .cc-slider input {
    margin: 0 auto 85px !important;
    width: 33.33%
}

.hire-dd-slide-manu #six-slide1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide3::before {
    background-position: -378px -1422px !important;
    width: 83px;
    height: 74px
}

.hire-dd-slide-manu #six-slide4::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide5::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide6::before {
    background-position: -86px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu .cc-slider input:checked:before {
    border-bottom: 2px solid #0087b2;
    padding-bottom: 2px
}

.hire-dd-slide-manu input:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab-content .heading {
    font-weight: 700;
    font-size: 20
}

.custom_tabs_div .nav-pills>li>a::after {
    content: none
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:focus,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:hover {
    color: #fff;
    background-color: transparent;
    background-color: initial
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a::before {
    border-bottom: 2px solid #0087b2
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab3::before {
    background-position: -378px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab4::before {
    background-position: -96px -1292px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab5::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab6::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.cc-slider #overflow {
    width: 100%;
    overflow: hidden
}

#six-slides .hire-dd-slide-manu-box .hire-dd-manu-title {
    font-size: 18px;
    font-weight: 700
}

#six-slide1:checked~#six-slides .inner {
    margin-left: 0
}

#six-slide2:checked~#six-slides .inner {
    margin-left: -100%
}

#six-slide3:checked~#six-slides .inner {
    margin-left: -200%
}

#six-slide4:checked~#six-slides .inner {
    margin-left: -300%
}

#six-slide5:checked~#six-slides .inner {
    margin-left: -400%
}

#six-slide6:checked~#six-slides .inner {
    margin-left: -500%
}

#six-slides.cc-slider .inner {
    width: 600%
}

#six-slide1:checked~#six-slides,
#six-slide4:checked~#six-slides,
#six-slide5:checked~#six-slides,
#six-slide6:checked~#six-slides {
    margin-bottom: -26rem
}

#six-slide2:checked~#six-slides {
    margin-bottom: -50rem
}

.cc-slider .inner {
    -webkit-transform: translateZ(0);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

#six-slides.cc-slider article {
    width: 16.66%;
    position: relative;
    display: table-cell
}

.cc-slider article {
    width: 20%;
    float: left
}

.hire-dd-slide-manu-box-1 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding-top: 20px
}

.hire-dd-slide-manu .content {
    background-color: #f4f4f4 !important;
    background: rgba(255, 255, 255, .1);
    padding: 40px 10px;
    width: 87%;
    margin: 0 0 !important
}

.hire-dd-slide-manu .wds.wds-ico-40::before {
    background-position: -198px -1868px !important
}

.hire-dd-slide-manu .wds::before {
    content: "";
    position: relative;
    display: block;
    height: 84px;
    width: 84px;
    margin: 0 auto 15px;
    /* background: url(../images/ps-new-icon-min.png) no-repeat */
}

.custom_carousel_wrap {
    margin: 30px auto 0;
    padding: 0 5%;
    width: 80%;
    position: relative
}

.custom_carousel_wrap .features_carousel_sec .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.custom_carousel_wrap .features_carousel_sec .owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd
}

.custom_carousel_wrap .features_carousel_sec .owl-nav i {
    font-size: 52px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-prev {
    left: -30px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-next {
    right: -30px
}

header.masthead-chatbot {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/chat-bot/banner/banner.jpg) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-mobility.transport {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/transportation_logistics/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media(min-width:1200px) {
    .lg-ht-400 {
        height: 400px !important
    }
}

@media(min-width:992px) {
    .md-ht-400 {
        height: 400px !important
    }
}

@media(min-width:768px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

header.masthead-finance.media {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/media-entertainment/media-and-entertainment.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.media.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/health/healthcare-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/learning-education/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.hospitality {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hospitality/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.legal {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/legal/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.manufacturing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/manufacturing/manufacturing-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.analytics {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/analytics_visualization/image/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.database {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/database/data-base-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.devops {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/devops/devops-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-signage {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/signage/signage-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/demand/demand-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-python {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/python/python-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ruby {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ruby/ruby-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-engi {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/pro-eng/pro-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-trans {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/trans/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud/big-data-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hybris {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybris/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-banking {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/banking/banking-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sap {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sap/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-fmcg {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/fmcg/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-tele {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tele/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-go {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/go/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-real {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/real/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-publish {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/publish/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-retail {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/retail/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-res {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/res/resource.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ecom {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ecom/e-commerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-gov {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/gov/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/way/banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-shop {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/shop/shop-floor-automation-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.lab {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-lab/Our_Digital_Lab.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.tensorflow {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-tensorflow.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-ar-vr {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/banner-ar-vr.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-vuejs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-vuejs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-meteorjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-meteorjs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-nwjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-nw-js.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-proton-native {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-proton-native-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.arkit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/arkit-ios.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.unity-ban {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-unity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
    margin-bottom: 0 !important
}

header.masthead-demand.hyperledger-sawtoooth {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/hyperlefger-sawtooth-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.expertise {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-expertise/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.Banner-solidity {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/Banner-solidity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.expert-cnt {
    display: block;
    width: 100%;
    padding: 8% 15px;
    background: #fff;
    box-shadow: 0 3px 4px #ddd;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 5px solid #2a7bc1;
    position: relative;
    transition: all .5s;
    height: 360px
}

.bgn-border {
    border-top: 5px solid #3bbeb0 !important
}

.bl-border {
    border-top: 5px solid #3bb1d9 !important
}

.rd-border {
    border-top: 5px solid #d9434e !important
}

.yl-border {
    border-top: 5px solid #f89433 !important
}

.gn-border {
    border-top: 5px solid #3bb85d !important
}

.pl-border {
    border-top: 5px solid #7277d5 !important
}

.expert-cnt:hover {
    box-shadow: 0 11px 18px #ddd
}

.hgt_430 {
    height: 430px !important
}

.feature-content_1 h4 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 h2 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: left !important
}

.hgt_350 {
    height: 350px !important
}

.hgt_380 {
    height: 380px
}

.navbar-default .navbar-nav>li>a.whatsup_button,
.navbar-default .navbar-nav>li>a.whatsup_button:active,
.navbar-default .navbar-nav>li>a.whatsup_button:focus {
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    background: #47b375;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.telegram_button {
    background: #08c;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 400;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.telegram_button:hover {
    background: #08c;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button,
.navbar-default .navbar-nav>li>a.skype_button:active,
.navbar-default .navbar-nav>li>a.skype_button:focus {
    background: #00aff0;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    margin: 0 3px;
    margin-top: 14px;
    border-bottom: none
}

.navbar-default .navbar-nav>li>a.carrer_button,
.navbar-default .navbar-nav>li>a.carrer_button:active,
.navbar-default .navbar-nav>li>a.carrer_button:focus {
    background: #a5264a;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.carrer_button:hover {
    background: #a5264a;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover {
    background: #00aff0;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover,
.navbar-default .navbar-nav>li>a.telegram_button:hover,
.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    border-bottom: 0
}

.navbar-default .navbar-nav>li>a.skype_button i,
.navbar-default .navbar-nav>li>a.skype_button span,
.navbar-default .navbar-nav>li>a.telegram_button i,
.navbar-default .navbar-nav>li>a.telegram_button span,
.navbar-default .navbar-nav>li>a.whatsup_button i,
.navbar-default .navbar-nav>li>a.whatsup_button span {
    display: inline-block !important
}

.hgt_480 {
    height: 480px !important
}

.hgt_320 {
    height: 320px
}

.hgt_520 {
    height: 520px
}

header.masthead-blockchain-in-gaming.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_gaming/Banner-2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-supplychain.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_supplychain/blockchain-in-supplychain.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-ecommerce.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-ecommerce/blockchain-ecommerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-real-estate.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-realestate/blockchain-in-realestate.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-application-for-voting.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-voting/Banner2.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-in-insurance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-insurance/blockchain-in-insurance-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-digital-records.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/digital-record/Banner2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud-application/cloud-application-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.feature-content_1 h4,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

.feature-content_1 h2,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

header.masthead-pivx {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private-instant-verified-transaction-FINAL/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-scrypt {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/scrypt-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sha-256 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/BENEFITS-OF-SHA-256-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-x11 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/X11-Final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-equihash {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/equihash-final/Banner-01.jpg) no-repeat !important; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-iphone-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone-app-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-react-native-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react-native-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ar-core-for-android {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ar-core-for-android-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hyperledger-fabric-composer {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hyperledger-fabric-composer-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-jmeter {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/jmeter-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_development/ICO-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-consulting-services {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_consulting/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-private-public-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private_public_blockchain_development/PUBLIC-PRIVATE-BLOCKCHAIN_Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cryptocurrency-wallet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency-wallet-development/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-exchange-platform-development {
    position: relative;
    width: 100%;
    padding-top: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency_exchange_platform/banner.png?v2) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-iot-management {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_Iot_management/Blockchain-IoT-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-smart-contract-audit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/smart_contract_audit/Smart-Contract-Audit.banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-marketing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_marketing/STO-Marketing-Banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_development/STO-DevelopmentBanner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-zend-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/zend_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-yii-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/yii_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-laravel-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/laravel_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-cakephp-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cakephp/cakephp.banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angularjs/angularjs-banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ethereum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_blockchain_development/eth-blockchain-banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media(min-width: 991px) {
    section.masthead-blockchain-development {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/banner-new.png); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
    }
}

@media(max-width: 767px) {
    section.masthead-blockchain-development {
        background: linear-gradient(45deg, #011a30, #0b549a, #064b95);
        padding: 50px 0px;
        height: 550px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .masthead-blockchain-development .title {
        font-size: 28px !important;
        line-height: 35px !important;
    }
    .masthead-blockchain-development .cus_title {
        font-size: 35px !important;
    }
    .masthead-blockchain-development .blk_dev_bnr_btn,
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn {
        font-size: 12px !important;
    }
    .blockchain_dev_talkcard_sec {
        background: linear-gradient(45deg, #000422, #004b82);
        display: flex;
        align-items: center;
        padding: 30px 0px;
        text-align: center;
    }
    .blockchain_dev_talkcard_sec .title {
        font-size: 22px !important;
        margin-top: 0px;
    }
    .blockchain_dev_talkcard_sec .contents {
        padding-top: 0px !important;
        margin-bottom: 5px !important;
    }
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
        margin-top: 20px !important;
    }
}

.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #012150;
    background: linear-gradient(90deg, #0e1824 0, rgb(22 29 43 / 55%) 79%);
}

header.masthead-ethereum-classic-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_classic_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-blockchain-development .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
}

.masthead-blockchain-development .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.masthead-blockchain-development .contents {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}

.masthead-blockchain-development a.expert-btn {
    background: #db3c3b;
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #050505;
    line-height: 1.5;
    border: 0;
}

.masthead-blockchain-development .blk_dev_bnr_btn_sec,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
    margin-top: 35px;
}

.masthead-blockchain-development .blk_dev_bnr_btn,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn {
    background: #db3c3b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    padding: 12px 25px;
}

@media(min-width: 991px) {
    .blockchain_dev_talkcard_sec {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/talk-sec-card-bg.png); */
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        padding: 50px 0px;
        height: 400px;
    }
}

.blockchain_dev_talkcard_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}

.blockchain_dev_talkcard_sec .contents {
    font-size: 16px;
    padding-top: 8px;
    color: #fff;
}

header.masthead-quorum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/quorum_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-neo-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/neo_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-tron-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tron_dapps_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-lisk-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/lisk_blockchain_applicationLisk_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-eos-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/eos_blockchain_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-chainlink-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/chainLink_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-stratis-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/stratis_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-waves-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/waves_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-svelte-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/svelte_js_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular8-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angular8_development_company/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_app_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ipad-app-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-ipad-ui-ux-design {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-iphone-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-iphone-ui-ux-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/enterprise_mobile_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-native-app-development-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/native_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-hybrid-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybrid_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ionic-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ionic_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-2d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/2D_design/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-adobe-air-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/adobe_air_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-tablet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_tablet_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-codeigniter-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/codeigniter_web_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development/banner-bg.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development_countrybase {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development_countrybase/banner-bg.png?v1) no-repeat; */
    background-size: cover !important;
    background-position: center;
    height: 85vh
}

.masthead-custom-web-design-development_countrybase .webdesi_bannerbtn {
    margin-top: 4rem;
}

.webdesi_bannerbtn a:hover {
    text-decoration: none;
    color: #fff;
}

.button_play {
    /*background: #ff4949;*/
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    padding: 16px 21px;
    transition: width 199ms cubic-bezier(0.25, 0, 0.25, 1) 233ms;
    font-weight: 800;
    font-size: 17px;
    background: #001a56;
    background: linear-gradient( 135deg, #a71e44 0%, #e63a59 50%, #0c3d40 51%, #09383c 71%, #e02528 100%);
    background-size: 400% 400%;
    animation: AnimationName 3s ease infinite;
    border: 0;
}

@keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}

.masthead-custom-web-design-development_countrybase.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(24 30 41 / 60%) none repeat scroll 0 0;
}

header.masthead-custom-web-design-development_countrybase .header-content h1,
header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
    text-align: left;
}

@media (max-width: 767px) {
    header.masthead-custom-web-design-development_countrybase .header-content h1,
    header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
        text-align: center;
    }
}

header.masthead-enterprise-solutions {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/it_enterprise_solution_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-phonegap-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/phonegap_development_services/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-responsive-website-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/responsive_web_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-web-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-logo-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/logo_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-3d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/3d_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-react-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react_js_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-node-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/nodejs_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-bootstrap-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/bootstrap_page/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-canvas5-web-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/canvas5_webdesign/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-joomla-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/joomla-development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-wordpress-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/wordpress_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-magento-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/magento_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-website-maintenance-company {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_maintanence_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mobile-application-maintenance {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mobile_application_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-web-hosting-and-maintenance-services {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/trusted_hosting_and_server_maintenance_service_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-customers-inventory-management-software {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/customer_and_inventory_management/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-online-customer-support {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/online_customer_support_services_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-full-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/full_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mean-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mean_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-hedera-hashgraph-dev {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hedera_hasgroup/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-hedera-hashgraph-dev:before {
    background: rgba(0, 0, 0, .73) !important
}

header.masthead-blockchain-ai-dev {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/AI_blockchain/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-peer-to-peer-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/p2p_lending/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ai-banner {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/ai-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media screen and (min-width:767px) {
    .mobile {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .bor-bot {
        border-bottom: 2px solid #205a5d !important
    }
}

.hgt_490 {
    height: 490px
}

.justify {
    text-align: justify
}

@media(max-width:767px) {
    .social_link {
        display: none
    }
    .mobile-resp {
        display: block
    }
    .caption {
        font-size: 14px !important
    }
    body.events .cbp-af-header .cbp-af-inner {
        height: auto
    }
}

@media(min-width:768px) and (max-width:991px) {
    .showcase-box h3 {
        text-align: left
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .showcase-box h3 {
        min-height: 50px
    }
}

.photo_font {
    font-size: 25px !important;
    color: #000 !important;
    text-align: center
}

.caption {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #397bc1;
    text-align: center;
    font-weight: 700;
    opacity: 1;
    top: 0;
    font-size: 20px
}

@media(min-width:0px) and (max-width:768px) {
    .expert-btn {
        margin: 10px auto !important
    }
    .solution-box p {
        width: 100%
    }
    .ttmenu .navbar-default .ttmenu-content {
        padding: 0
    }
    .social ul li {
        display: inline-block;
        margin: 0 0 15px 1px
    }
    header.masthead-demand.tensorflow {
        padding-top: 50px;
        height: 70vh
    }
    .pre-header ul li a {
        font-size: 13px
    }
    header.masthead-hyper {
        padding-top: 40px;
        height: 60vh
    }
    header.masthead-demand.Banner-solidity {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-digital-records.health {
        padding-top: 30px;
        height: 60vh
    }
    header.masthead-blockchain-in-insurance.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-gaming.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-application-for-voting.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-ecommerce.health {
        padding-top: 20px
    }
    header.masthead-blockchain-in-real-estate.health {
        padding-top: 20px;
        height: 80vh
    }
    header.masthead-blockchain-in-supplychain.health {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-identity {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-finance,
    header.masthead-mobility {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-legal {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-equihash {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-sha-256 {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-pivx {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-scrypt {
        padding-top: 10px;
        height: 85vh
    }
    header.masthead-x11 {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-exchange-platform-development {
        padding-top: 50px
    }
    header.masthead-business {
        padding-top: 40px;
        height: 65vh
    }
    header.masthead-iot {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-chatbot {
        padding-top: 10px;
        height: 60vh
    }
    header.masthead-finance.devops {
        padding-top: 0;
        height: 100vh
    }
    header.masthead-trans .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-engi .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-blockchain-development {
        height: 95vh;
        background: #183274
    }
    .feature-content_1 p,
    .section-heading p,
    .work_with_box p {
        font-size: 16px
    }
    header.masthead-blockchain-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .heading-tagline {
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px
    }
    .mid_section p {
        font-size: 16px
    }
    .feature_1 {
        margin-top: 2em
    }
    header.masthead-ai .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 21px !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 30px
    }
    header.masthead-blockchain-consulting-services {
        height: 60vh;
        padding-top: 10px
    }
    header.masthead-custom-web-design-development {
        height: 97vh;
        padding-top: 133px
    }
    header.masthead-custom-web-design-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .mobile-resp .skype_button>span,
    .mobile-resp .whatsup_button>span {
        display: inline !important
    }
    .social_link {
        display: block !important
    }
    .mobile-resp {
        display: none
    }
    .MetaBlock-new-slider .hero h1,
    .MetaBlock-new-slider .hero h2 {
        font-size: 34px;
        line-height: 52px
    }
    .ttmenu .navbar-default .navbar-nav>li>a.carrer_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.skype_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.whatsup_button span {
        display: none !important
    }
    .ttmenu .nav>li>a {
        padding: 4px 0 !important
    }
    body .ttmenu .nav>li>a {
        border-bottom: 0 solid !important
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 6px !important
    }
    .ttmenu .nav>li>a {
        margin: 0 7px
    }
    header.masthead-blockchain-development {
        height: 25vh;
        padding-top: 10px
    }
    .bigdata-info img {
        max-width: 330px
    }
    .hi-icon {
        width: 40px;
        height: 40px
    }
    .hi-icon:before {
        font-size: 20px;
        line-height: 38px
    }
    .loc_icons {
        margin-bottom: 0
    }
    .loc_text ul {
        padding: 0
    }
    .location .col-sm-4 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .loc_text ul li {
        font-size: 13px;
        line-height: 21px
    }
    .location {
        padding: 10px 0
    }
}

.algorithm-img-modal {
    height: 332px;
    box-shadow: -1px 1px 5px 2px rgba(209, 207, 209, .39)
}

.img-modal .modal-header {
    background-color: transparent;
    background-color: initial;
    border-bottom: 0
}

.img-modal .modal-footer {
    border-top: 0
}

.pop-up-img-modal {
    max-width: 100%
}

.img-modal .modal-header .btn {
    background-color: #928f8f;
    color: #fff;
    height: 39px;
    border-radius: 100%;
    float: right
}

.expand-button {
    color: #fff
}

.modal-open .modal {
    overflow-x: hidden;
    margin-top: -75px;
    overflow-y: auto
}

.hgt_340 {
    height: 340px !important
}

.hgt_auto {
    height: auto !important
}

@media screen and (max-width:767px) {
    .whybottom_box {
        height: auto !important
    }
}

.hgt_400 {
    height: 400px
}

.gd-img img {
    max-width: none !important;
    width: 150px
}

@media screen and (min-width:767px) {
    .hgt_470 {
        height: 470px
    }
}

.foot_link .contact-info p {
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: left
}

.expert-btn {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 12px
}

.platform-icon {
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(34, 44, 55, .15)
}

div.platform-icon div.logo {
    background-color: transparent
}

div.platform-icon a,
div.platform-icon div.logo {
    width: 50px;
    height: 50px;
    display: block;
    /* background-image: url(../images/inner-pages/way/platform-logos.png); */
    background-color: #fff
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon {
    float: none;
    display: inline-block;
    margin: 5px
}

.multiple-platforms {
    text-align: center
}

.g-center {
    padding: 0 14px
}

div.platform-icon .win {
    background-position: 0 0
}

div.platform-icon .pc {
    background-position: 0 0
}

div.platform-icon .winphone8 {
    background-position: 0 -50px
}

div.platform-icon .windowsphone8 {
    background-position: 0 -50px
}

div.platform-icon .winstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstoreapps {
    background-position: 0 -100px
}

div.platform-icon .mac {
    background-position: 0 -150px
}

div.platform-icon .linux {
    background-position: 0 -200px
}

div.platform-icon .web {
    background-position: 0 -250px
}

div.platform-icon .unitywebplayer {
    background-position: 0 -250px
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon .android {
    background-position: 0 -350px
}

div.platform-icon .blackberry {
    background-position: 0 -400px
}

div.platform-icon .wiiu {
    background-position: 0 -450px
}

div.platform-icon .ps3 {
    background-position: 0 -500px
}

div.platform-icon .playstation3 {
    background-position: 0 -500px
}

div.platform-icon .ps4 {
    background-position: 0 -550px
}

div.platform-icon .playstation4 {
    background-position: 0 -550px
}

div.platform-icon .xbox {
    background-position: 0 -600px
}

div.platform-icon .facebook {
    background-position: 0 -650px
}

div.platform-icon .playstationvita {
    background-position: 0 -700px
}

div.platform-icon .unity {
    background-position: 0 -750px
}

div.platform-icon .xboxone {
    background-position: 0 -800px
}

div.platform-icon .xbox360 {
    background-position: 0 -850px
}

div.platform-icon .tizen {
    background-position: 0 -900px
}

div.platform-icon .psmobile {
    background-position: 0 -950px
}

div.platform-icon .teamlicense {
    background-position: 0 -1000px
}

div.platform-icon .oculus {
    background-position: 0 -1050px
}

div.platform-icon .oculusright {
    background-position: 0 -1050px
}

div.platform-icon .oculusrift {
    background-position: 0 -1050px
}

div.platform-icon .webgl {
    background-position: 0 -1100px
}

div.platform-icon .samsungtv {
    background-position: 0 -1150px
}

div.platform-icon .gearvr {
    background-position: 0 -1200px
}

div.platform-icon .androidtv {
    background-position: 0 -1250px
}

div.platform-icon .hololens {
    background-position: 0 -1300px
}

div.platform-icon .universal-windows {
    background-position: 0 -1350px
}

div.platform-icon .playstationvr {
    background-position: 0 -1400px
}

div.platform-icon .tvos {
    background-position: 0 -1450px
}

div.platform-icon .nintendo3ds {
    background-position: 0 -1500px
}

div.platform-icon .vive {
    background-position: 0 -1550px
}

div.platform-icon .cardboard {
    background-position: 0 -1600px
}

div.platform-icon .daydream {
    background-position: 0 -1650px
}

div.platform-icon .nintendo-switch {
    background-position: 0 -1700px
}

div.platform-icon .fireos {
    background-position: 0 -1750px
}

div.platform-icon .fb-gameroom {
    background-position: 0 -1800px
}

div.platform-icon .arkit {
    background-position: 0 -1850px
}

div.platform-icon .vuforia {
    background-position: 0 -1900px
}

div.platform-icon .arcore {
    background-position: 0 -1950px
}

div.platform-icon .magic-leap {
    background-position: 0 -2000px
}

.header-shadow .expert-btn {
    border: 2px solid #fff;
    background: 0 0
}

.blkchn_devpmt_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d)
}

.blkchn_devpmt_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 510px;
    margin-top: 20px
}

@media (max-width:767px) {
    .blkchn_devpmt_services {
        height: auto
    }
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div {
    margin: 15px auto;
    text-align: center
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div .blkchn_devpmt_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

@media (max-width:767px) and (min-width:0px) {
    #divisor {
        background-size: cover !important
    }
    .our-works .carousel-inner {
        margin: 0 !important
    }
    .first-shot {
        padding: 0 !important
    }
    figure {
        background-size: contain !important
    }
    .img-comparison {
        padding: 0 !important
    }
}

.multiple-platforms {
    padding: 0;
    /* background-image: url(../images/inner-pages/way/multiplatform-bg.png); */
    background-color: #000;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background-image: url(../images/inner-pages/way/wayfind-bg.png); */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.our-works .first-shot {
    color: #fff;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3);
    height: 449px;
    background-repeat: no-repeat;
    background-size: cover
}

.our-works .first-shot h1 {
    font-weight: 700;
    color: #2a7bc1;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.our-works .first-shot p {
    color: #000
}

.our-works .carousel li {
    display: none
}

.our-works .carousel-inner {
    margin: 25px 145px 50px;
    max-width: 1245px
}

.our-works {
    /* background-image: url(../images/inner-pages/way/shots-slide-bg.png); */
    padding: 0;
    background-size: cover
}

.our-works h1 {
    font-size: 50px;
    color: #2a7bc1;
    text-align: center;
    font-weight: 600
}

.carousel-slider .carousel-control {
    z-index: 2;
    top: 171px;
    height: 0;
    width: 8%;
    bottom: 0;
    font-size: 77px;
    opacity: 1
}

.carousel-control.left {
    right: 105% !important
}

.shots .carousel-control.right {
    left: 105% !important
}

.our-works h2 {
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.shots img {
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3)
}

div.platform-icon a,
div.platform-icon div.logo {
    border-radius: 50%
}

.multiple-platforms h2 {
    color: #fff;
    font-weight: bolder
}

.multiple-platforms h3 {
    color: #fff;
    font-size: 22px
}

.g-center {
    padding: 0 15px 25px
}

.img-comparison {
    padding: 0
}

.img-comparison h2 {
    color: #2a7bc1;
    margin-bottom: 51px;
    text-align: center;
    font-weight: 600;
    font-size: 32px
}

.img-comparison h3 {
    color: #2a7bc1;
    text-align: center
}

.img-comparison p {
    text-align: center
}

#comparison {
    width: 100%;
    padding-bottom: 48%;
    overflow: hidden;
    position: relative
}

figure {
    position: absolute;
    /* background-image: url(../images/inner-pages/way/gfloor-bp.png); */
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

#divisor {
    /* background-image: url(../images/inner-pages/way/gfloor-out.png); */
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3);
    bottom: 0;
    height: 100%;
    transition: width 2s
}

#divisor:after,
#divisor:before {
    content: '';
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #000;
    z-index: 3
}

#divisor:before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, .3)
}

#divisor:after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .3)
}

#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3
}

#handle:after,
#handle:before {
    content: '';
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    display: none
}

input[type=range]:active,
input[type=range]:focus {
    border: 0;
    outline: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: 0 0;
    border: 4px solid #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3)
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: 0
}

.rd_mr_btn {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    margin: 10px 0 0;
    line-height: 0
}

.blkchn_devpmt_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.blkchn_devpmt_services h4 {
    min-height: 50px
}

.blkchn_devpmt_services h2 {
    min-height: 50px
}

.blkchn_devpmt_services .feature-content_1 p {
    min-height: 280px
}

.list_img_div img {
    max-width: 60px;
    position: absolute
}

.list_content_div {
    margin-left: 70px
}

.industry_focus {
    padding: 10px
}

.industry_focus p {
    font-size: 15px !important;
    line-height: 27px
}

.industry_focus .slide-content .industries_solution_btn_p {
    margin: 20px 0
}

.industry_focus .slide-content .industries_solution_btn_p a.explore_slick_btn {
    margin-right: 8px
}

.industry_focus .item_pagination {
    padding: 15px !important
}

.industry_focus .slick-carousel .slick-list {
    margin-top: 0
}

.multiple-platforms p {
    font-size: 18px
}

@media (max-width:767px) {
    .blockchain__indus__sec #blockchain_indus_accordion {
        padding: 10px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #183276;
        color: #fff
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading .panel-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-right: 15px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body .blockchain_indus_buttons {
        padding: 0 10px;
        text-align: center
    }
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../crypto_platform/bitcoin-fire.png) no-repeat scroll center top/cover; */
    margin-top: 0
}

#why_development .why_box {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%
}

#why_development .why_box span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: 10em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.why_development p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 50px;
    text-align: center
}

.cryp-heading h3 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 28px;
    margin: 0 0 50px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

#why_development .why_box span:hover {
    cursor: pointer;
    background: #bb3361
}

.mob_industy_box {
    width: 180px;
    height: 230px;
    margin: 1em auto;
    color: #000;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.social_netw {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -93px -39px
}

.bank_finan {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -333px -39px
}

.entertain {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -563px -39px
}

.ondemand {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -801px -39px
}

.ecommerce {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1039px -39px
}

.food {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1271px -39px
}

.healthcare {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -102px -353px
}

.realestate {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -367px -353px
}

.education {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -618px -353px
}

.transport {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -881px -353px
}

.lifestyle {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -1142px -353px
}

.cryptocurency {
    z-index: 2;
    transform: rotateY(0);
    /* /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -368px -353px
}

@media (max-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box {
        padding: 10px
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 10rem;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav {
        position: absolute;
        top: 10rem;
        left: 0;
        right: 0
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev {
        position: absolute;
        left: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next {
        position: absolute;
        right: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next:before,
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev:before {
        border: 1px solid #148bfdbf;
        background: #148bfdbf;
        color: #fff;
        font-size: 40px;
        font-weight: 700
    }
}

.ondemand__app__sec .title {
    font-size: 35px;
    font-weight: 600;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div {
    position: relative;
    bottom: 30px;
    text-align: center;
    background: #fff;
    padding: 5px;
    margin: 0 15px;
    border-radius: 3px;
    box-shadow: gray;
    box-shadow: 0 0 29.1px .9px rgba(0, 0, 0, .2);
    z-index: 1
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box img {
    width: 100%
}

.ondemand__app__sec #ondemand__app__carousel .item {
    padding: 10px 0
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p a {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #535e72
}

@media (min-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover:before {
        transform: scaleX(1)
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 7rem;
        transition: 1s;
        opacity: 0;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover .btn__div {
        bottom: 23rem;
        transition: 1s;
        opacity: 1
    }
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 320px;
    top: 3%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 18px;
    transition: transform .3s ease-out
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div .get__demo__a {
    background: #148bfd;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots {
    margin-top: 0 !important;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot.active span {
    background: #ad2953b8
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot span {
    display: block;
    background: #ccc;
    width: 13px;
    height: 13px;
    margin: 5px;
    border-radius: 50px;
    cursor: pointer
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot {
    display: inline-block
}

.ondemad_head .banr-listing {
    padding: 0
}

.ondemad_head .heading-tagline {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_head .banr-listing li {
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    position: relative;
    list-style: none;
    text-align: left;
    font-weight: 300;
}

header.ondemad_head {
    position: relative;
    width: 100%;
    padding-top: 75px !important;
    color: #fff;
    background: linear-gradient(50deg, #000 25%, #4a4949 76%);
    height: 100vh;
}

header.ondemad_head .header-content h1 {
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_feature .whybottom_box .inr_img {
    top: -90px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.ondemad_feature .whybottom_box {
    height: 300px
}

.ondemad_feature .whybottom_box .inr_img:hover {
    transform: rotate(360deg);
    transition: 1s
}

.why-business .whybottom_box {
    height: auto;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    background-color: #0d4388
}

.why-business .whybottom_box h3 {
    color: #fff
}

.why-business .whybottom_box abbr {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px;
    padding: 5px;
    border-radius: 0 0 60% 60%;
    background: #ff3d9e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff3d9e), color-stop(100%, #481891));
    background: linear-gradient(135deg, #ff3d9e 0, #481891 100%)
}

.why-business .whybottom_box abbr:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #581c7f transparent transparent
}

.why-business .whybottom_box abbr:after {
    position: absolute;
    right: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #581c7f
}

.on-dmnd-industries .od-ind-box {
    text-align: center;
    padding: 10px;
    position: relative
}

.on-dmnd-industries .od-ind-box p {
    text-align: center;
    font-weight: bolder
}

.on-dmnd-industries .all-features {
    text-align: center
}

.on-dmnd-industries .all-features a.collapsed {
    color: #ff3d9d
}

.on-dmnd-industries .all-features a.collapsed .rotate-icon {
    color: #ff3d9d;
    border-color: #ff3d9d;
    transform: rotate(90deg)
}

.on-dmnd-industries .all-features a .vff {
    display: block;
    font-size: 15px;
    font-weight: bolder
}

.fa-angle-double-right:before {
    content: "\f101" !important
}

.on-dmnd-industries .all-features a .rotate-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #8200f2;
    border: 1px solid #8200f2;
    border-radius: 100px;
    transform: rotate(-90deg);
    transition: all .3s ease-in-out
}

.on-dmnd-industries .all-features a .rotate-icon i {
    font-size: 16px;
    margin-top: 5px
}

/*ON Demand App Banner Form - Start*/

.ondemand_app_banner_form_sec {
    background: #00000047;
    padding: 20px;
}

.ondemand_app_banner_form_sec .ondemand_app_banner_form_head .title {
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .form-group {
    margin-bottom: 20px;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form input,
.ondemand_app_banner_form_sec #ondemad_app_banner_form select,
.ondemand_app_banner_form_sec #ondemad_app_banner_form textarea {
    border-radius: 0;
    box-shadow: none;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .submit_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    display: block;
    width: 100%;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

/*ON Demand App Banner Form - End*/

.mt-9 {
    margin-top: 9rem
}

.why-business .whybottom_box img {
    width: 50px;
    height: 50px;
    object-fit: none
}

.on-dmnd-industries img {
    width: 64px;
    height: 64px;
    object-fit: none
}

.collapsed .replaced_content {
    visibility: hidden;
    position: relative
}

.collapsed .replaced_content:after {
    visibility: visible;
    content: "Load More"
}

.replaced_content:after {
    visibility: visible;
    content: "Load Less"
}

@media (max-width:768px) and (min-width:0px) {
    header.ondemad_head {
        background: #000;
        height: auto !important;
    }
    .ondemad_head h1 {
        font-size: 24px !important;
        text-align: center !important
    }
    .ondemad_head .heading-tagline {
        text-align: center !important;
        font-size: 16px
    }
    .about {
        padding: 0
    }
}

.industry_focus .mob_industy_box h3 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 100px;
    text-shadow: 2px 2px 10px #0000006c
}

.industry_focus #client_carousel .item .industries_quote_btn {
    background: #00000073;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 25px auto;
    letter-spacing: 0
}

@media (min-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0;
        display: none
    }
}

@media (max-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0
    }
}

.mob_industy_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 5px;
    transition: transform .3s ease-out
}

.mob_industy_box:hover:before {
    transform: scaleX(1)
}

.mob_industy_box:hover .industries_quote_btn_div {
    display: block !important
}

.why-cntnt {
    text-align: center
}

.why_MetaBlock {
    padding: 30px 0
}

.why-img-title {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0;
    text-align: center
}

.process_we_follow {
    background: #e3edf2;
    background: linear-gradient(135deg, #e3edf2 0, #b9c3cf 100%);
    padding: 30px 0
}

.enterprise-mobile-app-development-countrybased {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/mobileapp_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width: 767px) {
    .enterprisemob_banbtn {
        text-align: center;
    }
}

@media (min-width: 767px) {
    .enterprise-mobile-app-development-countrybased .header-content .mb-5 {
        text-align: left;
    }
    .enterprise-mobile-app-development-countrybased .header-content {
        margin-top: 9rem;
    }
    .enterprise-mobile-app-development-countrybased .heading-tagline {
        text-align: left;
        font-size: 18px;
    }
    .enterprise-mobile-app-development-countrybased.header-shadow:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 0%) none repeat scroll 0 0;
    }
}

header.enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width:768px) and (min-width:0px) {
    header.enterprise-mobile-app-development {
        height: 97vh;
        padding-top: 133px
    }
    header.enterprise-mobile-app-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .intro_img_sprite {
        background-position: -992px -1247px !important
    }
    header.masthead-blockchain-development .header-content .mb-5 {
        font-size: 24px !important;
        text-align: center;
        line-height: 1.5
    }
    header.masthead-blockchain-development .header-content .heading-tagline {
        width: 100% !important;
        text-align: center
    }
    .bck_request_btn {
        text-align: center
    }
    header.masthead-blockchain-development .text-left {
        text-align: center !important
    }
}

header.masthead-blockchain-development .text-left {
    text-align: left
}

.header-shadow-custom .expert-btn {
    border: 2px solid #fff;
}

.enterprise_mobile_app_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d)
}

.enterprise_mobile_app_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 560px;
    margin-top: 20px
}

@media (max-width:767px) {
    .enterprise_mobile_app_services {
        min-height: auto;
        height: auto
    }
}

.enterprise_mobile_app_services .mobile_app_services_btn_div {
    margin: 10px auto;
    text-align: center
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn i {
    font-size: 20px;
    margin-left: 5px
}

.enterprise_mobile_app_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.enterprise_mobile_app_services h4 {
    min-height: 50px
}

.enterprise_mobile_app_services h2 {
    min-height: 50px
}

.enterprise_mobile_app_services .feature-content_1 p {
    min-height: 330px
}

.spr-feature-img-1 {
    object-fit: none;
    object-position: 0 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-2 {
    object-fit: none;
    object-position: -80px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-3 {
    object-fit: none;
    object-position: -166px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-4 {
    object-fit: none;
    object-position: -247px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-5 {
    object-fit: none;
    object-position: -331px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-6 {
    object-fit: none;
    object-position: 0 -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-7 {
    object-fit: none;
    object-position: -80px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-8 {
    object-fit: none;
    object-position: -166px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-9 {
    object-fit: none;
    object-position: -246px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-10 {
    object-fit: none;
    object-position: -329px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-11 {
    object-fit: none;
    object-position: -87px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-12 {
    object-fit: none;
    object-position: 1px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-13 {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-14 {
    object-fit: none;
    object-position: -250px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-15 {
    object-fit: none;
    object-position: -336px -161px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-16 {
    object-fit: none;
    object-position: -142px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-17 {
    object-fit: none;
    object-position: -245px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-18 {
    object-fit: none;
    object-position: -350px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr_img_consen {
    width: 60px;
    height: 60px;
    margin-left: 0 auto;
    /* background-image: url(../images/inner-pages/blockchain_development/blkch_sprite.png?v2) */
}

.techstack_sprite {
    width: 68%;
    height: 229px;
    background-position: -9px -120px;
    background-size: 111rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite_res {
    width: 100%;
    height: 575px;
    background-position: -1413px -243px;
    background-size: 179rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite {
    width: 65%;
    height: 287px;
    background-position: -11px -469px;
    background-size: 135rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.mobile_app_hire_sprite {
    width: 60%;
    height: 250px;
    background-position: -1875px -1480px;
    background-size: 110rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.hire_sprite {
    width: 77%;
    height: 200px;
    background-position: -1531px -1205px;
    background-size: 90rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.appio-sprite {
    width: 100%;
    border-radius: 10px;
    height: 540px;
    border: 1px solid #d2d2d2;
    background-size: 180rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v2) */
}

.appio-screen-img img {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
    border: 2px solid #d2d2d2
}

.sol-icon .cust_web_imgpack {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1) */
}

.service_sprite {
    background-size: 85rem;
    width: 77px;
    height: 90px
}

.web_portal_sprite {
    margin: 0 63%;
    background-size: 174rem;
    width: 119px;
    height: 101px
}

.web_development_sprite {
    margin: 0;
    background-size: 83rem;
    width: 119px;
    height: 101px
}

.js_framework_sprite {
    margin: 0 63%;
    background-size: 70rem;
    width: 127px;
    height: 101px
}

.web_development_sol_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 63%;
    background-size: 83rem;
    width: 127px;
    height: 122px
}

.webd-intro-sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    background-size: 166rem;
    width: 620px;
    height: 300px;
    background-position: -936px -787px
}

.webdesign_services_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 auto;
    background-size: 280rem;
    width: 350px;
    height: 350px
}

#screenshots {
    padding: 10px 0
}

.swiper-container.appio-screen-view {
    text-align: center
}

.swiper-container.appio-screen-view .swiper-slide {
    padding: 0 43px
}

.swiper-container {
    width: 100%;
    padding-bottom: 50px
}

.swiper-slide .appio-sprite {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px
}

.swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 15px
}

.two .swiper-slide {
    width: 300px
}

.swiper-slide .appio-sprite {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2)
}

.swiper-slide .appio-screen-img .preview-icon {
    z-index: -1;
    width: calc(100% - 30px)
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0
}

.swiper-pagination-bullet {
    border-radius: 10px;
    display: inline-block;
    height: 5px;
    width: 20px;
    opacity: 1;
    transition: .2s;
    background-color: #000
}

.swiper-pagination-bullet:nth-child(5n+1) {
    background-color: #9bcf50
}

.swiper-pagination-bullet:nth-child(5n+2) {
    background-color: #36c6eb
}

.swiper-pagination-bullet:nth-child(5n+3) {
    background-color: #ff7e30
}

.swiper-pagination-bullet:nth-child(5n+4) {
    background-color: #1e87f0
}

.swiper-pagination-bullet:nth-child(5n+5) {
    background-color: #bf095d
}

.swiper-pagination-bullet-active {
    border: medium none;
    height: 5px;
    width: 30px;
    opacity: 1
}

.process_we_follow img {
    width: 100% !important
}

.why_crypto_development_sprite1,
.why_crypto_development_sprite2,
.why_crypto_development_sprite3,
.why_crypto_development_sprite4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.why_crypto_development_sprite1 {
    object-position: 0 0
}

.why_crypto_development_sprite2 {
    object-position: -120px 0
}

.why_crypto_development_sprite3 {
    object-position: -240px 0
}

.why_crypto_development_sprite4 {
    object-position: -361px 0
}

.crypto_services1,
.crypto_services2,
.crypto_services3,
.crypto_services4,
.crypto_services5,
.crypto_services6 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_services1 {
    object-position: -482px 0
}

.crypto_services2 {
    object-position: 0 -105px
}

.crypto_services3 {
    object-position: -120px -105px
}

.crypto_services4 {
    object-position: -244px -105px
}

.crypto_services5 {
    object-position: -362px -105px
}

.crypto_services6 {
    object-position: -483px -109px
}

.crypto_platform1,
.crypto_platform10,
.crypto_platform11,
.crypto_platform12,
.crypto_platform2,
.crypto_platform3,
.crypto_platform4,
.crypto_platform5,
.crypto_platform6,
.crypto_platform7,
.crypto_platform8,
.crypto_platform9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_platform1 {
    object-position: 13px -211px
}

.crypto_platform2 {
    object-position: -90px -211px
}

.crypto_platform3 {
    object-position: -193px -211px
}

.crypto_platform4 {
    object-position: -296px -211px
}

.crypto_platform5 {
    object-position: -401px -211px
}

.crypto_platform6 {
    object-position: -507px -211px
}

.crypto_platform7 {
    object-position: 6px -293px
}

.crypto_platform8 {
    object-position: -96px -290px
}

.crypto_platform9 {
    object-position: -199px -292px
}

.crypto_platform10 {
    object-position: -298px -292px
}

.crypto_platform11 {
    object-position: -400px -292px
}

.crypto_platform12 {
    object-position: -503px -292px
}

.cryp_xchge_feature1,
.cryp_xchge_feature2,
.cryp_xchge_feature3,
.cryp_xchge_feature4,
.cryp_xchge_feature5,
.cryp_xchge_feature6,
.cryp_xchge_feature7,
.cryp_xchge_feature8,
.cryp_xchge_feature9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_feature1 {
    object-position: 0 0
}

.cryp_xchge_feature2 {
    object-position: -103px 0
}

.cryp_xchge_feature3 {
    object-position: -193px 0
}

.cryp_xchge_feature4 {
    object-position: -290px 0
}

.cryp_xchge_feature5 {
    object-position: -393px 0
}

.cryp_xchge_feature6 {
    object-position: -17px -91px
}

.cryp_xchge_feature7 {
    object-position: -131px -93px
}

.cryp_xchge_feature8 {
    object-position: -243px -99px
}

.cryp_xchge_feature9 {
    object-position: -346px -99px
}

.cryp_xchge_sfeature1,
.cryp_xchge_sfeature2,
.cryp_xchge_sfeature3,
.cryp_xchge_sfeature4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_sfeature1 {
    object-position: -13px -225px
}

.cryp_xchge_sfeature2 {
    object-position: -138px -225px
}

.cryp_xchge_sfeature3 {
    object-position: -263px -225px
}

.cryp_xchge_sfeature4 {
    object-position: -390px -225px
}

.daapd-sprite-ctrl {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.dappd-sprite-pos-1 {
    object-position: -7px -4px
}

.dappd-sprite-pos-2 {
    object-position: -100px -4px
}

.dappd-sprite-pos-3 {
    object-position: -194px -4px
}

.dappd-sprite-pos-4 {
    object-position: -287px -4px
}

.dappd-sprite-pos-5 {
    object-position: -380px -4px
}

.dappd-sprite-pos-6 {
    object-position: -472px -4px
}

.dappd-sprite-pos-7 {
    object-position: -567px -4px
}

.dappd-sprite-pos-8 {
    object-position: -6px -98px
}

.dappd-sprite-pos-9 {
    object-position: -100px -98px
}

.dappd-sprite-pos-10 {
    object-position: -193px -98px
}

.dappd-sprite-pos-11 {
    object-position: -287px -98px
}

.dappd-sprite-pos-12 {
    object-position: -379px -98px
}

.dappd-sprite-pos-13 {
    object-position: -473px -98px
}

.dappd-sprite-pos-14 {
    object-position: -567px -98px
}

.supc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.supc-sprite-pos-1 {
    object-position: -5px -6px
}

.supc-sprite-pos-2 {
    object-position: -122px -6px
}

.supc-sprite-pos-3 {
    object-position: -241px -6px
}

.supc-sprite-pos-4 {
    object-position: -362px -6px
}

.supc-sprite-pos-5 {
    object-position: -481px -7px
}

.supc-sprite-pos-6 {
    object-position: -604px -7px
}

.hc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hc-sprite-pos-1 {
    object-position: -4px -8px
}

.hc-sprite-pos-2 {
    object-position: -125px -8px
}

.hc-sprite-pos-3 {
    object-position: -246px -8px
}

.hc-sprite-pos-4 {
    object-position: -367px -8px
}

.hc-sprite-pos-5 {
    object-position: -15px -146px
}

.hc-sprite-pos-6 {
    object-position: -136px -146px
}

.hc-sprite-pos-7 {
    object-position: -257px -146px
}

.hc-sprite-pos-8 {
    object-position: -378px -146px
}

.bcd-sprite-ctrl-0 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -2px -250px
}

.bcd-sprite-ctrl-1 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -71px -250px
}

.bcd-sprite-ctrl-2 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -141px -250px
}

.bcd-sprite-ctrl-3 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -210px -250px
}

.bcd-sprite-ctrl-4 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -280px -250px
}

.bcd-sprite-ctrl-5 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -351px -250px
}

.bcd-sprite-ctrl-6 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -1px -316px
}

.bcd-sprite-ctrl-7 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -73px -316px
}

.bcd-sprite-ctrl-8 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -142px -316px
}

.intro_img_sprite {
    width: 100%;
    height: 448px;
    background-position: -919px -1247px;
    background-size: 216rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img_mob_dev {
    width: 80px;
    height: 80px;
    background-size: 92rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.list-strategy .round-circle {
    margin: 0 auto 40px
}

#accordion .panel {
    border: none;
    border-radius: 3px;
    box-shadow: none
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 3px;
    background: 0 0
}

#accordion .panel-title a {
    display: block;
    padding: 12px 18px;
    background: #e6e6e6;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    color: #333;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    position: relative;
    transition: all .5s ease 0s;
    box-shadow: 0 1px 2px rgb(43 59 93 / 30%);
    border-radius: 7px;
}

#accordion .panel-title a.collapsed {
    box-shadow: none;
    color: #333;
    box-shadow: 0 1px 2px rgb(80 80 80 / 30%);
    font-weight: 600;
}

#accordion .panel-title a.collapsed:before,
#accordion .panel-title a:before {
    content: "\f067";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;
    position: relative;
    float: right;
    transform: rotate(135deg);
    transition: all .3s ease 0s
}

#accordion .panel {
    background-color: #fcfcfc;
}

#accordion .panel-body p {
    text-align: justify;
    color: #333;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

#accordion .panel-title a.collapsed:before {
    color: #333;
    transform: rotate(0)
}

.mid_section.faq__section {
    background: #f6f6f6;
}

#accordion .panel-body {
    padding: 0 65px 0 15px;
    /* border: 1px solid #000; */
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
    box-shadow: 0px 2px 10px -7px #797979;
}

.products-section {
    /* background-image: url(../images/inner-pages/blockchain_development/platforms-bg.png); */
    background-size: cover;
    padding: 20px !important;
    margin-top: 0
}

.platform_heading {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 28px;
    margin: 5px 0 10px;
    font-weight: 700
}

.our-platform-inner {
    background: #fff;
    height: 381px;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.products-section .our-plat-img {
    text-align: -webkit-center
}

.our-plat-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin: 10px 0;
    color: #333
}

.products-section .our-plat-describe {
    font-size: 15px
}

.our-plat-explore {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 600
}

.our-plat-explore a {
    color: #ba2352
}

.our-plat-explore .fa-angle-right {
    margin-left: 7px;
    color: #ba2352
}

.owl-theme .owl-dots .owl-dot:hover span,
.products-section .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    margin-top: 20px
}

.products-section .owl-theme .owl-nav {
    display: none
}

.blck-platform-sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hyp-frame-sec {
    text-align: left;
    padding: 20px
}

.hyp-box .normal_text {
    text-align: justify;
    min-height: 383px
}

.hyp-frame-sec {
    background-color: #eefaff
}

.hyp-box {
    padding: 30px;
    border: 1px solid #dcdcdc;
    min-height: 577px;
    background-color: #fff
}

.hyp-buttons {
    border-radius: 5px
}

.hyp-frame-sec .hyp-buttons {
    background-color: #20518d;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 5px
}

.hyp-tools-box {
    text-align: left;
    padding: 26px;
    height: auto;
    background-size: cover;
    min-height: 453px;
    background-color: #012a5e;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hyp-tools-sec {
    background-color: #fafafa;
    padding: 30px
}

.whyhy-enterprise {
    padding: 30px 0 55px
}

@media (min-width:768px) {
    .ten-columns>.col-sm-2 {
        width: 20%
    }
}

.why-ent-box {
    text-align: center
}

.whyent-head {
    font-size: 17px;
    color: #333;
    font-weight: 500
}

.why-ent-box-border {
    border-right: 1px solid #dcdcdc
}

.whyhy-enterprise-wrap {
    background-color: #fff;
    padding: 54px;
    border-radius: 3px;
    border: 1px solid #e2ecff;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hypcontain-custom {
    margin: 0 auto;
    width: 97.5%;
    max-width: 1520px
}

.hyp-indus-box {
    font-family: proxima_nova_rgbold;
    font-size: 42px;
    line-height: 44px;
    padding: 80px 27px 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 1;
    color: #fff;
    min-height: 497px
}

.hyp-indus-box1 {
    /* background-image: url(../images/inner-pages/hyper-ledger/supplychain.png) */
}

.hyp-indus-box2 {
    /* background-image: url(../images/inner-pages/hyper-ledger/healthcare.png) */
}

.hyp-indus-box3 {
    /* background-image: url(../images/inner-pages/hyper-ledger/identity.png) */
}

.hyp-indus-box4 {
    /* background-image: url(../images/inner-pages/hyper-ledger/finance.png) */
}

.hyp-indus-box5 {
    /* background-image: url(../images/inner-pages/hyper-ledger/realestate.png) */
}

.hyp-indus-box:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    background: rgba(0, 5, 66, .47);
    transition: height .3s cubic-bezier(.4, 0, .2, 1)
}

.hyp-indus-box:hover:before {
    height: 100%
}

.hyp_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.indus-hyp-sec {
    background-color: #f5f7fb;
    padding: 30px 0
}

.why-MetaBlock-hyp {
    background-color: #000;
    padding: 30px;
    background-position: bottom
}

.why_hyp_content .hyp_common_title {
    color: #fff
}

.why_hyp_content p {
    color: #fff
}

.why-MetaBlock-hyp .list-unstyled li {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.yMetaBlock-hyp-border {
    border-left: solid #80a5b4 1px
}

.hyp-indus-title,
.hyptool-title {
    color: #fff
}

.hyp-tools-box .hyptool-p {
    color: #fff;
    text-align: justify
}

.why_hyp_content .hyp_common_title {
    margin-top: 0;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: center;
}

.hypprocess-sec {
    padding: 30px
}

.hyp-proces-img {
    display: inline-block;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin-bottom: 15px;
    border: 2px dashed #9b9b9b
}

.hypprocess-line:before {
    position: absolute;
    content: '';
    height: 1px;
    top: 30%;
    right: -20%;
    width: 40%;
    border-bottom: 2px dashed #9b9b9b
}

.hypproces-title {
    font-size: 18px;
    color: #012a5e;
    font-weight: 700;
    margin-bottom: 10px
}

.hypp-count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.hyptools-head {
    color: #fff;
    margin-top: 0;
    font-size: 25px;
    line-height: 27px
}

@media (max-width:767px) {
    .hypprocess-line:before {
        display: none
    }
    .mob-pad-ctrl {
        padding: 0
    }
    .why-ent-box-border {
        border-right: 0 solid #0b70d5
    }
    .why-ent-box {
        text-align: center;
        margin-bottom: 18px
    }
    .hyp-indus-box {
        margin-bottom: 18px
    }
    .yMetaBlock-hyp-border {
        border-left: solid #1e4676 0
    }
    .hyp-box,
    .hyp-tools-box {
        margin-bottom: 18px
    }
    .hyp_common_title {
        font-size: 17px;
        line-height: 30px
    }
    .why-MetaBlock-hyp {
        padding: 15px
    }
}

.hyp-frame-sprite {
    width: 137px !important;
    height: 40px;
    object-fit: none
}

.hyp-tool-sprite {
    width: 137px;
    height: 40px;
    object-fit: none
}

.hyp-yent-sprite {
    width: 55px;
    height: 55px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 70px;
    height: 70px;
    object-fit: none
}

.hyp-process-sprite {
    width: 90px;
    height: 90px;
    object-fit: none;
    margin: 40px
}

.hyp-tic-sprite {
    height: 25px;
    width: 30px;
    object-fit: none;
    margin-right: 5px
}

.hyp-ft-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-ft-box {
    text-align: center;
    box-shadow: 0 3px 19px -11px #01285a;
    padding: 20px;
    border: 1px solid #f6f6f6;
    min-height: 320px;
    background-color: #fff;
    border-radius: 6px
}

.hyp-ft {
    padding: 30px;
    background: #f2f2f3
}

.hyp-ft-desc {
    font-size: 15px
}

.hyp-box .btn:focus {
    border: 0 solid #fff;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.hyp-bt-sec {
    padding: 30px;
    background-color: #eefaff
}

.hyp-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 146px
}

.nyp-btb-cont1 {
    background-color: #0d4388;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #012a5e;
}

.nyp-btb-cont4 {
    background-color: #4450d2;
}

.nyp-btb-cont5 {
    background-color: #0d4388;
}

.nyp-btb-cont6 {
    background-color: #af9cc9;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.hyp-btb-tile {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-frame-sec .owl-theme .owl-nav [class*=owl-] {
    display: none
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.hyp-indus-sec .list-strategy-wrap .slick-dots li.slick-active {
    background: #00adf6
}

.hyp-indus-sec .explore_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700
}

.hyp-indus-sec .get_demo_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700;
    border-radius: 50px
}

.hyp-indus-sec .slider__arrows ul li a {
    display: block;
    padding: 10px 20px;
    border: 2px solid #008dc9;
    border-radius: 2px;
    color: #fff
}

.hyp-indus-sec .list-strategy-wrap {
    margin-top: 0
}

.hyp-indus-sec {
    background-color: #f6f6f6
}

.hyp-ft-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-indus-sec .list-strategy .round-circle {
    margin: 0 auto 82px
}

.hyp-indus-sec .bcd-sprite-ctrl-0 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4579px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-1 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4690px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-2 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4811px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-3 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4930px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-4 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5047px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-5 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5163px 24px !important
}

.connect_chat_icons_sec {
    bottom: 8% !important
}

.webdevelopment_new_custom_box {
    padding: 40px;
    min-height: 400px;
    position: relative;
    z-index: 0
}

.webdevelopment_new_title {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 12px;
    color: #fff;
}

.webdevelopment_new_custom_color-1 {
    background-color: #000000;
}

.webdevelopment_new_custom_color-2 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-3 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-4 {
    background-color: #000000;
}

.webdevelopment_new_custom_dark {
    color: #fff
}

.webdevelopment_new_custom_light {
    color: #fff
}

.webdevelopment_new_custom_bg {
    /* background-image: url(../images/inner-pages/website_design/ft-bgicons.svg); */
    background-repeat: no-repeat;
    width: 163px;
    height: 157px;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    filter: hue-rotate(45deg);
}

@media (min-width:767px) {
    .ethdapp_serv_box {
        min-height: 449px
    }
    .ethh_dapp_pts_title {
        min-height: 70px
    }
    .ethdapp_serv_box .feature-content_1 p {
        min-height: 200px;
        margin-bottom: 10px
    }
}

header.masthead-dapp-development .header-content h1 {
    text-align: left
}

header.masthead-dapp-development .heading-tagline {
    text-align: left
}

.why-eth-dev {
    background-color: #eefaff
}

.ethdapp_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}

.why_dapp_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    height: 370px;
    border: 1px solid #dcdcdc
}

.ethdapp_serv_box {
    margin: 30px 0;
    padding: 10px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background-color: #fff
}

.ethh_dapp_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_dapp_platform_sec .list_item li {
    display: inline;
    float: left;
    padding: 30px;
    text-align: center
}

.eth_dapp_platform_sec .list_item li img {
    display: grid;
    margin: 0 auto
}

.eth_dapp_platform_sec .list_item ul.list-unstyled {
    padding-right: 0
}

.ethhdapp_plats_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.new_common_darkbg {
    background-color: #012a5e
}

.dapp-tools-inner {
    background: #fff;
    height: auto;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-prev {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 60px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next i.fa-long-arrow-right,
.eth_dapp_tools .owl-theme .owl-nav .owl-prev i.fa-long-arrow-left {
    font-size: 40px;
    padding: 0;
    line-height: 25px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot.active span {
    border: 3px solid #ae2954;
    width: 15px;
    height: 15px
}

.eth_dapp_tools p {
    color: #fff
}

.eth_dapp_tool_content {
    margin: 20px 0 0 22px
}

.eth_dapp_tools .ethdapp_common_title {
    font-size: 36px;
    color: #fff
}

.new_common_lightgrey_bg {
    background: #eff2f5
}

.eth_dapp_process_title {
    text-align: right
}

.eth_dapp_process_desc,
.eth_dapp_process_num {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.342em
}

.eth_dapp_process_num {
    font-size: 40px
}

.ethdapp_process_para p {
    font-size: 17px !important;
    line-height: 2;
    margin: 0;
    text-align: justify
}

.align-items-center {
    display: flex;
    align-items: center
}

.connect-c-c {
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    /* background: url(../images/inner-pages/dapp_development/process-connect.svg) */
}

.eth_dapp_tools {
    padding: 54px 40px 20px 40px
}

.eth_dapp_process {
    padding: 50px
}

.new_common_tile_color1 {
    background: #012a5e
}

.new_common_tile_color2 {
    background: #e6f0f4
}

.new_common_tile_color3 {
    background: #0099da
}

.new_common_tile_color4 {
    background: #044391
}

.why_ethdapp_MetaBlock_box {
    min-height: 210px;
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding-top: 30px
}

.why_ethdapp_MetaBlock_title {
    line-height: 21px;
    margin-top: 15px
}

.new_common_container {
    margin: 0 auto;
    width: 91.5%;
    max-width: 1520px
}

.white-text {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    font-weight: 300;
    text-align: center;
}

@media (min-width:767px) {
    .why_ethdapp_MetaBlock_bg {
        /* background: url(../images/inner-pages/dapp_development/whydapp_MetaBlock_bg.jpg) no-repeat; */
        height: 420px;
        background-size: cover;
        background-position: -165px 0
    }
}

.why_ethdapp_MetaBlock {
    background: #eefaff
}

@media (min-width:767px) {
    .eth-dapp-hire {
        /* background: url(../images/inner-pages/dapp_development/eth_dapp_hire.jpg?v1) no-repeat; */
        background-size: cover;
        position: relative;
        padding: 50px
    }
}

.eth-dap-hire-box {
    background: #000;
    color: #fff;
    padding: 30px
}

.eth-daapd-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth-why-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.ethdapp-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

header.masthead-dapp-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/dapp_development/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.masthead-banner-btn .new_common_btn {
    margin: 20px auto
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .ethdapp-process {
        display: block
    }
    .eth_dapp_process_desc,
    .eth_dapp_process_num,
    .ethdapp_process_para p {
        text-align: center
    }
    .eth-dapp-hire {
        padding: 0
    }
    header.masthead-dapp-development {
        background-position: 0 0;
        background-position: initial
    }
    header.masthead-dapp-development .header-content h1 {
        font-size: 33px !important
    }
    .header-content .heading-tagline,
    header.masthead-dapp-development .header-content h1 {
        text-align: center
    }
    .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 35px
    }
    .eth-dap-hire-box .ethdapp_common_title {
        font-size: 17px !important;
        line-height: 35px
    }
    .eth_dapp_platform_sec .ethdapp_common_title {
        font-size: 22px
    }
    .eth_dapp_tools {
        padding: 0 0 2px 0
    }
    .eth_dapp_tools .ethdapp_common_title {
        font-size: 31px;
        color: #fff
    }
    .why_ethdapp_MetaBlock .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 30px
    }
    .masthead-banner-btn {
        text-align: center
    }
    .ethdapp_serv_box .feature-content_1 p {
        margin-bottom: 10px
    }
}

@media (min-width:767px) {
    .typs-ethtok-box {
        min-height: 570px
    }
}

header.masthead-ethereum-token-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/Banner.png?v1) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.masthead-ethereum-token-development .header-content .heading-tagline,
header.masthead-ethereum-token-development .header-content h1 {
    text-align: left
}

header.masthead-ethereum-token-development .header-content h1 {
    font-size: 47px !important
}

.masthead-ethereum-token-development-btn .expert-btn {
    margin: 0
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

.ethtoken_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.typs-ethtok-box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    text-align: center;
    border: 1px solid #dcdcdc
}

.eth_tok_pts_title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_token_service {
    background-color: #000;
}

.ethtok_service_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #323232;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.eth_tok_models_wrap {
    text-align: center
}

.ethtok_img {
    background-color: #fff;
    padding: 0;
    width: 85px;
    height: 85px;
    margin: 40px;
    border-radius: 5px;
    transform: rotate(45deg);
    position: relative;
    z-index: 1;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67)
}

.eth_tok_count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.why-ethtok-MetaBlock-box {
    background-color: #000;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .05);
    padding: 35px;
    border-radius: 5px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock {
    border-bottom: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock:nth-child(4n) {
    border-left: none;
    border-right: none
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down:nth-child(4n) {
    border-top: none;
    border-right: none
}

.why-ethtok-MetaBlock {
    background: #000;
    padding: 45px 0
}

.why-ethtok-MetaBlock-wrap {
    margin: 35px;
    text-align: center
}

.ethtok_about .ethtoken_common_title {
    font-size: 29px;
    line-height: 40px;
    color: #fff;
}

.ethtok_type_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
    filter: brightness(100);
}

img.ethtok_process_sprite {
    transform: rotate(-45deg)
}

.ethtok_process_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.ethtok_yeth_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.eth_tok_models_wrap .eth_tok_pts_title {
    margin-top: 10px
}

.eth_tok_models_connect:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    background-position: -31px 0;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/icons-new.svg); */
    background-position: -1991px -13px;
    background-size: 210rem;
    left: -48px;
    top: 58px;
    z-index: 0
}

.eth_tok_model {
    background: #000;
    position: relative;
    z-index: -1
}

@media only screen and (max-width:767px) {
    header.masthead-ethereum-token-development .header-content h1 {
        font-size: 34px !important;
        text-align: center
    }
    .heading-tagline {
        text-align: center !important
    }
    .ethtok_about .ethtoken_common_title {
        text-align: center
    }
    .masthead-ethtoken-development-btn {
        text-align: center
    }
    .ethtoken_common_title {
        font-size: 27px;
        line-height: 33px
    }
    .ethtok_service_box {
        margin: 0 0 10px 0 !important
    }
    .ethtok_img {
        margin: 0 auto
    }
    .eth_tok_models_connect:before {
        display: none
    }
    .eth_tok_count {
        margin-top: 30px !important
    }
    .yethtok-MetaBlock-parent .yethtok-MetaBlock {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .ethtok_about .ethtoken_common_title {
        font-size: 17px;
        line-height: 26px
    }
}

@media (min-width:767px) {
    header.masthead-smart {
        /* background: url(../images/inner-pages/smart-contract/new/banner.png) no-repeat */
    }
}

header.masthead-smart {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    background-size: 100% 100% !important;
    height: 85vh;
    background-position: center
}

header.masthead-smart .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-smart .heading-tagline {
    text-align: left
}

.scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px
}

.scont-bt-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center
}

.text-dark {
    color: #022552 !important
}

.scont-bt-title {
    font-size: 43px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    padding: 55px 23px 0 23px
}

.scont-titl-wra {
    /* background: url(../images/inner-pages/smart-contract/new/scont-bg.png) no-repeat; */
    min-height: 240px;
    background-size: cover
}

.scont_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.scont-serv-parent .scont-serv-child {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 0
}

.scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px
}

.scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #ddd 1px;
    border-left: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-child {
    min-height: 345px;
    padding: 40px 40px;
    border-left: solid #ddd 1px;
    border-bottom: solid #ddd 1px
}

.scont-serv-pts {
    font-size: 19px;
    color: #012a5e;
    text-align: left;
    font-weight: 600;
    padding-bottom: 13px;
    padding-left: 60px;
    line-height: 26px
}

.scont-service-box img {
    float: left;
    width: 50px;
    height: 50px
}

.scont-serv-desc {
    font-size: 15px;
    margin-bottom: 20px
}

.scont_process_title {
    text-align: right
}

.scont-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth_dapp_process_num {
    font-size: 42px
}

.scont_process_desc,
.scont_process_num {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.342em
}

.scont-indus-box {
    text-align: center;
    background: #fff;
    height: inherit !important;
    padding: 40px 20px 40px;
    margin: 10px auto;
    border-radius: 10px
}

.scont-indsu-sec {
    background: #eff2f5
}

.scont-indus-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #022552
}

.scont_serv_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.scont_bt_sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.scont-process-ctrl {
    object-fit: none;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.scont-indus-ctrl {
    object-fit: none;
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.scont-indus-box h3 {
    margin-top: 10px
}

.scont-bt-sec {
    background-color: #f3fbff
}

.scont-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px
}

@media only screen and (max-width:767px) {
    header.masthead-smart .header-content h1 {
        font-size: 27px !important
    }
    .scont-about .scont_common_title {
        font-size: 22px;
        line-height: 29px
    }
    .scont-about p {
        text-align: justify
    }
    .scont-bt-title {
        font-size: 35px;
        line-height: 48px;
        padding: 71px 0 0 0;
        text-align: center
    }
    .scont_process .scont_common_title {
        font-size: 28px;
        line-height: 35px
    }
    .scont-indsu-sec .scont_common_title {
        font-size: 21px;
        line-height: 30px
    }
    .scont-hire-box {
        padding: 0
    }
    .scont_common_title {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 0
    }
    header.masthead-smart {
        background: #24394c
    }
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development .header-content h1 {
        text-align: left !important;
        font-size: 47px !important
    }
}

header.masthead-cryptocurrency-development .heading-tagline {
    text-align: left
}

.why_cryptx {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #dcdcdc;
    min-height: 520px
}

.cryptx_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.cryptx_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.cryptx_common_desc {
    width: 75%;
    text-align: center !important;
    display: inline-block
}

.common_light_blue_bg {
    background-color: #eefaff
}

.cryptx_serv_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.new_cryptx_serv_sec .blkchn_devpmt_services:hover {
    filter: initial
}

#why_development .crypt_platform span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: .2em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.crypt_platform {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    padding: 10px
}

.cryptx_platform p {
    color: #012a5e;
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
    text-align: center
}

.ycryptx_box_ctrl {
    padding: 25px;
    min-height: 200px
}

.ycryptx_pts {
    font-size: 23px;
    margin: 0;
    line-height: 27px;
    color: #012a5e;
    font-weight: 600;
    margin-top: 17px
}

.ycryptx-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    margin: auto 0
}

.ycryptx_MetaBlock_sec:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05)
}

.ycryptx_MetaBlock_sec {
    position: relative;
    z-index: 1;
    padding: 35px 25px 30px 25px
}

.padding_right_ctrl {
    padding-right: 50px
}

.ycryptx_MetaBlock_sec .cryptx_common_title {
    font-size: 31px;
    line-height: 40px
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../images/inner-pages/cryptocurrency_development/new/platform-bg.jpg) no-repeat scroll center top/cover; */
    margin-top: 0
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        /* background: url(../images/inner-pages/cryptocurrency_development/new/banner.png) no-repeat; */
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
}

.cryptox_about p {
    text-align: justify
}

.cryptx-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px;
    /* background: url(../images/inner-pages/cryptocurrency_development/new/hire-bg-crypt.jpg) no-repeat; */
    background-size: cover;
    position: relative
}

.CryptocurrencyPlatforms .crypt_platform span {
    background: #fff !important;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.cryptox_about .masthead-banner-btn .new_common_btn {
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        background: #1c1582;
        background: linear-gradient(150deg, #1c1582 7%, #252cc0 100%);
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
    header.masthead-cryptocurrency-development .header-content h1 {
        font-size: 37px !important
    }
    .align-items-center {
        display: block;
        align-items: center
    }
    .new_common_container {
        margin: 0 auto;
        width: 100%;
        max-width: 1520px
    }
    .ycryptx_MetaBlock_sec .padding_right_ctrl {
        padding-right: 0
    }
    .ycryptx_MetaBlock_sec .cryptx_common_title {
        font-size: 18px;
        line-height: 28px;
        text-align: center
    }
    .ycryptx_box_ctrl {
        text-align: center
    }
    .cryptx-hire-box {
        padding: 0
    }
    .cryptx_platform .cryptx_common_title {
        font-size: 23px;
        line-height: 30px;
        color: #012a5e;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px
    }
    .crypt_platform {
        margin-bottom: 15px
    }
    .cryptx_platform .mt-5 {
        margin-top: 0
    }
    .new_cryptx_serv_sec .cryptx_common_title,
    .ycryptx_dev .cryptx_common_title {
        font-size: 28px;
        line-height: 36px
    }
    .cryptx_serv_box {
        margin: 0 0 17px 0
    }
}

.new_common_btn {
    display: inline-block;
    font-size: 17px;
    color: #fff !important;
    outline: 0;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border: none;
    border-radius: 25px;
    transition: all .3s ease-in-out
}

.defi_banner_sec {
    /* background-image: url(../images/inner-pages/defi/defi-banner.png); */
    height: 670px;
    padding: 131px 10px;
    color: #fff;
    background-position: bottom
}

.about_defi {
    padding: 0 !important
}

.defi_banner_sec h1 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_quote {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0
}

.about_defi p {
    text-align: justify
}

.defi_featuring {
    /*background-image:url(../images/inner-pages/defi/ft-bg.png);*/
    background: #000;
    color: #fff;
    padding: 40px 0;
    background-position: center
}

.defi_futuristic_title {
    font-size: 35px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_serv_box .desc {
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    color: #fff
}

.defi_pts_head {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
}

.defi_sec_titles {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.defi_serv_box:hover {
    box-shadow: 0 5px 30px -10px rgb(38 38 38)
}

.defi_serv_box {
    box-shadow: 0 3px 24px -21px rgb(38 38 38);
    padding: 35px;
    border: 1px solid #e8e8e8;
    min-height: 360px
}

.defi_serv_box .defi_serv_box_arrow {
    background: #0c143d;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    position: absolute;
    bottom: 15px;
    left: 45%;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
}

.defi_serv_box .defi_serv_box_arrow .indicator {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(317deg);
    left: 35px
}

.defi_serv_box .defi_serv_box_arrow .indicator span {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: none;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    animation: arrow_moving_effect 1s linear infinite
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(1) {
    top: -20px;
    left: -20px;
    animation-delay: 0s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(2) {
    top: -15px;
    left: -15px;
    animation-delay: .2s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(3) {
    top: -10px;
    left: -10px;
    animation-delay: .4s
}

@keyframes arrow_moving_effect {
    0% {
        border-color: #fff;
        transform: translate(0, 0)
    }
    20% {
        border-color: #fff;
        transform: translate(15px, 15px)
    }
    100%,
    20.1% {
        border-color: #ffd64a
    }
}

.defi-bt-sec {
    padding: 30px;
    background-color: #000;
}

.defi_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.defi-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont1 {
    background-color: #c139ff;
}

.defi-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.defi-btb-tile {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1;
    font-family: "Open Sans", sans-serif !important;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #984cff;
}

.nyp-btb-cont4 {
    background-color: #504cc4;
}

.nyp-btb-cont5 {
    background-color: #6863ff;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.defi_bt_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #bdc0c5;
    border-radius: 5px;
    min-height: 285px;
    background-color: #000
}

.defi_align_center {
    display: flex;
    align-items: center
}

.defi_copd {
    padding: 20px 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box {
    background: #202121;
    color: #fff;
    margin: 10px auto
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #fff
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list {
    padding: 10px
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul {
    padding: 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 10px auto;
    font-size: 15px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    box-shadow: 2px 2px 15px 2px #0a1030;
    line-height: 1.5
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li img {
    padding-right: 1rem
}

.defi_yield_right_arrow_icon {
    width: 20px
}

.defi_yield_farming_sec {
    background: #000;
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
    justify-content: center;
    display: flex
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 5px 20px;
    height: 40px;
    line-height: 25px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_last {
    border-right: 1px solid #333
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li:hover {
    background-color: #d53166;
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li.active {
    background-color: #fff;
    color: #000;
    display: block;
    border-bottom: 3px solid #fff;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_container {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 2rem;
    overflow: auto
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content {
    padding: 20px;
    margin: 15px auto;
    display: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul {
    padding-left: 0
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul li {
    list-style: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list {
    border: 1px solid #fff;
    padding: 8px;
    margin: 10px auto;
    display: flex;
    align-items: center
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list p {
    margin-bottom: 0;
    margin-left: 8px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li {
    list-style: none;
    padding: 5px;
    margin: 5px;
    font-size: 15px;
    font-family: "Open Sans", sans-serif
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li i,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li i {
    font-size: 13px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
    display: none
}

@media screen and (max-width:480px) {
    .defi_yield_farming_sec .defi_yield_farming_div .tabs {
        display: none !important
    }
    .defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
        background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
        color: #fff;
        border-top: 1px solid #333;
        margin: 5px;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none
    }
}

.content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.questions:checked~.plus {
    transform: rotate(45deg)
}

.questions {
    display: none
}

.defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px;
    filter: brightness(24);
}

.defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px;
    filter: hue-rotate(45deg);
}

.defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px;
    filter: hue-rotate(45deg);
}

.defi_bts_sec {
    background-color: #000;
    padding-bottom: 40px
}

@media only screen and (max-width:767px) {
    .defi_featuring {
        padding: 25px
    }
    .defi_futuristic_title {
        font-size: 23px
    }
    .defi_featuring p {
        font-size: 18px;
        margin-bottom: 0
    }
    .defi_sec_titles {
        font-size: 19px;
        line-height: normal
    }
    .defi_copd {
        padding: 0;
        padding-top: 25px
    }
    .defi_serv_box {
        margin-bottom: 30px
    }
    .defi_bt_box {
        margin-bottom: 20px
    }
    .defi_common_title {
        font-size: 22px;
        line-height: normal;
        color: #012a5e;
        font-weight: 700;
        text-align: center
    }
    .defi-bt-sec p {
        text-align: center
    }
}

.defi-faq .content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.defi-faq .centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.defi-faq .question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.defi-faq .answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.defi-faq .questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.defi-faq .plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.defi-faq .questions:checked~.defi-faq .plus {
    transform: rotate(45deg)
}

.defi-faq .questions {
    display: none
}

.defi-faq .defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px
}

.defi-faq .defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px
}

.defi-faq .defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.defi-faq .defi_bts_sec {
    background-color: #fafafa;
    padding-bottom: 40px
}

.home-new-abt-btn .btn {
    padding: 4px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.home-new-abt-btn i {
    margin-right: 8px;
    font-size: 21px
}

.about_blochainslns {
    padding-top: 50px;
    padding-bottom: 50px
}

.enterprsieblckchain_banner_sec {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/enterprise-blockchain-solution-banner.png); */
    height: auto;
    padding: 131px 10px;
    color: #fff;
    background-position: 0 0;
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover
}

.enterprsieblckchain_banner_sec h1 {
    color: #fff;
    font-weight: 800
}

.ebs_common_title {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ebs_gamechange_descs {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0
}

.enterprise_blockchain_gamechangesec {
    background-color: #000;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_stat_txtlite {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
}

.ebs_stat_txtstrong {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 36px;
    color: #5d5d5d !important;
}

.ebs_content_box {
    line-height: 1.2;
    margin-top: 20px
}

.ebs-btbpad-ctrl {
    padding: 0
}

.ebs-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.ebs-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.ebs-btb-tile {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1
}

.ebs_copd {
    padding: 20px 0
}

.ebs_indus_content {
    display: flex;
    align-items: center
}

.nyp-btb-cont .ebs_common_desc {
    color: #fff;
    text-align: left
}

.ebs_benefit_box {
    display: flex;
    align-items: center;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    margin-bottom: 11px;
    border-radius: 3px;
    padding: 7px
}

.ebs_integrate_techsec .expert-btn {
    margin: 15px auto
}

.ebs_integrate_desc {
    font-size: 17px;
    line-height: 1.3;
    color: #fff !important;
    font-weight: 600;
    margin-top: 15px
}

.epe_blockchainslns_ul {
    padding: 0;
    list-style: none
}

.MetaBlock_box_titles {
    font-size: 24px;
    font-weight: 600
}

.epe_blockchainslns_box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px -8px #000;
    padding: 28px;
    border-radius: 12px;
    color: #fff;
    position: relative;
    z-index: 0
}

.epe_blcklns_bg1 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/pre-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.epe_blcklns_bg2 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/post-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

li.epe_blockchainslns_li {
    font-size: 17px;
    font-weight: 500;
    margin: 18px 0;
    background-color: #00000094;
    padding: 20px
}

.epe_blockchainslns_box.epe_blcklns_bg1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000de -3%, #ffffff29 100%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.epe_blockchainslns_box.epe_blcklns_bg2:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.ebs_blockchain_justify {
    display: flex;
    justify-content: center
}

.enterprsieblckchain_banner_sec .expert-btn {
    margin: 0
}

.about_blochainslns p {
    font-size: 20px
}

.ebs-bt-sec .nyp-btb-cont {
    text-align: center;
    padding: 26px;
    min-height: 200px
}

.ebs_integrate_techsec {
    background-color: #000 !important;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_integrate_techsec .ebs_common_title {
    font-size: 30px
}

@media (max-width:767px) {
    .enterprsieblckchain_banner_sec h1 {
        font-size: 27px;
        text-align: center
    }
    .ebs_blockchain_justify {
        display: block
    }
    .enterprsieblckchain_banner_sec p {
        text-align: center
    }
    .ebs_common_title {
        font-size: 24px;
        line-height: 30px
    }
    .ebs_benefit_sec {
        padding: 0
    }
    .enterprise_blockchain_gamechangesec {
        text-align: center
    }
    .ebs_stat_txtstrong {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 30px;
        color: #5d5d5d !important;
    }
    .ebs_gamechange_descs {
        font-size: 16px
    }
    .ebs_stat_txtlite {
        font-size: 19px
    }
    .ebs_content_box {
        line-height: 1.2;
        margin-top: 10px
    }
    .ebs_integrate_techsec .ebs_common_title {
        font-size: 18px
    }
    .ebs_integrate_desc {
        font-size: 16px;
        line-height: 1.5;
        color: #fff !important;
        font-weight: 500;
        margin-top: 15px
    }
    .epe_blcklns_bg2 {
        margin-top: 20px
    }
}

/*==========================================COUNTRY BASED PAGES===============================*/

.masthead-blockchain-development-basedcountry {
    position: relative;
    width: 100%;
    padding-top: 195px;
    color: #fff;
    /* background: url(../images/inner-pages/countrybased_pages/blocckchain_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 60rem;
}

.masthead-blockchain-development-basedcountry.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    background-color: #000000a1;
}

.masthead-blockchain-development-basedcountry .heading-tagline {
    text-transform: capitalize;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
    display: flex;
    justify-content: center;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn a {
    margin: 5px 5px;
    background-color: #b22b58;
}

.our-achievments .acheivements-list {
    max-width: 100%;
    margin: 0 70px;
}

.our-achievments .acheivements-list .col-6 {
    width: 19.6667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.experience_div {
    /* background-image: url(../about_us/abouts-sprite.png); */
    width: 52px;
    background-position: 399px -984px;
    background-size: 20rem;
    margin-bottom: 30px;
    height: 51px;
    margin: 0px auto;
}

.our-achievments .acheivements-list .col-6 p.achievement {
    margin: 0;
    font-size: 20px;
    line-height: 23px;
    color: #303134;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}

.achievement-details {
    text-align: center;
}

.bg_light.our-achievments {
    background-color: #f9f9f9;
}

@media (max-width: 767px) {
    .masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
        display: block;
    }
    .our-achievments .acheivements-list {
        margin: 0px 0px;
    }
    .our-achievments .acheivements-list .col-6 {
        width: 100%;
    }
}

/*=========================NFT DEVELOPMENT============================*/

.onftcommon_ctrl {
    padding: 45px 0;
}

.MetaBlocknft_sec_titlewrap .onfs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 2.5rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

.masthead-nft-development {
    /* background-image: url(../oimages/nft-development/banner.png); */
    position: relative;
}

.masthead-nft-development .header-content h1,
.masthead-nft-development .header-content h3 {
    text-align: left;
}

.masthead-nft-development .header-content h3 {
    width: 80%;
}

.masthead-nft-development.header-shadow-custom:before {
    /* background-image: url(../oimages/nft-development/nft_bannner.png); */
    background-position: center;
}

.MetaBlock_nft_intro .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_intro .row {
    display: flex;
    justify-content: center;
}

.MetaBlock_nft_services .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_services {
    background-color: #000;
}

.MetaBlocknft_box .MetaBlocknft_heads {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box {
    padding: 15px;
    min-height: 200px;
    margin-bottom: 3.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_heads .MetaBlocknft_serv_frontwrap h3 {
    color: #fff;
    font-size: 23px;
    text-align: center;
}

.MetaBlocknft_serv_frontwrap {
    text-align: center;
}

.nftdev-sprite1 {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_desc {
    font-weight: 500;
    color: #494d4e;
    line-height: 1.5;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.MetaBlock_nft_workflow.onftcommon_ctrl {
    padding: 45px 0px 0px 0px;
}

.MetaBlocknft_container_wrap {
    padding: 0px 70px;
}

.MetaBlock_nft_differences {
    background: #000;
}

.MetaBlock_nft_differences .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc ul {
    padding: 0;
    color: #dbe5e6;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc li {
    list-style: none;
    margin-bottom: 1.2rem;
    text-align: center;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-color: #000;
    display: flex;
    min-height: 480px;
    align-items: flex-end;
}

.MetaBlock_nft_differences .MetaBlocknft_box .ondif_wrap {
    padding: 35px;
    margin-top: 25rem;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_heads {
    color: #fbfeff;
    text-align: center;
    font-size: 22px;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-size: cover;
    background-position: center;
    box-shadow: 1px 22px 28px -9px #797979;
    border-radius: 10px;
}

#sft_difbox {
    /* background-image: url(../oimages/nft-development/semi-fungible-token.png); */
    filter: grayscale(1);
}

#nft_difbox {
    /* background-image: url(../oimages/nft-development/nft-token.png); */
    filter: grayscale(1);
}

#dnft_difbox {
    /* background-image: url(../oimages/nft-development/dnft-token.png); */
    filter: grayscale(1);
}

.MetaBlock_nft_keystone {
    /* background-image: url(../oimages/nft-development/keystonebg1.png); */
    background-size: cover;
    background-position: right;
    filter: grayscale(10);
}

.MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fafeff;
}

.MetaBlock_nft_keystone .MetaBlocknft_keystone_points .onfksp_point {
    color: #d2dcff;
    font-size: 17px;
    padding: 10px;
    border: 1px solid #7a7fbd;
    border-radius: 3px;
    background-color: #ffffff05;
    margin-bottom: 1.2rem;
    font-weight: 500;
}

.MetaBlock_nft_whychoose {
    background: #000;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box {
    text-align: center;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
    width: 51%;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 10px 0px;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box .MetaBlocknft_desc {
    font-size: 17px;
    font-weight: 600;
    color: #11383a;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 7rem;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap .onfs_title {
    text-align: center;
}

.base-timeline {
    list-style-type: none;
    counter-reset: number;
    /* number 2021*/
    position: relative;
    display: block;
    z-index: 2;
    width: 75%;
    /* change or remove*/
    margin: 0 auto;
}

.base-timeline::before {
    content: '';
    width: 95%;
    border-top: 2px solid steelblue;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.base-timeline__item {
    position: relative;
    display: inline-block;
    width: calc(100% / 3 - 15px);
    /* change width */
}

.base-timeline__item::before {
    display: flex;
    justify-content: center;
    align-items: center;
    counter-increment: number;
    /* number -1*/
    content: counter(number) '';
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: steelblue;
    color: white;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

/* modifier with use of the data-year attribute */

.base-timeline__item--data::before {
    content: attr(data-year);
    width: 60px;
    height: 60px;
}

/* hover element */

.base-timeline__item:hover::before {
    background-color: rgba( 225, 114, 114, .9);
    transform: scale(1.5);
}

.base-timeline__item::before {
    border: 2px solid;
    border-color: rgba( 0, 0, 0, .3);
}

.base-timeline__item:last-child {
    width: 0;
}

.base-timeline__summary-text {
    position: absolute;
    bottom: -3em;
    left: -64px;
    width: 168px;
    text-align: center;
    font-weight: 600;
}

.MetaBlock_nft_hire {
    background-color: #000;
}

.MetaBlock_nft_services .card {
    perspective: 100rem;
    position: relative;
}

.card__side {
    height: 100%;
    width: 100%;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 18px;
    line-height: 1.5;
}

.card__side--front {
    background-color: #222;
}

.card__side--back {
    background-color: #525B6B;
    transform: rotateX(180deg);
    padding: 20px;
}

.MetaBlock_nft_services .card:hover .card__side--front {
    transform: rotateX(-180deg);
}

.MetaBlock_nft_services .card:hover .card__side--back {
    transform: rotateX(0);
}

.education {
    --bg-color: #ffd861;
    --bg-color-light: #ffeeba;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.credentialing {
    --bg-color: #B8F9D3;
    --bg-color-light: #e2fced;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.wallet {
    --bg-color: #CEB2FC;
    --bg-color-light: #F0E7FF;
    --text-color-hover: #fff;
    --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.human-resources {
    --bg-color: #DCE9FF;
    --bg-color-light: #f1f7ff;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.MetaBlock_nft_whychoose .card {
    width: 220px;
    height: 321px;
    background: #8d8b8b;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
    padding: 15px;
}

.card:hover {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card:hover .overlay {
    transform: scale(4) translateZ(0);
}

.MetaBlock_nft_whychoose .card:hover .circle {
    border-color: var(--bg-color-light);
    background: var(--bg-color);
}

.MetaBlock_nft_whychoose .card:hover .circle:after {
    background: var(--bg-color-light);
}

.MetaBlock_nft_whychoose .card:hover p {
    color: var(--text-color-hover);
}

.MetaBlock_nft_whychoose .card:active {
    transform: scale(1) translateZ(0);
    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11), 0 15px 24px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card p {
    font-size: 17px;
    color: #152135;
    margin-top: 30px;
    z-index: 1000;
    transition: color 0.3s ease-out;
    font-weight: 600;
}

.MetaBlocknft_circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.MetaBlocknft_circle:after {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    background: var(--bg-color);
    border-radius: 50%;
    top: 23px;
    left: 24px;
    transition: opacity 0.3s ease-out;
}

.MetaBlocknft_circle img {
    z-index: 10000;
    transform: translateZ(0);
}

.MetaBlock_nft_whychoose .overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: #000;
    top: 56px;
    left: 50px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
    .masthead-nft-development .header-content {
        text-align: center;
    }
    .masthead-nft-development .header-content h1,
    .masthead-nft-development .header-content h3 {
        text-align: center;
    }
    .masthead-nft-development .header-content h3 {
        width: 100%;
    }
    .MetaBlock_nft_differences .MetaBlocknft_box {
        box-shadow: 1px 22px 28px -9px #79797900;
        margin-bottom: 2rem;
    }
    .MetaBlock_nft_keystone {
        background-position: left;
    }
    .MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
        text-align: center;
    }
    .MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
        width: 100%;
    }
    .MetaBlock_nft_whychoose .card p {
        font-size: 19px;
        margin-top: 13px;
    }
    .MetaBlock_nft_whychoose .overlay {
        width: 118px;
        position: absolute;
        height: 118px;
        border-radius: 50%;
        background: var(--bg-color);
        top: 17px;
        left: 0;
        z-index: 0;
        transition: transform 0.3s ease-out;
        right: 0;
        margin: 0 auto;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        margin-bottom: 2rem;
        height: auto;
    }
    .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .base-timeline {
        list-style-type: none;
        counter-reset: number;
        position: relative;
        display: block;
        z-index: 2;
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    .base-timeline::before {
        display: none;
    }
    .base-timeline__item {
        position: relative;
        display: flex;
        width: 100%;
        padding-bottom: 10px;
        align-items: center;
    }
    .base-timeline__summary-text {
        position: static;
        position: initial;
        bottom: -3em;
        left: -64px;
        width: 168px;
        text-align: left;
        font-weight: 600;
        margin-left: 5px;
    }
    .base-timeline__item:last-child {
        width: 100%;
    }
    .MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
        width: 100%;
        padding-top: 3rem;
    }
    .MetaBlocknft_sec_titlewrap .onfs_title {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .MetaBlock_nft_whychoose .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        height: 275px;
    }
    .MetaBlock_nft_whychoose .overlay {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 30px;
    }
}

.MetaBlock_clonescript_store {
    padding: 88px 0px;
}

.MetaBlock_clonescriptstore_categories {
    padding: 130px 0px 40px 0px;
}

.MetaBlock_cloness_categorieslist {
    padding: 0;
}

.MetaBlock_clonescriptstore_categories {
    background-color: #091941;
}

.MetaBlock_clonescriptstore_categories .title {
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.MetaBlockcss_navtabs.nav-tabs>li>a {
    color: #fff !important;
    font-weight: 700;
    padding: 5px 15px;
    border: 1px solid #6284c7;
    margin-right: 0px;
    border-radius: 50px;
    margin: 5px;
    background: transparent;
    text-transform: uppercase;
}

.MetaBlockcss_navtabs.nav-tabs>li:hover {
    margin-bottom: -1px;
    border-radius: 50px;
}

.MetaBlockcss_navtabs.nav-tabs>li.active>a {
    background: #3e6cff;
}

.nav.MetaBlockcss_navtabs>li>a:hover {
    background: #3e6cff;
}

/*.MetaBlockcss_navtabs.nav-tabs>li.active>a:hover{
  background-color: #fff;
    border: 1px solid transparent;
border-radius: 50px;

}*/

#innerTabs.nav-tabs {
    border-bottom: 0;
    padding-top: 10px;
}

#innerTabs.nav-tabs>li a {
    border: 0;
    font-weight: 600;
    border-radius: 50px;
    background: #fff;
    color: #000;
    margin: 0px 5px 10px 0px;
    padding: 5px 15px;
    box-shadow: 0px 1px 10px 2px #0000002e;
    text-transform: uppercase;
    font-size: 14px;
}

#innerTabs.nav-tabs>li.active>a {
    border: 0;
    /* border-radius: 0; */
    color: #fff;
    background: #091941;
}

#innerTabs.nav-tabs>li.active {
    /*border-bottom: 4px solid #00a68f;*/
}

.innertab_details_wrap .row {
    background-color: transparent;
}

#innerTabs {
    display: flex;
    justify-content: center;
}

.innertab_itembox {
    text-align: center;
    padding: 10px;
    border: 1px solid #0000;
    min-height: 172px;
    cursor: pointer;
    /*background: linear-gradient(
179deg
, rgba(255,255,255,1) 44%, rgb(217 217 217) 100%);*/
    background: linear-gradient(179deg, rgb(9 25 65) 44%, rgb(62 108 255) 100%);
    border-radius: 10px;
    box-shadow: 0px 10px 12px -9px #282828;
}

.innertab_itembox p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
    width: 121px;
    margin: 0 auto;
}

.innertabs_itemsarea {
    padding: 0px 100px;
    /*background-image: url(../images/inner-pages/cryptoclone-scripts/cryptobg.jpg);
    background-size: cover;
    background-position: right;
    position: relative;
    z-index: 0;*/
}

.innertabs_itemsarea:before {
    /*position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(47,58,82);
background: radial-gradient(circle, rgb(68 82 112 / 92%) 0%, rgb(5 10 22 / 94%) 100%);
    content: '';
    left: 0;
    z-index: -1;*/
}

.innertab_details_wrap {
    padding: 30px 0px;
}

.innertabs_itemsarea .row:nth-child(2) {
    margin-top: 2rem;
}

.innertab_details_wrap .row {
    justify-content: center;
    display: flex;
}

.innertab_itembox.selected_item {
    border: 1px solid #1f76f0;
    box-shadow: 0px 6px 23px -2px #15a9ff99;
    color: #07c1a7;
}

.MetaBlockcss_buynow_ct {
    text-align: center;
}

.MetaBlockcss_buynow_ct>a {
    background: rgb(9 25 65);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    min-width: 160px;
    border: 0;
    padding: 9px 0px;
    border-radius: 5px;
    margin-bottom: 2rem;
}

#cryptocloneModal {
    padding-top: 10%;
}

.MetaBlockcss_buynow_ct .modal .modal-header {
    background-color: #fff !important;
    padding: 0;
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dde1e5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.MetaBlockcss_buynow_ct .form-control:focus {
    border: 1px solid #529fffab;
    box-shadow: none;
    box-shadow: initial;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-header .close {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    opacity: 1;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: #d53937;
    width: 30px;
    height: 30px;
    border-radius: 27px;
}

.ccmodel_header {
    padding: 10px 0px;
}

.ccmodel_header h5 {
    font-size: 25px;
    font-weight: 700;
    color: #047077;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog {
    border-radius: 50px;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog .modal-content {
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .MetaBlockcss_form_cta button {
    background-color: #ac3258;
    color: #fff;
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 600;
}

#cryptocloneModal ul.tags {
    padding: 0;
    text-align: left;
}

#cryptocloneModal ul.tags li {
    list-style: none;
    display: inline-block;
    background-color: #26ac62;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin: 2px;
    padding: 2px 10px;
    border-radius: 3px;
}

/*#nft-clone .innertabs_itemsarea{
  height: 425px;
    overflow-y: scroll;
}*/

#nft .innertabs_itemsarea .row {
    margin-bottom: 2rem;
}

.MetaBlockcc_cryptoclone_sprite {
    width: 110px;
    height: 110px;
    object-fit: none;
}

@media (min-width: 768px) {
    #cryptocloneModal .modal-dialog {
        max-width: 32%;
        margin: 30px auto;
    }
}

@media (max-width: 768px) {
    .innertabs_itemsarea {
        padding: 0;
        background-color: #f4f4f4;
        width: 100%;
        overflow-x: scroll;
    }
    .innertab_details_wrap {
        display: flex;
        align-items: baseline;
    }
    .MetaBlockcss_navtabs.nav-tabs>li {
        width: 329px;
    }
    .innertabs_itemsarea {
        height: auto !important;
    }
    #defi #innerTabs {
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: left;
    }
    #cryptocloneModal .modal-dialog {
        padding-top: 40%;
    }
    .MetaBlock_clonescriptstore_categories {
        padding: 100px 0px 20px 0px;
    }
}

#mainTabs {
    border: 0;
}

@media (max-width: 1440px) and (min-width: 1280px) {
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        text-align: center;
        border-radius: 50px;
    }
    #mainTabs {
        display: flex;
        justify-content: center;
        border: 0;
    }
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        font-size: 14px;
    }
}

.innertab_itembox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.innertab_itembox input:checked~.checkmark,
.innertab_itembox:hover input~.checkmark,
.checkmark {
    background-color: #212529;
}

.checkmark {
    position: absolute;
    top: 2px;
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 2px solid #eee;
    border-radius: 50px;
    right: 3px;
}

.checkmark:after {
    left: 10px;
    top: 5px;
    width: 10px;
    height: 16px;
    border: solid #5efc50;
    border-width: 0 4px 4px 0;
    transform: rotate( 45deg);
    content: "";
    position: absolute;
    display: none;
}

.innertab_itembox.selected_item .checkmark:after {
    display: block;
}

label.block-check {
    display: block;
    margin-bottom: 0;
    margin-bottom: initial;
    font-weight: inherit;
}

.innertab_itembox {
    position: relative;
    overflow: hidden;
}

.innertab_itembox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
}

.innertab_itembox:after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    transition: 0.5s;
}

.innertab_itembox:hover:after {
    left: 100%;
}

/*=========================================NFT MARKETPLACE DEVELOPMENT=================================*/

.masthead-nftmarketplace-development {
    /*background: url(../images/inner-pages/nft_marketplace/banner-bg.png?v6) no-repeat;*/
    background: #fff;
    background-position: center center;
    height: 630px !important;
    margin-top: 73px;
}

.MetaBlock_nftmarketplace {
    padding: 50px 0px !important;
    background: #f4f5ff;
}

.masthead-nftmarketplace-development .header-content h1 {
    text-align: left;
    font-family: Raleway, sans-serif !important;
    font-weight: 900;
    font-size: 56px !important;
    /* font-style: italic; */
}

.masthead-nftmarketplace-development .header-content h1 span {
    color: #00E5FF;
}

.masthead-nftmarketplace-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
    width: 80%;
}

a.expert-btn {
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #f17841;
    line-height: 1.5;
    border-radius: 50px !important;
    border: 2px solid #fff;
}

.masthead-nftmarketplace-development a.expert-btn {
    background-color: #00E5FF;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #08146A;
    box-shadow: 0px 6px 16px -4px #0e1116;
    line-height: 1.5;
}

.onfmarkis_title {
    font-weight: 700;
    font-size: 37px;
    line-height: 45px;
}

#nftmarki_intro {
    position: relative;
}

#nftmarki_intro:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_what:before {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_what.png); */
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_intro:after {
    position: absolute;
    content: '';
    background-color: #fff;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
    width: 80%;
}

#nftmarki_intro .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_tokendev {
    /* background: url(../images/inner-pages/nft_marketplace/nfttoken_developmentbg.jpg) no-repeat; */
    position: relative;
}

.nfttoken_lt_sec img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
}

#nftmarki_tokendev .onfmarkis_title {
    color: #fff;
}

#nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
}

#nftmarki_uft {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
}

#nftmarki_uft:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 29%, rgb(50 60 73 / 57%) 54%, rgb(22 25 32) 130%);
    top: 0;
    opacity: 0.7;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
    color: #c7d0d7;
}

#nftmarki_uft .nftmarket_box {
    background: #ffffff05;
    border: 1px solid #ffffff1a;
    border-radius: 0;
    padding: 18px;
}

.nftmarket_box .nftmarketb_head {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}

.nftmarket_box .nftmarketb_desc {
    color: #d1d1d1;
    font-size: 14px;
    margin-top: 14px;
}

#nftmarki_what {
    /* background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background-position: left;
}

#nftmarki_what .onfmarkis_title {
    color: #0C1968;
    line-height: 58px;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_what {
    position: relative;
}

.nftwat_lt_sec img {
    position: absolute;
    top: 0;
    width: 38%;
    left: 0;
}

#nftmarket_placeft {
    /*background-image: linear-gradient(
323deg
, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 16.667%,rgba(46, 46, 46, 0.01) 16.667%, rgba(46, 46, 46, 0.01) 33.334%,rgba(226, 226, 226, 0.01) 33.334%, rgba(226, 226, 226, 0.01) 50.001000000000005%,rgba(159, 159, 159, 0.01) 50.001%, rgba(159, 159, 159, 0.01) 66.668%,rgba(149, 149, 149, 0.01) 66.668%, rgba(149, 149, 149, 0.01) 83.33500000000001%,rgba(43, 43, 43, 0.01) 83.335%, rgba(43, 43, 43, 0.01) 100.002%),linear-gradient(
346deg
, rgba(166, 166, 166, 0.03) 0%, rgba(166, 166, 166, 0.03) 25%,rgba(240, 240, 240, 0.03) 25%, rgba(240, 240, 240, 0.03) 50%,rgba(121, 121, 121, 0.03) 50%, rgba(121, 121, 121, 0.03) 75%,rgba(40, 40, 40, 0.03) 75%, rgba(40, 40, 40, 0.03) 100%),linear-gradient(
347deg
, rgba(209, 209, 209, 0.01) 0%, rgba(209, 209, 209, 0.01) 25%,rgba(22, 22, 22, 0.01) 25%, rgba(22, 22, 22, 0.01) 50%,rgba(125, 125, 125, 0.01) 50%, rgba(125, 125, 125, 0.01) 75%,rgba(205, 205, 205, 0.01) 75%, rgba(205, 205, 205, 0.01) 100%),linear-gradient(
84deg
, rgba(195, 195, 195, 0.01) 0%, rgba(195, 195, 195, 0.01) 14.286%,rgba(64, 64, 64, 0.01) 14.286%, rgba(64, 64, 64, 0.01) 28.572%,rgba(67, 67, 67, 0.01) 28.572%, rgba(67, 67, 67, 0.01) 42.858%,rgba(214, 214, 214, 0.01) 42.858%, rgba(214, 214, 214, 0.01) 57.144%,rgba(45, 45, 45, 0.01) 57.144%, rgba(45, 45, 45, 0.01) 71.42999999999999%,rgba(47, 47, 47, 0.01) 71.43%, rgba(47, 47, 47, 0.01) 85.71600000000001%,rgba(172, 172, 172, 0.01) 85.716%, rgba(172, 172, 172, 0.01) 100.002%),linear-gradient(
73deg
, rgba(111, 111, 111, 0.03) 0%, rgba(111, 111, 111, 0.03) 16.667%,rgba(202, 202, 202, 0.03) 16.667%, rgba(202, 202, 202, 0.03) 33.334%,rgba(57, 57, 57, 0.03) 33.334%, rgba(57, 57, 57, 0.03) 50.001000000000005%,rgba(197, 197, 197, 0.03) 50.001%, rgba(197, 197, 197, 0.03) 66.668%,rgba(97, 97, 97, 0.03) 66.668%, rgba(97, 97, 97, 0.03) 83.33500000000001%,rgba(56, 56, 56, 0.03) 83.335%, rgba(56, 56, 56, 0.03) 100.002%),linear-gradient(
132deg
, rgba(88, 88, 88, 0.03) 0%, rgba(88, 88, 88, 0.03) 20%,rgba(249, 249, 249, 0.03) 20%, rgba(249, 249, 249, 0.03) 40%,rgba(2, 2, 2, 0.03) 40%, rgba(2, 2, 2, 0.03) 60%,rgba(185, 185, 185, 0.03) 60%, rgba(185, 185, 185, 0.03) 80%,rgba(196, 196, 196, 0.03) 80%, rgba(196, 196, 196, 0.03) 100%),linear-gradient(
142deg
, rgba(160, 160, 160, 0.03) 0%, rgba(160, 160, 160, 0.03) 12.5%,rgba(204, 204, 204, 0.03) 12.5%, rgba(204, 204, 204, 0.03) 25%,rgba(108, 108, 108, 0.03) 25%, rgba(108, 108, 108, 0.03) 37.5%,rgba(191, 191, 191, 0.03) 37.5%, rgba(191, 191, 191, 0.03) 50%,rgba(231, 231, 231, 0.03) 50%, rgba(231, 231, 231, 0.03) 62.5%,rgba(70, 70, 70, 0.03) 62.5%, rgba(70, 70, 70, 0.03) 75%,rgba(166, 166, 166, 0.03) 75%, rgba(166, 166, 166, 0.03) 87.5%,rgba(199, 199, 199, 0.03) 87.5%, rgba(199, 199, 199, 0.03) 100%),linear-gradient(
238deg
, rgba(116, 116, 116, 0.02) 0%, rgba(116, 116, 116, 0.02) 20%,rgba(141, 141, 141, 0.02) 20%, rgba(141, 141, 141, 0.02) 40%,rgba(152, 152, 152, 0.02) 40%, rgba(152, 152, 152, 0.02) 60%,rgba(61, 61, 61, 0.02) 60%, rgba(61, 61, 61, 0.02) 80%,rgba(139, 139, 139, 0.02) 80%, rgba(139, 139, 139, 0.02) 100%),linear-gradient(
188deg
, rgba(227, 227, 227, 0.01) 0%, rgba(227, 227, 227, 0.01) 20%,rgba(105, 105, 105, 0.01) 20%, rgba(105, 105, 105, 0.01) 40%,rgba(72, 72, 72, 0.01) 40%, rgba(72, 72, 72, 0.01) 60%,rgba(33, 33, 33, 0.01) 60%, rgba(33, 33, 33, 0.01) 80%,rgba(57, 57, 57, 0.01) 80%, rgba(57, 57, 57, 0.01) 100%),linear-gradient(
90deg
, #212830,#010101);*/
    background-size: cover;
    background: #f2ecec;
}

#nftmarket_placeft .onfmarkis_title {
    text-align: center;
    color: #ec861d;
}

#nftmarket_placeft .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarketb_head {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarket_box img {
    text-align: center;
    border: 3px solid #ecb21d;
    padding: 15px;
    margin-bottom: 1.5rem;
}

#nftmarket_placeft .nftmarket_box {
    text-align: center;
}

#nftmarket_placeft .row:nth-child(2) {
    margin-bottom: 2.5rem;
}

#nftmarki_markettechstack {
    /*background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background: #fff;
    background-position: center;
    background-size: cover;
}

#nftmarket_topreason {
    position: relative;
    background-image: linear-gradient(55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%, rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%, rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%, rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%, rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%), linear-gradient(291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%, rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%, rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%), linear-gradient(32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%, rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%, rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%, rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%), linear-gradient(312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%, rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%, rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%), linear-gradient(22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%, rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%, rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%, rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%, rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%), linear-gradient(80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%, rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%, rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%), linear-gradient(257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%, rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%, rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%), linear-gradient(47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%, rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%, rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%), linear-gradient(90deg, #ffffff, #ffffff);
}

#nftmarki_markettechstack .onfmarkis_title {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarket_topreason:after {
    position: absolute;
    content: '';
    background: linear-gradient( 0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarket_topreason .nftmarket_box .nftmarketb_head {
    color: #3d3d3d;
    font-size: 17px;
    font-weight: 600;
}

#nftmarket_topreason .nftmarket_box {
    padding: 15px 20px;
    border: 1px solid #acacac;
    background-color: #ffffff6e;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.nftmarket_box.nftmarket_art {
    min-height: 310px;
    background-size: cover;
    position: relative;
}

#nftmarket_artbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-01.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_fansportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-02.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_musicbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-03.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_realesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-04.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_vidclipbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-05.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_sportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-06.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_gamesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-07.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_accesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-08.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_domainbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-09.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_infrabg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-10.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicollectbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-11.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_photobg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-12.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_swlicense {
    /* background: url(../images/inner-pages/nft_marketplace/nft-13.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_xchange {
    /* background: url(../images/inner-pages/nft_marketplace/nft-14.jpg?v2) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicont {
    /* background: url(../images/inner-pages/nft_marketplace/nft-15.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_investcollat {
    /* background: url(../images/inner-pages/nft_marketplace/nft-16.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

.nftmarketbox_wrap {
    position: absolute;
    bottom: -9px;
    text-align: center;
    padding: 17px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.nftmarket_box.nftmarket_art:before {
    background: linear-gradient(180deg, rgba(5, 49, 126, 0) 33.54%, #05317E 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    border-radius: 20px;
}

.nftmarket_box.nftmarket_art .nftmarketb_head {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_fields {
    background-color: #14171c;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
}

#nftmarki_fields .row:nth-child(2),
#nftmarki_fields .row:nth-child(3),
#nftmarki_fields .row:nth-child(4) {
    margin-bottom: 3rem;
}

#nftmarki_whyMetaBlock {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px;
    border: 2px solid #ff8f1c;
    margin-bottom: 35px;
    min-height: 90px;
    background-color: #ffd6bb0f;
    border-radius: 8px;
}

/*.nftwhyMetaBlock_box img{
position: absolute;
    right: -26px;
    top: -22px;
    border: 3px solid #ff8f1c;
    border-radius: 50px;
    background-color: #181614;
}*/

#nftmarki_whyMetaBlock .row {
    margin-bottom: 1rem;
}

.nftmarki_whysprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

.nftwhyMetaBlock_box .nftwhyMetaBlock_head {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p a {
    color: #fff;
}

a.osimarknftcta_btn {
    background-color: #ffcf33;
    text-align: center;
    padding: 10px 19px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.osimarknft_cta {
    text-align: center;
}

#nftmarki_marketplatform {
    position: relative;
}

#nftmarki_marketplatform .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #ec861d;
    opacity: 1;
    display: inline-block;
    margin: 3px;
}

#nftmarki_marketplatform .owl-dots {
    margin: 30px 2px 0px 2px;
}

#nftmarki_pl1 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl2 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl3 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl4 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl5 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl6 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl7 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl8 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-08.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl9 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-09.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl10 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl11 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-11.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl12 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-12.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl13 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-13.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl14 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-14.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl15 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-15.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl16 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl17 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-17.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl18 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-18.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl19 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-19.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl20 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-20.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl21 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-21.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl25 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl26 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl27 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl28 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl29 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl30 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl31 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl32 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl33 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl34 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl35 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_marketplatform .nftmarket_box {
    height: 310px;
    width: 290px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
}

#nftmarki_fields:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0.8;
}

#nftmarki_fields {
    /*background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat;*/
    position: relative;
    background-size: cover;
    background: #fff;
}

/*#nftmarki_marketplatform .nftmarket_box:before {
    background: linear-gradient( 
0deg
 , rgb(32 33 55) 14%, rgb(3 4 5 / 0%) 100.51%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
}*/

#nftmarki_marketplatform .nft_marketb_wrap {
    background-color: #14202dde;
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #1e1e1e;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
    color: #333333;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap {
    text-align: left;
}

#nftmarki_marketplatform:before {
    position: absolute;
    content: '';
    /* background: url(../images/inner-pages/nft_marketplace/intro_bg.png) no-repeat; */
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarki_marketplatform:after {
    position: absolute;
    content: '';
    background: linear-gradient( 0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_marketplatform .nft_marketb_wrap .nftmarki_bxplatform {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

#nftmarki_marketplatform .owl-dots {
    display: flex;
    justify-content: center;
}

#nftmarki_marketplatform .owl-nav {
    position: absolute;
    top: -80px;
    right: 0;
    display: flex;
}

#nftmarki_marketplatform .owl-nav .owl-prev,
#nftmarki_marketplatform .owl-nav .owl-next {
    border: 3px solid #000;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#nftmarki_intro .row{
    display: flex;
    align-items: center;
}*/

.nftmarki_sprite1 {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.nftmarki_sprite2 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 3rem;
}

#nftmarki_intro {
    padding: 0;
}

#nftmarki_whitelablesln {
    /* background : linear-gradient(0deg, rgba(22, 28, 76, 1) 0%, rgba(103, 45, 145, 1) 100%);*/
    background: #fff;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap {
    color: #000;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #000;
}

#nftmarki_developmentprocess {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
    background-size: cover;
}

#nftmarki_developmentprocess .onfmarkis_title {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_developmentprocess .row {
    display: flex;
    justify-content: center;
}

#nftmarketplace_tab {
    display: flex;
    justify-content: center;
    border: 0;
}

.nft-market-tabselectul {
    background-color: #1d2023;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: 1px solid #353535;
}

#nftmarketplace_tab.nav-tabs>li.active>a,
#nftmarketplace_tab.nav-tabs>li.active>a:focus,
#nftmarketplace_tab.nav-tabs>li.active>a:hover {
    background-color: #00000038;
    border: 0;
    border-bottom: 5px solid #ff9905;
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
}

#nftmarketplace_tab.nav-tabs>li>a {
    font-weight: 500;
    font-size: 18px;
    border: 0;
    border-bottom: 5px solid #1d202300;
    color: #ffffff6b;
}

#nftmarketplace_tab.nav>li>a:focus,
#nftmarketplace_tab.nav>li>a:hover {
    text-decoration: none;
    background-color: #00000066;
}

.nft-market-tabcontul {
    background-color: #161616;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tabpane_nfttabswrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.tabpane_nfttabswrap .tpnft_box {
    text-align: center;
    width: 100px;
    height: 116px;
    background-color: #ffffff08;
    margin: 0px 5px;
    border-radius: 4px;
    border: 1px solid #2d2d2d;
    padding: 10px 0px;
}

.tabpane_nfttabswrap .tpnft_head {
    color: #eaf4ff;
    font-size: 15px;
    margin: 5px 0px;
    font-weight: 500;
}

#nftmarketplace_tab.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

.nftmarkitech_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

@media (max-width: 767px) {
    .masthead-nftmarketplace-development .header-content h1 {
        font-weight: 900;
        font-size: 33px !important;
        text-align: center;
    }
    .masthead-nftmarketplace-development .heading-tagline {
        width: 100%;
    }
    .masthead-nftmarketplace-development {
        background-position: left;
        height: 489px !important;
    }
    .nftmarkibanner_cta {
        text-align: center;
    }
    #nftmarki_intro .onfmarkis_title {
        font-weight: 700;
        font-size: 25px;
        text-align: center;
    }
    #nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .MetaBlock_nftmarketplace {
        padding: 30px 0px;
    }
    .onfmarkis_title {
        text-align: center;
        font-size: 22px;
    }
    #nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .nfttoken_lt_sec img {
        display: none;
    }
    #nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
        text-align: center;
    }
    #nftmarki_uft .nftmarket_box {
        margin-bottom: 1rem;
    }
    .nftwat_lt_sec img {
        display: none;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    #nftmarket_placeft .nftmarket_box {
        text-align: center;
        margin-bottom: 1rem;
    }
    .nftmarket_box.nftmarket_art {
        margin-bottom: 2rem;
    }
    #nftmarki_marketplatform .owl-nav {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
    }
    #nftmarki_marketplatform .nftmarket_box {
        height: 310px;
        width: auto;
    }
    #nftmarki_marketplatform .owl-nav {
        margin-top: 1rem;
        justify-content: center;
    }
    #nftmarki_marketplatform .owl-dots {
        margin: 5px 2px 0px 2px;
    }
    #nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
        color: #333333;
        text-align: center;
    }
    #nftmarki_whyMetaBlock {
        /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
        font-weight: 700;
        font-size: 22px;
    }
    #nftmarki_marketplatform .owl-dots .owl-dot.active span {
        background-color: #000;
    }
    #nftmarki_what {
        background-size: cover;
    }
    .tabpane_nfttabswrap {
        overflow-x: scroll;
    }
    #nftmarketplace_tab {
        display: block;
    }
    #nftmarketplace_tab.nav-tabs>li {
        float: none;
    }
    #nftmarketplace_tab.nav>li>a {
        text-align: center;
    }
    .tabpane_nfttabswrap .tpnft_box {
        min-width: 90px;
        width: auto;
        min-height: 135px;
    }
    .tabpane_nfttabswrap {
        justify-content: left;
    }
    .nftwhyMetaBlock_box img {
        position: static;
        position: initial;
    }
    .nftwhyMetaBlock_box .nftwhyMetaBlock_head {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-left: 8px;
    }
    #nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
        min-height: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 1440px) and (min-width: 1280px) {
    #nftmarki_whyMetaBlock {
        /*background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat;*/
        background-size: cover;
        background-position: center;
        background: #fff;
    }
}

/*==================================PANCAKESWAP CLONE SCRIPT===============================*/

.masthead-pancakesclo-development {
    /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
    background-position: right;
    height: 665px !important;
}

.masthead-pancakesclo-development .header-content h1 {
    font-weight: 900;
    font-size: 48px !important;
    text-align: left;
    font-family: Raleway, sans-serif !important;
    text-transform: uppercase;
}

.masthead-pancakesclo-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
}

.masthead-pancakesclo-development .header-content h1 span {
    color: #fea901;
}

.masthead-pancakesclo-development .heading-tagline {
    color: #fff2d9;
}

.masthead-pancakesclo-development .header-content p {
    color: #dbd7ce;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.masthead-pancakesclo-development .header-content {
    margin-top: 9rem;
}

.masthead-pancakesclo-development .header-content a.expert-btn {
    background: -webkit-linear-gradient(271deg, #ffd86b, #542b08);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 2px 16px -4px #e6ba3e;
    line-height: 1.5;
}

.MetaBlock_panckeswapclo {
    padding: 50px 0px;
}

.pancswap_title {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 2rem;
    text-transform: capitalize;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_intro {
    /* background: url(../images/inner-pages/pancaksswap-clone/intro-bg.png) no-repeat; */
    background-size: contain;
    background-position: left;
}

#pancswap_intro .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;
}

#pancswap_featuresnew .pancswap_bft_box .pancswapb_head {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_features .row {
    display: flex;
    align-items: center;
}

#pancswap_featuresnew .pancswap_bft_box {
    text-align: center;
}

#pancswap_featuresnew .row {
    margin-bottom: 3rem;
}

#pancswap_featuresnew .row:nth-child(5) {
    margin-bottom: 0rem;
    display: flex;
    justify-content: center;
}

#pancswap_featuresnew {
    background-color: #000;
}

.panft_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
    margin-bottom: 1rem;
}

#pancswap_featuresnew .pancswap_title {
    text-align: center;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.MetaBlock_panckeswapclo .pancswapb_head {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    margin-left: 6px;
    margin: 2px 4px;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head {
    display: flex;
    align-items: baseline;
}

#pancswap_bftofpc .pancswap_bft_box {
    display: flex;
    align-items: center;
}

#pancswap_bft {
    background: rgb(32, 32, 32);
    background: radial-gradient(circle, rgba(32, 32, 32, 1) 8%, rgba(0, 0, 0, 1) 100%);
    position: relative;
}

#pancswap_bft:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    /* background: url(../images/inner-pages/pancaksswap-clone/springbg.png) no-repeat; */
    background-size: contain;
    background-position: center;
    opacity: 0.1;
}

.pcs_container_swap {
    padding: 0px 80px;
}

#pancswap_bft .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_bft .pancswap_desc {
    color: #ddcfc1;
    width: 60%;
    margin: 19px auto;
    line-height: 1.5;
}

#pancswap_bft .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_bft .row:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pancswap_bft_wrap ul {
    padding: 0;
}

.pancswap_bft_wrap ul li {
    list-style: none;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    text-align: left;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: right;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
    text-align: right;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: left;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

.pancswap_bftrt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

#pancswap_features {
    /*background: url(../images/inner-pages/pancaksswap-clone/pancswapfeatures_bg.jpg) no-repeat;*/
    background-size: cover;
}

#pancswap_features .pancswap_sec_titlewrap p {
    text-align: justify;
}

.pancswapb_ftsec {
    display: flex;
}

.pancswapb_ftsec ul {
    padding: 0;
    display: inline-block;
    padding-right: 10px;
}

.pancswapb_ftsec .pancswapb_desc {
    font-size: 14px;
    font-weight: 500;
}

.pancswapb_ftsec ul li {
    list-style: none;
}

#pancswap_features .pancswapb_head {
    font-size: 18px;
    font-weight: 700;
    color: #ee8400;
    text-align: left;
    margin-bottom: .5rem;
}

.pancswapb_ftsec .pancswap_bft_box {
    margin-bottom: 1rem;
}

#pancswap_wallet {
    /* background: url(../images/inner-pages/pancaksswap-clone/wallet-bg.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_wallet .pancswap_bft_box {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ffaf3412;
    border: 1px solid #c16f2f;
    border-radius: 5px;
}

#pancswap_wallet .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_wallet .pancswap_sec_titlewrap p {
    color: #ddcfc1;
    text-align: center;
}

#pancswap_wallet .pancakewallet_wrap {
    text-align: center;
}

#pancswap_rewards {
    /*background: url(../images/inner-pages/pancaksswap-clone/reward_multipliers.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
}

#pancswap_rewards .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head {
    color: #ffd3ae;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head span {
    display: block;
    font-weight: 300;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
    padding: 10px;
    text-align: left;
    background: linear-gradient( 90deg, rgb(75 40 29) 0%, rgb(52 19 9) 100%);
    border-radius: 4px;
    border: 1px solid #cf8b00;
    margin-bottom: 1rem;
    min-width: 145px;
}

#pancswap_clonesoftware {
    /*background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23,0.05) 0%, rgba(23, 23, 23,0.05) 50%,rgba(109, 109, 109,0.05) 50%, rgba(109, 109, 109,0.05) 100%),radial-gradient(circle at 21% 96%, rgba(92, 92, 92,0.05) 0%, rgba(92, 92, 92,0.05) 50%,rgba(199, 199, 199,0.05) 50%, rgba(199, 199, 199,0.05) 100%),radial-gradient(circle at 25% 37%, rgba(230, 230, 230,0.05) 0%, rgba(230, 230, 230,0.05) 50%,rgba(25, 25, 25,0.05) 50%, rgba(25, 25, 25,0.05) 100%),linear-gradient(
90deg
, rgb(77 26 0),rgb(223 124 0));*/
    padding: 10px 0px;
}

#pancswap_clonesoftware .row {
    display: flex;
    align-items: center;
}

#pancswap_clonesoftware .pancswap_title {
    color: #fff;
}

#pancswap_clonesoftware .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: justify;
}

#pancswap_bftofpc {
    /*background-image: linear-gradient(135deg, transparent 0%, transparent 6%,
    rgba(71, 71, 71,0.04) 6%, rgba(71, 71, 71,0.04) 22%,transparent 22%, 
    transparent 100%),linear-gradient(45deg, transparent 0%, transparent 20%,
    rgba(71, 71, 71,0.04) 20%, rgba(71, 71, 71,0.04) 47%,transparent 47%, transparent 100%),
    linear-gradient(135deg, transparent 0%, transparent 24%,rgba(71, 71, 71,0.04) 24%, 
    rgba(71, 71, 71,0.04) 62%,transparent 62%, transparent 100%),linear-gradient(45deg, 
    transparent 0%, transparent 73%,rgba(71, 71, 71,0.04) 73%, rgba(71, 71, 71,0.04) 75%,
    transparent 75%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));*/
}

#pancswap_bftofpc .pancswap_sec_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#pancswap_bftofpc .pancswapb_head {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-align: left;
}

#pancswap_bftofpc .pancswap_title {
    color: #fff;
    font-size: 30px;
}

#pancswap_bftofpc .pancswap_bft_box {}

#pancswap_currency {
    /*background: url(../images/inner-pages/pancaksswap-clone/currencybg.png) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_currency .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_currency .pancswapb_head {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

#pancswap_whydex {
    /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_whydex .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_whydex .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: left;
}

#pancswap_whydex .row {
    justify-content: center;
    display: flex;
}

#pancswap_dexbin {
    /*  background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-binnace.jpg) no-repeat;*/
    background-position: right;
    background-size: cover;
}

#pancswap_dexbin .pancswap_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 2rem;
    color: #fff;
    text-align: center;
}

#pancswap_dexbin .pancswap_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.pancswap_sec_titlewrap p,
.pancswap_desc {
    font-size: 15px;
    margin-bottom: 8px;
    text-align: left;
}

.pancakebox_wrap {
    text-align: center;
}

.pancakeswap_coins {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#pancswap_currency .pancswap_bft_box {
    text-align: center;
}

.pancswap_dexbin_btn {
    display: flex;
    align-items: center;
}

.pancswap_dexbin_btn.watsp {
    background-color: #20a652;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    margin-right: 10px;
}

.pancswap_dexbin_btn.tgrm {
    background-color: #0083db;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn i {
    font-size: 27px;
    margin-right: 5px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn img {
    margin-right: 5px;
}

.pancakeswap_socialccta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pancakeswap_socialccta img {
    width: 25px;
    background-color: #fff;
    border-radius: 50px;
    padding: 4px;
}

@media (max-width: 767px) {
    .masthead-pancakesclo-development {
        /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
        background-position: left;
        height: 665px !important;
        background-size: cover !important;
    }
    .masthead-pancakesclo-development .header-content h1 {
        font-weight: 900;
        font-size: 40px !important;
        text-align: center;
        font-family: Raleway, sans-serif !important;
        text-transform: uppercase;
        line-height: 1.1;
    }
    .masthead-pancakesclo-development .header-content p {
        text-align: center;
    }
    .MetaBlock_panckeswapclo {
        padding: 20px 0px;
    }
    .pancswap_title {
        font-size: 22px;
        text-align: center;
        line-height: 1.3;
        text-transform: capitalize;
    }
    #pancswap_bftofpc .pancswap_title {
        color: #fff;
        font-size: 24px;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap {
        text-align: center !important;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap p {
        text-align: center !important;
    }
    .pancswap_sec_titlewrap p,
    .pancswap_desc {
        font-size: 18px;
        text-align: justify;
    }
    #pancswap_features .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_features .pancswap_dexbin_btn.watsp {
        justify-content: center;
    }
    #pancswap_features .pancswap_dexbin_btn.tgrm {
        justify-content: center;
    }
    #pancswap_intro {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    #pancswap_bft .pancswap_desc {
        color: #ddcfc1;
        width: 100%;
    }
    #pancswap_bft .row:nth-child(2) {
        display: block;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
        text-align: left;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
        text-align: left;
    }
    #pancswap_features {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    .pancswapb_ftsec {
        display: block;
    }
    #pancswap_wallet .pancswap_bft_box {
        display: block;
        padding: 10px 15px;
        background-color: #ffaa343d;
        border: 1px solid #b8682afa;
        border-radius: 5px;
        margin-bottom: 1rem;
    }
    #pancswap_rewards .pancakebox_wrap {
        text-align: center;
    }
    #pancswap_whydex {
        /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #pancswap_dexbin {
        background-position: left;
        background-size: cover;
    }
    #pancswap_dexbin .pancswap_title {
        font-weight: 700;
        font-size: 20px;
    }
    #pancswap_dexbin .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_dexbin .pancswap_dexbin_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pancswap_dexbin_btn.watsp {
        margin-right: 0px;
        margin-bottom: 1rem;
    }
    #pancswap_featuresnew .row:nth-child(5) {
        display: block;
    }
}

.cxscommon_ctrl p {
    margin-bottom: 0;
}

#cxsbannner {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/banner.png) no-repeat; */
    background-size: contain;
    background-position: top;
}

#cxsbannner .header-content h1 {
    text-align: left;
    font-size: 39px !important;
    font-weight: 700;
}

header#cxsbannner {
    /*height: 580px !important;*/
}

#cxsbannner .heading-tagline {
    text-align: left;
    font-size: 17px;
}

#cxsbannner a.expert-btn {
    background-color: #1cbec9;
    border: 0;
    border-radius: 0 !important;
    color: #fff;
    box-shadow: none;
    box-shadow: initial;
    font-size: 16px;
    min-width: 200px;
}

.cxscommon_ctrl {
    padding: 50px 0px;
}

#cxs_intro {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/intro-bg.jpg); */
    text-align: center;
}

.MetaBlockcxs_sec_titlewrap .oncxs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 3rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

#cxs_whatis {
    /*background-color: #1b334d;*/
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #282828;
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap p {
    color: black;
    margin-bottom: 0;
}

#cxs_whitelabel {
    background-size: cover;
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/cxs_whitelabel_bg.png) no-repeat; */
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#cxs_fts {
    background-color: #1b334d;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#MetaBlockcxstabs.nav-tabs>li.active>a {
    border-radius: 50px;
    color: #0d233b;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a {
    border-radius: 50px;
    color: #95a5b6;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a:hover {
    background-color: #081d35;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li.active>a:hover {
    background-color: #fff;
}

#MetaBlockcxstabs.nav-tabs {
    border-bottom: 0px solid #ddd;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 2rem;
}

#MetaBlockcxstabs {
    background-color: #0f2135;
    padding: 7px;
    border-radius: 50px;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_fts .ocsxt_box {
    display: inline-block;
    padding: 15px;
    background-color: #29a0cf;
    min-width: 200px;
    border-radius: 2px;
}

#cxs_fts .ocsx_head {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

#cxs_fts .tab-content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#cxs_benefits .ocsxt_box .ocsx_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-left: 10px;
}

#cxs_benefits {
    background-color: #f6faff;
}

#cxs_benefits .ocsxt_box {
    border: 1px solid #cddff2;
    background-color: #fff;
    padding: 15px;
    /*min-height: 190px;*/
    margin-bottom: 3rem;
    box-shadow: 0 8px 9px -10px #1b334d;
    display: flex;
    align-items: center;
}

#cxs_benefits .ocsx_desc {
    color: #5e6f83;
}

#cxs_benefits .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #1b334d;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch {
    background-color: #1b334d;
}

#cxs_cryptlaunch .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch .ocsx_head {
    color: #7fdbff;
    font-weight: 600;
    min-height: 45px;
    text-align: center;
}

#cxs_cryptlaunch .ocsx_desc {
    color: #d7ecf4;
    text-align: center;
    font-size: 15px;
}

#cxs_cryptlaunch .ocsxt_box {
    border: 1px solid #3e5268;
    padding: 15px;
    min-height: 260px;
    background-color: #00000047;
    text-align: center;
}

#cxs_whycrypt {
    background-color: #1782ac;
}

#cxs_whycrypt .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}

#cxs_whycrypt .ocsxt_box .ocsx_head {
    color: #dff6ff;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

#cxs_clonescripts {
    background-color: #1b334d;
}

#cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: left;
    color: #c7efff;
    font-size: 25px;
}

#cxs_clonescripts .ocsxt_box {
    background: linear-gradient( 179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
    padding: 20px 15px;
    text-align: center;
    border-radius: 4px;
    min-height: 235px;
}

#cxs_clonescripts .ocsxt_box .ocsx_head {
    color: #08233f;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1rem;
}

#cxs_clonescripts .ocsxt_box .ocsx_desc {
    color: #373b3f;
    font-size: 16px;
}

#cxs_clone_carousel .owl-nav {
    position: absolute;
    top: -73px;
    right: 0;
}

#cxs_clone_carousel .owl-nav .owl-prev,
#cxs_clone_carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 32px;
    background-color: #07182b;
    border: 3px solid #658ebf;
}

#cxs_clone_carousel .owl-nav .owl-prev i {
    font-size: 24px;
    color: #7eade6;
    padding-right: 3px
}

#cxs_clone_carousel .owl-nav .owl-next i {
    font-size: 24px;
    color: #7eade6;
    padding-left: 4px;
}

#cxs_clone_carousel .owl-dots {
    padding-top: 3rem;
}

.cxsclone_wrap {
    padding: 0px 30px;
}

.sprite1 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-bottom: 1rem;
}

.sprite2 {
    width: 60px;
    height: 60px;
    object-fit: none;
    margin-bottom: 1rem;
}

#cxs_whycrypt .ocsxt_box {
    text-align: center;
}

.sprite3 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none;
    margin-bottom: 1rem;
}

.btn.cbwatsapp {
    background-color: #1a9a49;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.btn.cbtelegram {
    background-color: #0097cf;
    color: #fff;
    font-weight: 700;
}

#cxs_intro .cxs_btn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.cxs_btn .cxsbtn_box i {
    font-size: 25px;
}

.cxs_btn .cxsbtn_box a.btn {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    #cxs_intro .cxs_btn {
        display: block;
    }
    .btn.cbwatsapp {
        margin-bottom: 10px;
    }
    .MetaBlockcxs_sec_titlewrap .oncxs_title {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.5;
    }
    #cxs_whitelabel {
        background-size: cover;
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        background-color: #1782ac;
        background-position: bottom;
    }
    #MetaBlockcxstabs.nav-tabs>li.active>a {
        font-size: 16px;
        min-width: auto;
    }
    #MetaBlockcxstabs.nav-tabs>li>a {
        font-size: 15px;
        min-width: auto;
        padding: 4px;
    }
    #MetaBlockcxstabs {
        padding: 5px;
    }
    .ocsx_tab_wrap {
        text-align: center;
    }
    #cxs_fts .ocsxt_box {
        display: inline-block;
        padding: 7px;
        background-color: #29a0cf;
        min-width: 330px;
        border-radius: 2px;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cxsclone_wrap {
        padding: 0px;
    }
    #cxs_cryptlaunch .ocsxt_box {
        min-height: auto;
        margin-bottom: 1.3rem;
    }
    #cxs_whycrypt .ocsxt_box {
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #cxs_clone_carousel .owl-nav {
        position: static;
        position: initial;
        top: -73px;
        right: 0;
    }
    #cxs_clone_carousel .owl-dots {
        display: none;
    }
    #cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
        text-align: center;
    }
    #cxsbannner .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        font-weight: 700;
    }
    .header-content {
        text-align: center;
    }
    #cxsbannner {
        background-position: left;
    }
}

@media (max-width: 1280px) and (max-width: 1440px) {
    #cxs_clonescripts .ocsxt_box {
        background: linear-gradient( 179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
        padding: 20px 15px;
        text-align: center;
        border-radius: 4px;
        min-height: 300px;
    }
}

header.masthead-sportsbet .header-content {
    text-align: left;
    padding-top: 90px;
}

header.masthead-sportsbet .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-sportsbet .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

header.masthead-sportsbet .header-content .expert-btn {
    background: #ff5aae;
    color: #ffffff;
    border: 1px solid #ff76bc;
}

header.masthead-sportsbet .sportbet_hero_img img {
    position: absolute;
    max-width: none;
    right: 0;
    left: 0;
}

header.masthead-sportsbet {
    overflow: hidden;
}

.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.MetaBlock_sportsbet {
    padding: 30px 0px 30px 0px;
}

.MetaBlock_sportsbet .onfsportsbet_title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p,
.MetaBlock_sportsbet .MetaBlocksportbet_box p {
    margin-bottom: 0;
}

#sportsbet_ftsec {
    background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(176deg, rgb(37, 56, 222), rgb(96, 189, 244));
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    color: #fff;
}

#sportsbet_ftsec .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 31rem;
}

#sportsbet_ftsec .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

#sportsbet_btsec {
    background-image: radial-gradient(circle at center center, rgba(217, 217, 217, 0.05) 0%, rgba(217, 217, 217, 0.05) 15%, rgba(197, 197, 197, 0.05) 15%, rgba(197, 197, 197, 0.05) 34%, rgba(178, 178, 178, 0.05) 34%, rgba(178, 178, 178, 0.05) 51%, rgba(237, 237, 237, 0.05) 51%, rgba(237, 237, 237, 0.05) 75%, rgba(138, 138, 138, 0.05) 75%, rgba(138, 138, 138, 0.05) 89%, rgba(158, 158, 158, 0.05) 89%, rgba(158, 158, 158, 0.05) 100%), radial-gradient(circle at center center, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 100%);
    background-size: 42px 42px;
}

#sportsbet_btsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_btsec .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_btsec .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_btsec .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_hwitwrks {
    background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient(circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient(circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient(circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient(circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, rgb(34, 222, 237), rgb(135, 89, 215));
    padding-bottom: 70px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 28rem;
    position: relative;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:before {
    position: absolute;
    width: 3px;
    height: 41px;
    content: '';
    background-color: #fff;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:after {
    position: absolute;
    width: 30px;
    height: 30px;
    content: '';
    background-color: #ff3b84;
    bottom: -44px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 50px;
    border: 4px solid #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box span {
    background-color: #2d39cc;
    width: 25px;
    height: 25px;
    padding: 0px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap {
    margin-bottom: 3rem;
}

#sportsbet_hwitwrks .row:nth-child(2) {
    position: relative;
}

#sportsbet_hwitwrks .row:nth-child(2):before {
    position: absolute;
    width: 100%;
    height: 3px;
    content: '';
    bottom: 0;
    border: none;
    border-top: 4px dotted #fff;
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

.ocean {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box {
    background-color: #663784;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 33rem;
    position: relative;
    text-align: center;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_appdev {
    overflow: hidden;
    position: relative;
    background: rgb(17, 22, 32);
    background: linear-gradient(180deg, rgb(72 125 232 / 81%) 0%, rgb(255 76 167 / 62%) 100%);
}

#sportsbet_appdev:before {
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    /* background: url(../images/inner-pages/sports-betting/sports-bg.jpg) no-repeat; */
    background-size: cover;
    top: 0;
    filter: blur(2px);
    z-index: -1;
    background-position: center;
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game01 {
    /* background: url(../images/inner-pages/sports-betting/games-01.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game02 {
    /* background: url(../images/inner-pages/sports-betting/games-02.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game03 {
    /* background: url(../images/inner-pages/sports-betting/games-03.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game04 {
    /* background: url(../images/inner-pages/sports-betting/games-04.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game05 {
    /* background: url(../images/inner-pages/sports-betting/games-05.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game06 {
    /* background: url(../images/inner-pages/sports-betting/games-06.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game07 {
    /* background: url(../images/inner-pages/sports-betting/games-07.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game08 {
    /* background: url(../images/inner-pages/sports-betting/games-08.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game09 {
    /* background: url(../images/inner-pages/sports-betting/games-09.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game10 {
    /* background: url(../images/inner-pages/sports-betting/games-10.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game11 {
    /* background: url(../images/inner-pages/sports-betting/games-11.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game12 {
    /* background: url(../images/inner-pages/sports-betting/games-12.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game13 {
    /* background: url(../images/inner-pages/sports-betting/games-13.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_appdev .MetaBlocksportbet_box {
    background-size: cover !important;
    padding: 20px;
    text-align: right;
    border-radius: 4px;
    margin-bottom: 1rem;
    position: relative;
    z-index: 0;
    box-shadow: 0 5px 7px -2px #ff83da;
}

#sportsbet_appdev .MetaBlocksportbet_box:before {
    background: linear-gradient(270deg, rgb(17 22 32 / 81%) 0%, rgb(27 30 44 / 26%) 100%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1;
}

#sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    margin: 0;
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_revenue_model {
    background-image: linear-gradient(45deg, transparent 0%, transparent 55%, rgba(64, 64, 64, 0.04) 55%, rgba(64, 64, 64, 0.04) 76%, transparent 76%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 14%, rgba(64, 64, 64, 0.04) 14%, rgba(64, 64, 64, 0.04) 41%, transparent 41%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 2%, rgba(64, 64, 64, 0.04) 2%, rgba(64, 64, 64, 0.04) 18%, transparent 18%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 61%, rgba(64, 64, 64, 0.04) 61%, rgba(64, 64, 64, 0.04) 71%, transparent 71%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_revenue_model .MetaBlocksportbet_box {
    text-align: center;
}

#sportsbet_revenue_model .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform {
    /* background: url(../images/inner-pages/sports-betting/blockchain-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_blockchainplatform:before {
    background-color: #071d3cc7;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box {
    background-color: #0314249e;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    text-align: center;
    border: 1px solid #8fc2d25c;
    min-height: 325px;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_softdevelopment {
    background-image: repeating-linear-gradient(90deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(0deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(135deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), linear-gradient(90deg, hsl(275, 3%, 97%), hsl(275, 3%, 97%));
}

#sportsbet_techstack {
    /* background: url(../images/inner-pages/sports-betting/techstac-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_techstack:before {
    position: absolute;
    content: '';
    top: 0;
    background: rgb(17, 22, 32);
    background: linear-gradient(181deg, rgb(23 17 32 / 97%) 0%, rgb(154 81 152 / 40%) 100%);
    width: 100%;
    height: 100%;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 2rem;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_techstack.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
    background-color: #230b1394;
    color: #eaeaea;
    font-weight: 700;
    border-radius: 60px;
    width: 126px;
    text-align: center;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li.active a {
    background-color: #d83068;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs {
    justify-content: center;
    display: flex;
    border-bottom: 0;
    margin-bottom: 2rem;
}

.MetaBlocksportbet_techstack_sec .tab-content .row {
    justify-content: center;
    margin-bottom: 1rem;
    display: flex;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec .tab-content .MetaBlocksportbet_box .onfsportsbe_head {
    text-align: center;
    color: #fff;
}

.tech-sprite {
    width: 55px;
    height: 55px;
    object-fit: none;
}

#sportsbet_techstack .tab-content .MetaBlocksportbet_box {
    background-color: #120b218c;
    text-align: center;
    padding: 10px;
    border: 1px solid #e4c8ee52;
    border-radius: 5px;
}

#sportsbet_whychoose {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.whychoose_pts_wrap ul {
    padding: 0;
    margin-bottom: 0;
}

.whychoose_pts_wrap ul li {
    background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23, 0.05) 0%, rgba(23, 23, 23, 0.05) 50%, rgba(109, 109, 109, 0.05) 50%, rgba(109, 109, 109, 0.05) 100%), radial-gradient(circle at 21% 96%, rgba(92, 92, 92, 0.05) 0%, rgba(92, 92, 92, 0.05) 50%, rgba(199, 199, 199, 0.05) 50%, rgba(199, 199, 199, 0.05) 100%), radial-gradient(circle at 25% 37%, rgba(230, 230, 230, 0.05) 0%, rgba(230, 230, 230, 0.05) 50%, rgba(25, 25, 25, 0.05) 50%, rgba(25, 25, 25, 0.05) 100%), linear-gradient(90deg, rgb(156, 48, 160), rgb(75, 105, 255));
    list-style: none;
    margin-bottom: 1rem;
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

#sportsbet_hire {
    /* background: url(../images/inner-pages/sports-betting/hire-bg.png) no-repeat; */
}

#sportsbet_hire .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_hire.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

.sportbet-sprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

#sportsbet_whychoose .row {
    align-items: center;
    display: flex;
}

@media (max-width: 767px) {
    header.masthead-sportsbet .header-content h1 {
        font-size: 34px !important;
    }
    .MetaBlock_sportsbet .onfsportsbet_title {
        font-size: 24px;
        line-height: 32px;
    }
    .MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap {
        text-align: center;
    }
    #sportsbet_hwitwrks .row:nth-child(2):before {
        display: none;
    }
    #sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
        font-size: 25px;
    }
    #sportsbet_revenue_model .MetaBlocksportbet_box {
        text-align: center;
    }
    #sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
        width: 80px;
        text-align: center;
        padding: 5px;
        font-size: 14px;
    }
    .MetaBlocksportbet_techstack_sec .tab-content .row {
        display: block;
        margin-bottom: 0;
    }
    #sportsbet_techstack .tab-content .MetaBlocksportbet_box {
        margin-bottom: 2rem;
    }
    #sportsbet_whychoose .row {
        display: block;
    }
    #sportsbet_hire {
        background-size: cover;
        background-position: right;
    }
    #sportsbet_typesofsportsbit .MetaBlocksportbet_box {
        min-height: 0;
        min-height: initial;
    }
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    display: none;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    border-bottom-color: currentColor;
    border-bottom-color: initial;
}

.MetaBlock_cryptoexchange_tabs .nav-justified .nav-item {
    text-align: center;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px 40px !important;
    font-size: 17px;
    border: none !important;
    color: #1b334d;
    font-weight: 700;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    position: relative;
    border: 1px solid #1b334d;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 6px;
    background-color: #ecf3ff;
}

.MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
    width: 80%;
    margin: 0px auto;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li {
    margin: 0px !important;
    border-right: 1px solid #1b334d;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs.nav-justified>li {
    width: 100%;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    background: #1b334d;
    border: none !important;
    color: #fff !important;
    border-radius: 0;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 8px 9px -2px rgb(125 127 156 / 35%);
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    min-height: 93px;
    justify-content: center;
    text-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card_head {
    font-weight: 700;
    font-size: 16px;
    margin: 10px;
}

.tech_stack_img {
    width: 60%;
}

.MetaBlock_cryptoexchange_tabs .card:hover {
    transform: none;
}

@media(min-width:768px) {
    .MetaBlock_cryptoexchange_tabs .nav-tabs {
        display: flex;
    }
    .MetaBlock_cryptoexchange_tabs .card {
        border: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .card-header {
        display: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .MetaBlock_cryptoexchange_tabs .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc {
        background: #1b334d;
        font-weight: bold;
        padding: 10px;
        display: flex;
        margin-top: 15px;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc_head {
        color: #fff;
        font-weight: bold;
    }
    .MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
        width: 100%;
    }
    .tech_stack_img {
        width: 100%;
    }
    .MetaBlock_cryptoexchange_tabs .cryptocurrency_tabs_scroll_mobile {
        overflow: scroll;
        height: 317px;
    }
}

/*=========================================NFT Game Platform DEVELOPMENT=================================*/

.nft_gameplatform {
    padding: 50px 0px;
}

#nftgp_hero {
    background: radial-gradient(circle at 80% 50%, rgb(42 46 59) 0%, rgb(31 35 45) 42.71%, rgb(14 17 23) 100%);
    padding: 130px 0px 50px 0px;
}

#nftgp_hero .header-content {
    padding-top: 5rem;
}

#nftgp_hero .header-content h1 {
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    font-size: 45px !important;
}

#nftgp_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

#nftgp_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

.nftgp_custom_container {
    padding: 0px 50px;
}

#nftgp_sec1 {
    padding-top: 50px;
    padding: 0;
    overflow: hidden;
}

#nftgp_sec1 .row {
    display: flex;
    align-items: center;
}

#nftgp_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}

.nft_gameplatform#nftgp_sec2 .row {
    display: flex;
    justify-content: center;
}

.nftgb_dark_theme {
    background-color: #222631;
}

.nftgb_lite_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #222631;
}

.nftgb_dark_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #fff;
}

.nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
}

.nft_gameplatform#nftgp_sec2 .nftgp_sectitle_wrap {
    text-align: center;
}

.nft_gameplatform p {
    margin-bottom: 0;
}

.nftgb_dark_theme .nftgp_sectitle_wrap p {
    color: #dcdee4;
}

.nftgb_dark_theme .nftgp_box .nftgp_head {
    color: #fff;
}

.nftgb_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

.nft_gameplatform .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

#nftgp_sec3 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 {
    padding: 0;
    padding-top: 50px;
    overflow: hidden;
}

#nftgp_sec4 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 5rem;
}

#nftgp_sec4 .nftgp_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #7d8395;
    border-radius: 10px;
}

#nftgp_sec4 .nftgp_box img {
    border-radius: 10px;
    transition: .3s;
}

#nftgp_sec4 .nftgp_box img:hover {
    transform: scale(1.01);
}

#nftgp_sec4 .row:nth-child(2),
#nftgp_sec4 .row:nth-child(3),
#nftgp_sec4 .row:nth-child(4) {
    margin-bottom: 4rem;
}

#nftgp_sec4.nft_gameplatform .nftgp_box .nftgp_head {
    margin-top: 1rem;
}

#nftgp_sec5 .row:nth-child(2) {
    justify-content: center;
    display: flex;
}

#nftgp_sec5 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec5 .row:nth-child(2) .col-md-4 {
    padding: 0;
}

#nftgp_sec5 .row .col-md-4:nth-child(1) {
    background-color: #222631;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .row .col-md-4:nth-child(2) {
    background-color: #af27e7;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-left-radius: 20px;
}

#nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-right-radius: 20px;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul {
    padding: 0;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li {
    list-style: none;
    color: #fff;
    padding: 20px 20px;
    border-bottom: 1px solid #ffffff2b;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li.nftgp_diff_head {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #0000004d;
}

#nftgp_sec6 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec7.nft_gameplatform .nftgp_box {
    padding: 15px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 3px -2px black;
    border-radius: 5px;
    min-height: 100px;
}

#nftgp_sec7 .row:nth-child(2),
#nftgp_sec7 .row:nth-child(3) {
    margin-bottom: 2rem;
}

.nftgp_techsprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_techtitle {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #ffffffe6;
    color: #222631;
    padding: 20px 0px;
}

/*.nftgp_head {
    color: #222631;
    margin: 10px 0px;
    font-weight: 500;
}*/

.nftgp_techlist ul li {
    display: inline-block;
    text-align: center;
}

.nftgp_techlist ul {
    padding: 20px 0px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-around;
}

.nftgp_techstack_wrap {
    background-color: #ededed;
    margin-bottom: 3rem;
}

.keyfac-sprite {
    width: 120px;
    height: 120px;
    object-fit: none;
    transition: .2s;
}

.keyfac-sprite:hover {
    transform: scale(1.1);
}

.nftgp_whychoose {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .nftgp_custom_container {
        padding: 0px 00px;
    }
    #nftgp_hero .header-content h1 {
        font-size: 26px !important;
        text-align: center;
    }
    #nftgp_sec1 {
        padding: 35px 0px;
    }
    #nftgp_sec3 {
        padding: 35px 0px;
    }
    #nftgp_sec4 .nftgp_box {
        margin: 20px 0px;
    }
    #nftgp_hero .header-content {
        text-align: center;
    }
    .nftgp_sectitle_wrap {
        text-align: center;
    }
    .nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .nft_gameplatform#nftgp_sec2 .row,
    #nftgp_sec4 .row {
        display: block;
    }
    #nftgp_sec5 .row:nth-child(2) {
        justify-content: center;
        display: block;
    }
    #nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head,
    #nftgp_sec5 .row .col-md-4:nth-child(1),
    #nftgp_sec5 .row .col-md-4:nth-child(2),
    #nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
        border-radius: 0;
    }
    .nftgp_techlist ul {
        display: block;
        text-align: center;
    }
    .nftgp_techlist ul li {
        padding: 6px;
    }
    .nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
        display: block;
    }
}

.nftgp_servsprite {
    width: 231px;
    height: 231px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_box {
    display: flex;
    align-items: center;
}

/*
whitepaper style start*/

#white_paper_page {
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
}

@media(min-width:767px) {
    #white_paper_page .whitepaper_banner_sec {
        /* background-image: url('public/oimages/white-paper-img/whitepaper-banner.png'); */
        height: 600px;
        background-size: cover;
        background-position: top;
        display: grid;
        align-items: center;
    }
}

#white_paper_page .whitepaper_banner_sec .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#white_paper_page .whitepaper_banner_sec .contents {
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    padding-top: 10px;
}

#white_paper_page .whitepaper_btn:hover {
    color: #fff;
}

#white_paper_page .what_whitepaper,
#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_aspects,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_process,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_why,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire,
#white_paper_page .whitepaper_hire_do {
    padding: 0px;
}

#white_paper_page .what_whitepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_btn {
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    background-image: linear-gradient(315deg, #fbd100 0%, #ff660c 74%);
    font-size: 16px;
    padding: 8px 10px;
    box-shadow: 0 1px 27px #ff660c;
}

#white_paper_page .what_whitepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_whitepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .what_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_litepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .what_litepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_litepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_litepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_litepaper .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_comprehensive .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card {
    padding: 10px;
    margin-top: 20px;
    min-height: 200px;
    box-shadow: 0 0px 9px #ff660c7d;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    border: 1px solid #ff660c63;
    border-radius: 10px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_title {
    font-weight: 800;
    font-size: 25px;
    text-transform: capitalize;
    text-align: center;
    color: #ff660c;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_aspects .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
    line-height: 1.3;
}

#white_paper_page .whitepaper_aspects .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_aspects .card {
    position: relative;
}

#white_paper_page .whitepaper_aspects .card .face {
    transition: 0.5s;
    height: 116px
}

#white_paper_page .whitepaper_aspects .card .face.face1 {
    position: relative;
    background: #040029;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(86px);
    border: 1px solid #eeeef14a;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 {
    background: #e15300;
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover {
    padding: 10px;
    transition: 0.5s;
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover h3 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 .content__hover {
    opacity: 1;
}

#white_paper_page .whitepaper_aspects .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgb(0 0 0 / 80%);
    transform: translateY(-29px);
    height: 114px;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face2 {
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face2 p {
    padding: 10px;
    margin: 0;
}

#white_paper_page .whitepaper_investors .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_investors .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card {
    min-height: 240px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    margin-top: 30px;
    border-left: 1px solid #ff660c;
    padding: 5px 10px;
    border-right: 1px solid #ff660c;
    box-shadow: 0 0px 9px #4343439e;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_content {
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
}

#white_paper_page .whitepaper_process .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_process .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_process .whitepaper_process_card {
    min-height: 223px;
    margin-top: 30px;
    border: 2px dotted #50cef266;
    padding: 10px 7px;
    border-radius: 10px;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_needs .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_needs .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_why .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#white_paper_page .whitepaper_industries .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_industries .white_paper_industry_img {
    width: 35px;
    height: 35px;
    object-fit: none;
}

#white_paper_page .whitepaper_industries .whitepaper_industries_card {
    padding: 20px 12px;
    border-radius: 4px;
    border: 1px solid #ff690078;
    color: #3e3e3e;
    margin-top: 2rem;
    text-align: center;
}

#white_paper_page .whitepaper_industries .white_paper_industry_card_title {
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    padding-top: 10px;
    color: #fff;
}

#white_paper_page .whitepaper_hire .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}

#white_paper_page .whitepaper_hire .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card {
    padding: 10px 7px;
    background: linear-gradient(178deg, #0c003d 0%, #03001f 74%);
    box-shadow: 0 0px 9px #ff690091;
    min-height: 265px;
    border: 1px solid #ff690073;
    border-radius: 10px;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_title {
    color: #ff6900;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_hire_do .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_do_card {
    padding: 10px 10px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    box-shadow: 0 0px 9px #4343439e;
    min-height: 197px;
    margin-top: 20px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_title {
    color: #ff691e;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 10px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire_do {
    box-shadow: 0 0px 9px #00cbff7a;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_paper_page .whitepaper_why {
    position: relative;
}

#white_paper_page .whitepaper_why ul li:before {
    content: "\25BA";
    color: #ff6900;
    position: absolute;
    left: 30px;
}

#white_paper_page .whitepaper_process_row_align {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
    #white_paper_page .whitepaper_banner_sec .title {
        font-size: 30px;
        text-align: center;
    }
    #white_paper_page .whitepaper_banner_sec .contents {
        font-size: 20px;
        text-align: center;
        padding-bottom: 10px;
    }
    #white_paper_page .what_whitepaper .title {
        font-size: 25px;
    }
    #white_paper_page .what_whitepaper .contents {
        text-align: justify;
    }
    #white_paper_page .what_whitepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    .whitepaper_btn_mobile {
        text-align: center;
    }
    #white_paper_page .what_whitepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
        padding-top: 10px;
    }
    #white_paper_page .what_litepaper .contents,
    #white_paper_page .whitepaper_aspects .contents,
    #white_paper_page .whitepaper_investors .contents,
    #white_paper_page .whitepaper_needs .contents,
    #white_paper_page .whitepaper_hire_do .contents {
        text-align: justify;
    }
    #white_paper_page .what_litepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .what_litepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .whitepaper_litepaper .title,
    #white_paper_page .whitepaper_comprehensive .title,
    #white_paper_page .whitepaper_aspects .title,
    #white_paper_page .whitepaper_investors .title,
    #white_paper_page .whitepaper_process .title,
    #white_paper_page .whitepaper_needs .title,
    #white_paper_page .whitepaper_why .title,
    #white_paper_page .whitepaper_industries .title,
    #white_paper_page .whitepaper_hire .title,
    #white_paper_page .whitepaper_hire_do .title {
        font-size: 25px;
    }
    #white_paper_page .whitepaper_process .whitepaper_process_card {
        min-height: 0;
        min-height: initial;
    }
    #white_paper_page .whitepaper_hire .whitepaper_hire_card {
        min-height: 0;
        min-height: initial;
        margin-top: 30px;
    }
    #white_paper_page .whitepaper_industries .whitepaper_industries_card {
        min-height: 130px;
    }
}

/*
whitepaper style end*/

/*=========================================Metaverse DEVELOPMENT=================================*/

#metavdev_hero {
    background-color: #202036;
    /* background-image: url(../images/inner-pages/metaverse-development-company/banner1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.metavdev_custom_container {
    padding: 0px 50px;
}

#metavdev_hero .header-content {
    padding-top: 5rem;
}

#metavdev_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
    color: #000;
}

#metavdev_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #f1ae2a;
    color: #fff;
}

#metavdev_se4 a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

#metavdev_hero .header-content h1 {
    text-transform: capitalize;
    font-weight: 900;
    text-align: left;
    font-size: 50px !important;
    background-image: linear-gradient(90deg, #2f005b 0%, #682d86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    text-shadow: none;
}

#metavdev_sec1 {
    padding: 0;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

#metavdev_sec1 p {
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /* background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

#metavdev_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.MetaBlock_metaverse_deve p {
    margin-bottom: 0;
}

#metavdev_sec1 .row {
    display: flex;
    align-items: center;
}

.MetaBlock_metaverse_deve {
    padding: 40px 0px;
}

.metavdev_dark_theme {
    background-color: #eefaff;
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: left;
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

/*#metavdev_sec2{
    position: relative;
    background-position: center;
        padding-top: 50px;
    background-image: url(https://images.unsplash.com/photo-1626379945538-6c8824dd898f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
}*/

/*#metavdev_sec2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:linear-gradient(359deg, rgb(17 11 29 / 93%) 0.18%, rgb(61 26 58 / 92%) 100%);
    top: 0;
    opacity: 0.7;
    }*/

#metavdev_sec2 ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
}

#metavdev_sec2 ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

#metavdev_sec2 ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

/*#metavdev_sec2 ul:before {
position: absolute;
width: 100%;
height: 8px;
background-color: #ac93ee;
border-radius: 5px;
content: '';
bottom: -40px; 
}*/

#metavdev_sec2 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

#metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    position: relative;
    margin-bottom: 0.2rem;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title.title_alict:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap.title_alilt .nftgp_sec_title:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /*background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title:before {
    background-color: #fff;
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
}

/*#metavdev_sec2 ul li:before{
position: absolute;
    width: 25px;
    height: 25px;
    background-color: #ac93ee;
    border-radius: 50px;
    content: '';
    bottom: -48px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/

#metavdev_sec2.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

/*.metavdev_timestamp {
    position: absolute;
    bottom: -81px;
    left: 0;
    right: 0;
    font-size: 22px;
    font-weight: 700;
}*/

.metaban_span {
    display: block;
    font-weight: 300;
    font-size: 30px;
    margin-top: 1.5rem;
}

#metavdev_sec3 .nftgp_box {
    text-align: center;
    background-color: #ffffff17;
    border-radius: 5px;
    padding: 15px;
    min-height: 285px;
    /* margin-bottom: 3rem; */
    margin-top: 50px;
    box-shadow: inset -3px -6px 16px 0px #9f9ba1, inset 9px 5px 14px 0px #7c7c7c38;
}

/*#metavdev_sec3 .nftgp_box:hover {
    box-shadow: -3px -6px 16px 0px #fdfdfdb0, 9px 5px 14px 0px #00000026;
    transition: all .3s;
}*/

/*#metavdev_sec3 .nftgp_box:before {
    content: "";
    height: 60px;
    width: 60px;
    border-radius: 100px;
    background-color: #84c1ff2b;
    position: absolute;
    bottom: -28px;
    right: -10px;
    opacity: 0;
}*/

/*#metavdev_sec3 .nftgp_box:hover:before {
    opacity: 1;
}*/

/*.nftgp_box {
    transition: all .3s;
    padding: 0 45px 0px;
    margin: 20px;
    background: transparent linear-gradient(311deg, #ebecf0 0%, #ebecf0 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset -3px -6px 16px 0px #fdfdfdb0, inset 9px 5px 14px 0px #00000026;
    border-radius: 20px;
    height: 100%;
    position: relative;
}*/

#metavdev_sec3.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
    padding-top: 10px;
    text-align: center;
}

#metavdev_se4 .nftgp_box .nftgp_head {
    color: #202036;
    font-size: 17px;
    margin-bottom: 0px;
    text-align: center;
}

/*#metavdev_se4{
    background-size: cover;
    padding: 50px;
    position: relative;
    background-image: url(https://images.unsplash.com/photo-1620120966883-d977b57a96ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
}*/

/*#metavdev_se4:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background : linear-gradient(359deg, rgb(65 31 61 / 90%) 0.18%, rgb(54 54 113 / 92%) 100%);
}*/

#metavdev_se4 .nftgp_box {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 31.18%, rgb(255 255 255) 100%);
    padding: 15px;
    /* margin-bottom: 1.5rem; */
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    box-shadow: 0px 0px 6px #ccc;
    display: flex;
    align-items: center;
    min-height: 75px;
    justify-content: center;
}

#metavdev_se4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    margin-bottom: .2rem;
}

#metavdev_se5 .row:nth-child(1) {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se5 .nftgp_sectitle_wrap p {
    color: #000;
}

#metavdev_se5 .row:nth-child(2),
#metavdev_se5 .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box {
    background: #fff;
    padding: 10px;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    min-height: 436px;
    box-shadow: 0px 0px 9px #ccc;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #3a0863;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    color: #000;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_content_wrap {
    margin: 27px 5px;
}

#metavdev_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#sec7_bg1 {
    background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat;
    background-size: cover;
}*/

#metavdev_se8 .nftgp_box {
    height: 195px;
    width: 182px;
    position: relative;
}

#metavdev_se8 .nftgp_content_wrap {
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(1deg, #4747c2 0%, #2c2c67 74%);
}

#metavdev_se8 .nftgp_head {
    background: linear-gradient(1deg, #3e0070 0%, #1d004c 74%);
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 800;
    width: 195px;
    margin: 0 auto;
    font-size: 20px;
}

#metavdev_se8 .owl-nav .owl-prev,
#metavdev_se8 .owl-nav .owl-next {
    border: 3px solid #f3b5ff;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #e14fff;
}

#metavdev_se8 .owl-nav .owl-prev {
    left: 0px;
}

#metavdev_se8 .owl-nav .owl-next {
    right: 0px;
}

#metavdev_se8 .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    width: 100%;
}

#metavdev_se8 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se6 .nftgp_box {
    padding: 15px 20px;
    min-height: 175px;
    border-radius: 12px;
    border: 1px solid #3a0863;
    box-shadow: 4px 5px 0 #3a0863;
}

/*#metavdev_se6{
    position: relative;
    background-size: cover;
    background-image: url(https://images.unsplash.com/photo-1511447333015-45b65e60f6d5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1255&q=80);
}*/

/*#metavdev_se6:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
     background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
 }*/

#metavdev_se6 .nftgp_box .nftgp_head {
    text-align: center !important;
}

#metavdev_se6 .nftgp_box .nftgp_desc {
    color: #202036;
    font-weight: 500;
    text-align: center;
}

#metavdev_se6 .row {
    margin-bottom: 3rem;
}

#metavdev_se6 .row:nth-child(4) {
    margin-bottom: 0;
}

#metavdev_se11 .nav-tabs {
    display: none;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a:hover {
    color: #e900ff !important;
}

#metavdev_se11 .nav-tabs>li.active>a,
#metavdev_se11 .nav-tabs>li.active>a:focus,
#metavdev_se11 .nav-tabs>li.active>a:hover {
    color: #e900ff !important;
    background: transparent;
    border: none;
    border-bottom: 2px solid #e900ff;
}

#metavdev_se11 .nav-tabs>li>a:hover {
    background: transparent;
    color: #e900ff;
}

#metavdev_se11 .nav-tabs>li>a {
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

@media(min-width:768px) {
    #metavdev_se11 .nav-tabs {
        display: flex;
        justify-content: center;
    }
    #metavdev_se11 .card {
        border: none;
    }
    #metavdev_se11 .card .card-header {
        display: none;
    }
    #metavdev_se11 .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #metavdev_se11 .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    #metavdev_se4 .nftgp_box,
    #metavdev_se6 .nftgp_box {
        min-height: 0px !important
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title {
        text-align: center !important;
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title:before {
        left: 40%;
    }
}

#metavdev_se11 .nav-tabs {
    border-bottom: 1px solid #dddddd57;
}

#metavdev_se11 .tech_stact_card_content {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    padding-top: 10px;
    margin-bottom: 0px;
}

#metavdev_se11 .tech_stact_card {
    margin-top: 20px;
    border: 1px dotted #ffffff70;
    text-align: center;
    padding: 10px;
}

#opensea_clone_script #metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(100);
}

#metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(0);
}

/*#metavdev_sec2 ul li:hover{
  background: #7900ff;
      box-shadow: 0 0px 9px #7900ff;
    border: 1px solid #7900ff;
    
}*/

#metavdev_se8 .nftgp_img_sprite {
    width: 195px !important;
    height: 182px;
    object-fit: none;
}

@media only screen and (max-width: 600px) {
    #metavdev_hero {
        background: #440f2f;
    }
    #metavdev_hero .header-content h1 {
        background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    }
    #metavdev_hero .header-content .heading-tagline {
        color: #fff;
    }
    #metavdev_sec2 ul {
        display: grid;
    }
    #metavdev_sec2 ul li {
        width: 100%;
        margin: 10px 0px;
    }
    #metavdev_se5 .row:nth-child(2),
    #metavdev_se5 .row:nth-child(3) {
        display: grid;
    }
    #metavdev_se9 {
        display: none;
    }
    .metavdev_custom_container {
        padding: 0px;
    }
    #metavdev_hero .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        line-height: 1;
    }
    #metaverse_dev_company .metaban_span {
        font-size: 23px;
    }
    #metaverse_dev_company .MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title,
    #metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_dev_company .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
        text-align: center;
        font-size: 27px;
    }
    #metavdev_sec1 p {
        text-align: center;
    }
    #metavdev_se6 .nftgp_box {
        margin-top: 30px;
    }
    #metavdev_se10 .nftgp_box {
        margin-top: 20px;
    }
    #metavdev_se11 [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #metavdev_se11 .card-header {
        background: #fff;
        margin-top: 20px;
    }
    #metavdev_se11 .fa-chevron-down:before {
        content: "\f078";
    }
    #mdc_collapse-C .card-body .row {
        display: grid;
    }
    #metavdev_se11 .card-header h5 {
        color: #000;
        font-weight: 800;
        font-size: 18px;
    }
    #metavdev_se11 .card-body {
        height: 200px;
        overflow: scroll;
    }
}

/*#metavdev_se7{
    position: relative;
    padding:50px 0px;
    background-size: 42px 42px;
    background-image: radial-gradient(circle at center center, rgba(255,255,255, 0.05) 0%, rgba(255,255,255, 0.05) 15%,rgba(197, 197, 197,0.05) 15%, rgba(197, 197, 197,0.05) 34%,rgba(178, 178, 178,0.05) 34%, rgba(178, 178, 178,0.05) 51%,rgba(237, 237, 237,0.05) 51%, rgba(237, 237, 237,0.05) 75%,rgba(138, 138, 138,0.05) 75%, rgba(138, 138, 138,0.05) 89%,rgba(158, 158, 158,0.05) 89%, rgba(158, 158, 158,0.05) 100%),radial-gradient(circle at center center, rgb(32,32,54) 0%, rgb(32,32,54) 6%,rgb(32,32,54) 6%, rgb(32,32,54) 12%,rgb(32,32,54) 12%, rgb(32,32,54) 31%,rgb(32,32,54) 31%, rgb(32,32,54) 92%,rgb(32,32,54) 92%, rgb(32,32,54) 97%,rgb(32,32,54) 97%, rgb(32,32,54) 100%); 

}*/

#metavdev_se7 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se7:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}

#metavdev_se7 .nftgp_box {
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    /* box-shadow: 0 0px 9px #0ee3cf;
    border: 1px solid #0ee3c5;*/
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 0px 14px #c5c5c5c2;
}

/*#metavdev_se7 .nftgp_box:before {
    background: linear-gradient(90deg, #45457d 0%, #20203652 74%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
}*/

#metavdev_se7.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    color: #000;
}

/*#metadev7_clone {
    background-image: url(https://images.unsplash.com/photo-1624398891398-fbb14f1acc11?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
    background-size: cover;
    background-position: center;
} */

#metavdev_se9 .nftgp_box {
    background-color: #fff;
    padding: 25px;
    position: relative;
    border: 1px solid #dcdcdc;
}

#metavdev_se9 .nftgp_box .sec9_count {
    background-color: #481b93;
    border-radius: 50px;
    width: 40px;
    /* text-align: center; */
    height: 40px;
    position: absolute;
    top: -20px;
    font-weight: 600;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-bottom: 4px;
}

#metavdev_se9 .nftgp_box.nftgp_horiline,
#metavdev_se9 .nftgp_box.nftgp_vertline,
#metavdev_se9 .nftgp_box.nftgp_lthoriline {
    position: relative;
    z-index: 0;
}

#metavdev_se9 .row:nth-child(2) {
    margin-bottom: 3rem;
}

#metavdev_se9 .nftgp_box.nftgp_horiline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    right: -32px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9 .nftgp_box.nftgp_vertline:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 32px;
    background-color: #fff;
    bottom: -31px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#metavdev_se9 .nftgp_box.nftgp_lthoriline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    left: -31px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
}

#metavdev_se9 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#metavdev_se10{
    position: relative;
    background:url(https://images.unsplash.com/photo-1604818640599-71bda0165d53?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80);
}
#metavdev_se10:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
}*/

#metavdev_se10 .nftgp_box {
    padding: 10px;
    /* background-image: linear-gradient(22deg, #c4c8ec 0%, #ffffff 100%); */
    border-radius: 12px;
    background: #fff;
    border: 1px solid #3a0863;
    box-shadow: inset 3px -2px 0px 0px #3a0863;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metavdev_se10.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 17px;
    text-align: center;
}

#metavdev_se10 .row:nth-child(2),
#metavdev_se10 .row:nth-child(3) {
    margin-bottom: 2rem;
}

/*=========================================Metaverse DEVELOPMENT -END=================================*/

/*opensea clone style start*/

#opensea_clone_script {
    background-color: #000000;
    background-image: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding-bottom: 60px;
}

#opensea_clone_script .row_align {
    justify-content: center;
    display: flex;
}

#opensea_clone_script .ocs_banner,
#opensea_clone_script .ocs_nft,
#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    padding: 0px;
}

#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    margin-top: 80px;
}

@media (min-width: 767px) {
    #opensea_clone_script .ocs_banner {
        height: 600px;
        display: flex;
        align-items: center;
        /* background: url(../images/inner-pages/opensea-clone/banner.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
}

#opensea_clone_script .ocs_banner .title {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
}

#opensea_clone_script .ocs_banner .contents {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

#opensea_clone_script .ocs_nft .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .ocs_nft .contents {
    color: #fff;
    font-size: 16px;
    position: relative;
}

#opensea_clone_script .ocs_nft .contents:before {
    content: "\25BA";
    position: absolute;
    color: #9402d6;
    left: -24px;
}

#opensea_clone_script .ocs_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(126deg, #ab05ff 0%, #8600bd 98%);
    border: transparent;
    border-radius: 5px;
    box-shadow: inset -4px -4px 0px #680593;
}

#opensea_clone_script .ocs_btn:hover {
    color: #fff;
}

#opensea_clone_script .osc_video .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .osc_video .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_whitelabel .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_design {
    padding: 20px;
}

#opensea_clone_script .osc_whitelabel .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_whitelabel ul {
    padding-left: 0px;
}

#opensea_clone_script .osc_whitelabel ul li {
    list-style: none;
    padding-top: 15px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_subdesign {
    background: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px -2px 12px 2px #680593;
}

#opensea_clone_script .osc_whitelabel .whitelabel_icons {
    line-height: 1.5;
    color: #680593;
}

#opensea_clone_script .osc_features .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

#opensea_clone_script .osc_features .nav-tabs {
    display: none;
}

#opensea_clone_script .osc_features .nav-item .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

@media(min-width:768px) {
    #opensea_clone_script .osc_features .nav-tabs {
        display: flex;
        justify-content: center;
        border-bottom: none;
    }
    #opensea_clone_script .osc_features .card {
        border: none;
    }
    #opensea_clone_script .osc_features .card .card-header {
        display: none;
    }
    #opensea_clone_script .osc_features .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #opensea_clone_script .osc_features .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#opensea_clone_script .osc_features .osc_features_card {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #9b02e2;
    box-shadow: 3px 3px 0px 0px #9b02e2;
    border-radius: 0px 20px;
}

#opensea_clone_script .osc_features .osc_features_content {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 800;
}

#opensea_clone_script .osc_features .nav-tabs>li>a {
    margin-right: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
}

#opensea_clone_script .osc_features .nav-tabs>li {
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav-tabs>li.active>a,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:focus,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:hover {
    background-color: #9b02e2;
    color: #fff;
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav>li>a:focus,
#opensea_clone_script .osc_features .nav>li>a:hover {
    background: transparent;
    border: transparent;
}

#opensea_clone_script .osc_tech_stack .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #fff;
    text-shadow: none;
    position: relative;
}

#opensea_clone_script .osc_advantages .title {
    font-size: 28px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_advantages .main {
    width: 250px;
    height: 250px;
    border: 1px solid #CCC;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#opensea_clone_script .osc_advantages .main:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #9b02e2 !important;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: opensea_circle 6s linear infinite;
}

@keyframes opensea_circle {
    0% {
        transform: rotate(0deg) translate(-125px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(-125px) rotate(-360deg);
    }
}

#opensea_clone_script .osc_advantages ul li {
    list-style: none;
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    font-weight: bold;
}

#opensea_clone_script .osc_advantages ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .title {
    font-size: 45px;
    text-align: left;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_customcurrencies .sub_title {
    text-align: left;
    color: #fff;
}

#opensea_clone_script .osc_customcurrencies .sub_content {
    display: grid;
    justify-content: center;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .sub_title_1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    margin-top: 50px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #9b02e2;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#opensea_clone_script .osc_customcurrencies .osc_row_align {
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_left {
    margin-left: 60px;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical {
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #9401d9;
    transform: translate(-50%, 50%);
    color: #000;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#opensea_clone_script .osc_business .title {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_business .osc_business_card {
    margin-top: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 25px 0px 25px 0px;
}

#opensea_clone_script .osc_business .osc_business_card_content {
    color: #000;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_build_platform .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#opensea_clone_script .osc_collaboration .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card {
    padding: 20px;
    background: #fff;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 6px 6px 0px 0px #9401d9;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_content {
    text-align: center;
    margin-bottom: 0px;
    padding-top: 10px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before {
    position: relative;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
    content: "";
    height: 5px;
    width: 100%;
    background: #9401d9;
    position: absolute;
    top: 50%;
}

#opensea_clone_script .osc_whychoose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_whychoose ul li {
    list-style: none;
    padding-top: 20px;
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_whychoose ul li i {
    color: #9401d9;
}

#opensea_clone_script .osc_whychoose ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_live .title {
    font-size: 45px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#opensea_clone_script .osc_live .osc_live_card {
    background: #fff;
    padding: 20px;
    min-height: 145px;
    margin-top: 30px;
    border-radius: 30px 0px 30px 0px;
}

#opensea_clone_script .osc_live .osc_live_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_live .osc_live_card_content {
    margin-bottom: 0px;
    text-align: center;
    padding-top: 10px;
}

#opensea_clone_script .animate_border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #9202d2;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 50px;
}

#opensea_clone_script .animate_border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    animation: opensea_animborder 2s linear infinite;
    border-radius: 50px;
}

@keyframes opensea_animborder {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(113px)
    }
}

@media only screen and (max-width: 600px) {
    .osc_advantages .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .ocs_banner .title,
    #opensea_clone_script .ocs_nft .title,
    #opensea_clone_script .osc_video .title,
    #opensea_clone_script .osc_whitelabel .title,
    #opensea_clone_script .osc_features .title,
    #opensea_clone_script .osc_customcurrencies .title,
    #opensea_clone_script .osc_business .title,
    #opensea_clone_script .osc_build_platform .title,
    #opensea_clone_script .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #opensea_clone_script .osc_collaboration .title,
    #opensea_clone_script .osc_whychoose .title,
    #opensea_clone_script .osc_live .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #opensea_clone_script .ocs_banner .contents,
    #opensea_clone_script .osc_video .contents,
    #opensea_clone_script .osc_whitelabel .contents,
    #opensea_clone_script .osc_customcurrencies .sub_title {
        text-align: justify;
    }
    #opensea_clone_script .ul_mob {
        padding-left: revert !important;
    }
    #opensea_clone_script .osc_customcurrencies .sub_title_1 {
        font-size: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before:before,
    #opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
        display: none;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_right {
        margin-right: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_left {
        margin-left: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_business_mob {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_card {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
        display: none;
    }
    #opensea_clone_script .osc_btn_mob {
        text-align: center !important;
    }
    #opensea_clone_script .ocs_banner {
        padding-top: 100px;
    }
    #opensea_clone_script .ocs_btn_mob {
        text-align: center;
    }
    #opensea_clone_script .ocs_nft .contents {
        text-align: justify;
    }
    #opensea_clone_script .ocs_nft .contents:before {
        display: none;
    }
    #opensea_clone_script .animate_border {
        margin: 0 auto;
    }
    #opensea_clone_script .osc_advantages .main {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .osc_features .card-header {
        padding: 5px;
        background: #fff;
        margin-top: 20px;
    }
    #opensea_clone_script .osc_features .card-body {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_features [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #opensea_clone_script .fa-chevron-down:before {
        content: "\f078";
    }
    #opensea_clone_script .osc_features .card-header h5 {
        font-size: 17px;
        font-weight: 800;
        padding: 0px 10px;
    }
}

/*opensea clone style end*/

/*metaverse game dev style start*/

#metaverse_game_development .row_justify {
    display: flex;
    justify-content: center;
}

#metaverse_game_development .row_align {
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_nft_game {
    background: linear-gradient(130deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_collabration {
    background: linear-gradient(326deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_why_MetaBlock {
    background: linear-gradient(21deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_benefits,
#metaverse_game_development .osc_tech_stack {
    background: linear-gradient(323deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_advantage {
    background: linear-gradient(106deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_main_benefits {
    background: linear-gradient(178deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_build_platform {
    background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_banner,
#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_collabration,
#metaverse_game_development .mgd_why_MetaBlock {
    padding: 0px;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_why_MetaBlock,
#metaverse_game_development .mgd_collabration {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 767px) {
    #metaverse_game_development .mgd_banner {
        /* background-image: url('public/images/inner-pages/metaverse-game-dev/banner.png'); */
        height: 650px;
        display: grid;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
}

#metaverse_game_development .mgd_banner .title {
    color: #fff;
    font-size: 45px;
    text-align: left;
    font-weight: 800;
}

#metaverse_game_development .mgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 22px;
    padding-top: 15px;
    line-height: 1.3;
}

#metaverse_game_development .mgd_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(130deg, rgba(245, 74, 5, 1) 16%, rgba(166, 34, 21, 1) 58%, rgb(117 0 69) 91%);
    border-radius: 20px 0px 20px 0px;
    border: none;
}

#metaverse_game_development .mgd_btn:hover {
    color: #fff;
}

#metaverse_game_development .mgd_heighlights {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#metaverse_game_development .game_icon {
    font-size: 20px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

#metaverse_game_development .mgd_platform .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#metaverse_game_development .mgd_platform .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

#metaverse_game_development .mgd_platform .sub_content {
    color: #fff;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform_main {
    margin-top: 40px;
}

#metaverse_game_development .mgd_live .title {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#metaverse_game_development .mgd_live ul li {
    list-style: none;
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_live ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 16px;
}

#metaverse_game_development .mgd_live ul li i {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotation 2s infinite linear;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_element .mgd_element_card {
    padding: 10px;
    min-height: 158px;
    margin-top: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_element .mgd_element_img {
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #b12712;
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 0px 6px 0px #d3390c;
}

#metaverse_game_development .mgd_element .mgd_element_img:hover {
    box-shadow: 0px -1px 0px 5px #d3390c;
}

#metaverse_game_development .mgd_benefits .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card {
    padding: 15px;
    box-shadow: inset -3px -6px 16px 0px #897f7f8c, inset 9px 5px 14px 0px #202036;
    background-color: #ffffff17;
    border-radius: 5px;
    margin-top: 30px;
    min-height: 200px;
    display: grid;
    align-items: center;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card {
    padding: 10px;
    margin-top: 20px;
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    box-shadow: 8px 0px 0px 0px #f77905;
    border-radius: 20px 0px 20px 0px;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card_content {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_main_benefits .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card {
    padding: 20px;
    margin-top: 40px;
    border-radius: 20px;
    min-height: 285px;
    box-shadow: -1px 1px 6px 4px #00000087;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon_main {
    position: relative;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon {
    font-size: 40px;
    /*animation: zoom-in-zoom-out 2s ease-out infinite;*/
    color: #f77905;
    transform: rotate(323deg);
    position: absolute;
    top: -15px;
    left: -14px;
}

#metaverse_game_development .mgd_build_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
    padding: 15px;
    margin-top: 20px;
    min-height: 355px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_head {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_in {
    height: 70px;
    width: 70px;
    background: #181226;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #f77905;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out:before {
    content: "";
    -webkit-clip-path: polygon(100% 0, 0 0, 51% 100%);
    clip-path: polygon(100% 0, 0 0, 51% 100%);
    position: absolute;
    bottom: -20px;
    width: 30px;
    height: 30px;
    background: #f77905;
}

#metaverse_game_development .mgd_nft_game .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    display: flex;
    align-items: center;
    height: 450px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #fa7903fc;
    border-radius: 0px 80px 0px 80px;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    padding: 10px;
    border: 2px solid #ff6e00;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_nft_game .owl-dots {
    display: none;
}

#metaverse_game_development .mgd_nft_game .owl-carousel .owl-item img {
    width: 100% !important;
}

#metaverse_game_development .mgd_nft_game .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff6a00;
}

#metaverse_game_development .mgd_collabration .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card {
    padding: 40px 20px;
    margin-top: 20px;
    border-top: 2px dotted #ff7300;
    border-left: 2px dotted #ff7300;
    border-right: 2px dotted #ff7300;
    position: relative;
    border-radius: 20px;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    background: #ff7300;
    padding: 7px;
    position: absolute;
    top: 32px;
    left: 0;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_content {
    text-align: left;
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
}

#metaverse_game_development .mgd_why_MetaBlock .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li {
    display: flex;
    margin-top: 25px;
    align-items: center;
}

#metaverse_game_development .mgd_why_MetaBlock ul li i {
    color: #ff7300;
    font-size: 18px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    padding-left: 15px;
}

#metaverse_game_development .mgd_why_MetaBlock .mgd_why_MetaBlock_ul {
    display: grid;
    justify-content: flex-end;
}

#metaverse_game_development .metaverse_game_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_game_development .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

#metaverse_game_development .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    #metaverse_game_development .row_justify {
        display: inline;
        display: initial;
    }
    #metaverse_game_development .row_align {
        display: inline;
        display: initial;
    }
    .mgd_banner {
        background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #metaverse_game_development .mgd_banner .title {
        font-size: 30px;
        text-align: center;
    }
    #metaverse_game_development .mgd_banner .contents {
        text-align: center;
    }
    .mgd_btn_mob {
        text-align: center;
    }
    #metaverse_game_development .mgd_platform .title,
    #metaverse_game_development .mgd_live .title,
    #metaverse_game_development .mgd_element .title,
    #metaverse_game_development .mgd_benefits .title,
    #metaverse_game_development .mgd_build_platform .title,
    #metaverse_game_development .mgd_nft_game .title,
    .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_game_development .mgd_collabration .title,
    #metaverse_game_development .mgd_why_MetaBlock .title {
        font-size: 25px;
        line-height: 1.3;
    }
    #metaverse_game_development .mgd_platform .contents {
        text-align: justify;
    }
    #metaverse_game_development .mgd_platform .sub_title,
    #metaverse_game_development .mgd_platform .sub_content {
        text-align: center;
    }
    #metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
        margin-top: 0px;
        min-height: 0;
        min-height: initial;
    }
}

/*metaverse game dev style end*/

/*celebrity nft marketplace style start*/

#celebrity_nft_marketplace_dev {
    background: linear-gradient(45deg, #2f0f37, #1d0b3c, #1a0817);
    padding-bottom: 80px;
}

#celebrity_nft_marketplace_dev .cnmd_banner,
#celebrity_nft_marketplace_dev .cnmd_business,
#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    padding: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    margin-top: 50px;
}

@media (min-width: 767px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        /* background: url(public/images/inner-pages/celebrity-nft-marketplace/banner.jpg); */
        height: 600px;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
}

#celebrity_nft_marketplace_dev .cnmd_banner .title {
    font-size: 40px;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 2px 2px #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_banner .contents {
    font-size: 18px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
    line-height: 1.6;
}

#celebrity_nft_marketplace_dev .row_justify {
    display: flex;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .row_align {
    display: flex;
    align-items: center;
}

#celebrity_nft_marketplace_dev .cnmd_btn {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    background: #ff5e00;
    border-radius: 5px;
}

#celebrity_nft_marketplace_dev .cnmd_business .title {
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_business .contents {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .contents {
    color: #fff;
    font-size: 17px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_platform .contents {
    text-align: center;
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
    padding: 20px 10px;
    background: #ffffff0f;
    margin-top: 35px;
    border: 1px solid #ffffff1c;
    border-radius: 10px;
    min-height: 335px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:after {
    top: 0%;
    right: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-left-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:before {
    top: 0%;
    left: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-right-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design {
    height: 70px;
    width: 70px;
    border-radius: 0px 0px 50% 50%;
    background: #ff5e00;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .title {
    text-align: left;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before {
    content: " \25C9";
    position: absolute;
    color: #ff5e00;
    left: -20px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 15px;
    line-height: 1.5;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card {
    background: #2f1a46b5;
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 4px 0px 0px #fb6711;
    border: 1px solid #e1d9e914;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_counter {
    counter-reset: cnmd_counter_increment;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card:before {
    counter-increment: cnmd_counter_increment;
    content: counter(cnmd_counter_increment);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background: #ff5e00;
    position: absolute;
    top: 8px;
    left: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card_content {
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_features .title {
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.2;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card {
    margin-top: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title {
    font-size: 20px;
    font-weight: 800;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title:before {
    content: "|";
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_content {
    font-size: 17px;
    color: #fff;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
    display: none;
}

@media(min-width:768px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
        display: flex;
        border-bottom: 0;
        border-bottom: initial;
        justify-content: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card {
        border: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .card-header {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-link {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:hover {
    background-color: #fb6711;
    color: #fff;
    border: none;
    border-radius: 40px 0px 40px 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
    border: none;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 19px;
    color: #fff;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 1px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 20px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li:before {
    content: "\276F";
    position: absolute;
    left: -15px;
    color: #ff5e00;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title {
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li {
    list-style: none;
    color: #fff;
    padding-top: 25px;
    font-size: 17px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
    content: "\25B6";
    position: absolute;
    left: -20px;
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_process .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_process .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card {
    display: flex;
    min-height: 295px;
    margin-top: 30px;
    border: 1px solid #ffffff38;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_content {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head_des {
    background: #fb6711;
    padding: 20px;
    border-radius: 0% 10px 90% 0px;
    width: 165px;
    height: 165px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_content_des {
    padding: 10px 15px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:before {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:after {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 1px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px 2px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
    width: 20px;
    height: 20px;
    background: #fb6711;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before {
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    right: 0;
    top: 130px;
    left: 0;
}

#celebrity_nft_marketplace_dev .cnmd_turn .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card {
    padding: 15px 10px;
    margin-top: 20px;
    border: 1px dotted #ff5e00;
    min-height: 170px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    min-height: 105px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .platform_icons {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

#celebrity_nft_marketplace_dev .platform_icons_new {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#celebrity_nft_marketplace_dev .process_icons_new {
    height: 70px;
    width: 70px;
    object-fit: none;
    margin: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_line {
    width: 100px;
    height: 2px;
    background: #ff5e00;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        height: 500px;
        display: flex;
        align-items: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .title,
    #celebrity_nft_marketplace_dev .cnmd_business .title,
    #celebrity_nft_marketplace_dev .cnmd_superlative .title,
    #celebrity_nft_marketplace_dev .cnmd_platform .title,
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity .title,
    #celebrity_nft_marketplace_dev .cnmd_features .title,
    #celebrity_nft_marketplace_dev .cnmd_benefits .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title,
    #celebrity_nft_marketplace_dev .cnmd_process .title,
    #celebrity_nft_marketplace_dev .cnmd_collaboration .title,
    #celebrity_nft_marketplace_dev .cnmd_turn .title,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .contents,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_btn_mob {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_business .contents,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
        text-align: justify;
    }
    #celebrity_nft_marketplace_dev .cnmd_line {
        margin: 0 auto;
    }
    #celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
        min-height: auto;
    }
    #celebrity_nft_marketplace_dev .row_align {
        display: grid;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header {
        background: #fff;
        padding: 8px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header h5 {
        font-weight: 800;
        font-size: 18px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-body {
        height: 250px;
        overflow: scroll;
    }
}

/*celebrity nft marketplace style end*/

/*cryptocurrency exchange script new style start*/

.cryptocurrency_exchange_script {
    background: #fff;
    padding-bottom: 50px;
}

.cryptocurrency_exchange_script .cesd_banner,
.cryptocurrency_exchange_script .cesd_what,
.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    padding: 0px;
}

.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    /* margin-top: 70px;*/
    padding-top: 60px;
}

.cryptocurrency_exchange_script .row_justify {
    display: flex;
    justify-content: center;
}

.cryptocurrency_exchange_script .row_align {
    display: flex;
    align-items: center;
}

.cryptocurrency_exchange_script .cesd_banner {
    background: #fff;
    height: 100%;
    padding-top: 130px;
    padding-bottom: 80px;
}

.cryptocurrency_exchange_script .cesd_banner .title {
    font-weight: 800;
    text-align: left;
    font-size: 35px;
    text-transform: uppercase;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_banner .contents {
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_btn {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    background: #9d0035;
    border-radius: 5px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card {
    border: 1px solid #000;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card_main {
    width: auto;
}

.cryptocurrency_exchange_script .cesd_what .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_what .contents {
    color: #000;
    font-size: 16px;
    text-align: center;
}

.cryptocurrency_exchange_script .cesd_whitelabel {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_whitelabel .title {
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_whitelabel .contents {
    color: #000;
    font-size: 16px;
    text-align: justify;
}

.cryptocurrency_exchange_script .cesd_scope .title {
    font-size: 35px;
    color: #000;
    font-weight: 800;
    text-align: left;
    line-height: 1.1;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_scope ul li {
    list-style: none;
    color: #000;
    font-size: 16px;
    padding-top: 15px;
    position: relative;
}

.cryptocurrency_exchange_script .cesd_scope ul li:before {
    content: "\25B6";
    color: #1ef4f4;
    position: absolute;
    left: -20px;
}

.cryptocurrency_exchange_script .cesd_workflow {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_workflow .title {
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .title {
    color: #000;
    font-weight: 800;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_various_business .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card {
    margin-top: 30px;
    min-height: 408px;
    border: 1px solid #ae2a54;
    padding: 20px;
    box-shadow: 0px 0px 4px 2px #ae2a54;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_head {
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    padding-top: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_content {
    color: #000;
    text-align: justify;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    background: #ae2a54;
}

.cryptocurrency_exchange_script .cesd_features .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_features .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head {
    color: #000;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head:before {
    content: "|";
    color: #9d0035;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_corefeatures {
    background: linear-gradient(144deg, #16a7af, transparent, transparent, transparent, transparent, #16a7af);
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
    display: none;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
    color: #000;
    font-weight: 800;
    font-size: 20px;
}

@media(min-width:768px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
        display: flex;
        border-bottom: none;
        justify-content: center;
        border: 1px solid #15e9f4;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li {
        border-left: 1px solid #15e9f4;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a:hover {
        background: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
        margin-right: 0px;
        border: none;
        border-radius: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a:hover {
        background-color: #16a7af;
        color: #fff;
        border: 0px;
        border-bottom-color: #fff;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card {
        border: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .card-header {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
    margin-top: 20px;
    border: 1px solid #16a7af;
    padding: 13px;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 3px 3px 0px #16a7af;
    min-height: 212px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_head {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-top: 10px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_content {
    text-align: center;
    font-size: 16px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_clone .title {
    font-weight: 800;
    text-align: left;
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_clone .contents {
    text-align: left;
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card {
    padding: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_clone .item {
    background: #001b1d;
    /* box-shadow: 1px 2px 1px 1px #fff; */
    border: 1px solid #053e42;
    border-radius: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_icon_design {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #d40042;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 1px #d80043;
}

.cryptocurrency_exchange_script .cesd_clone .owl-dots {
    display: none;
}

.cryptocurrency_exchange_script .cesd_clone .owl-nav {
    position: absolute;
    left: 47%;
    bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_clone .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 20px;
    margin: 5px;
    padding: 4px 10px;
    background: #c7094d;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.cryptocurrency_exchange_script .cesd_platform {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
    padding: 20px 30px;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_head {
    color: #000;
    font-size: 20px;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .timeline_after {
    position: relative;
}

.cryptocurrency_exchange_script .timeline_after:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0px;
    background: #000;
    left: 50%;
    right: 50%;
    width: 1px;
}

.cryptocurrency_exchange_script .timeline_counter_after {
    position: relative;
    overflow: hidden;
    counter-increment: timeline_counter_before;
}

.cryptocurrency_exchange_script .timeline_counter_after:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #0eb4bd;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    content: counter(timeline_counter_before);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
}

.cryptocurrency_exchange_script .timeline_counter_after:before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    border: 2px solid #fff;
    border-left-color: #c7094d;
    border-right-color: #c7094d;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.cryptocurrency_exchange_script .cesd_collaboration {
    background: #fff;
    margin-bottom: 35px;
}

.cryptocurrency_exchange_script .cesd_collaboration .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card {
    margin-top: 35px;
    padding: 20px;
    background: linear-gradient(4deg, #b11848, #e01a58, #bd194c);
    border: 1px dotted #ffffff24;
    border-radius: 20px 0px 20px 0px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_project {
    background: #fff;
}

.cryptocurrency_exchange_script .cesd_project .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_content {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #16b4bd;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0eb4bda8;
    box-shadow: 0px 0px 4px 3px #16b4bd;
}

.cryptocurrency_exchange_script .project_after_line {
    position: relative;
}

.cryptocurrency_exchange_script .project_after_line:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #0eb4bd;
    position: absolute;
    top: 140px;
}

.cryptocurrency_exchange_script .project_after_round {
    width: 20px;
    height: 20px;
    background: #0eb4bd;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_business_icon {
    height: 60px;
    width: 60px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_clone_icon {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_project_icon {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.cryptocurrency_exchange_script .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    .cryptocurrency_exchange_script .row_justify {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .row_align {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .cesd_banner .title,
    .cryptocurrency_exchange_script .cesd_whitelabel .title,
    .cryptocurrency_exchange_script .cesd_scope .title,
    .cryptocurrency_exchange_script .cesd_various_business .title,
    .cryptocurrency_exchange_script .cesd_features .title,
    .cryptocurrency_exchange_script .cesd_corefeatures .title,
    .cryptocurrency_exchange_script .cesd_clone .title,
    .cryptocurrency_exchange_script .cesd_platform .title,
    .cryptocurrency_exchange_script .cesd_collaboration .title,
    .cryptocurrency_exchange_script .cesd_project .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    .cryptocurrency_exchange_script .cesd_banner .contents {
        text-align: center;
    }
    .cesd_btn_align {
        text-align: center;
    }
    .cryptocurrency_exchange_script .cesd_banner {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .cryptocurrency_exchange_script .cesd_what .title {
        font-size: 25px;
    }
    .cryptocurrency_exchange_script .cesd_what .contents {
        text-align: justify;
    }
    .cryptocurrency_exchange_script .cesd_whitelabel,
    .cryptocurrency_exchange_script .cesd_scope,
    .cryptocurrency_exchange_script .cesd_workflow,
    .cryptocurrency_exchange_script .cesd_various_business,
    .cryptocurrency_exchange_script .cesd_features,
    .cryptocurrency_exchange_script .cesd_corefeatures,
    .cryptocurrency_exchange_script .cesd_clone,
    .cryptocurrency_exchange_script .cesd_platform,
    .cryptocurrency_exchange_script .cesd_collaboration,
    .cryptocurrency_exchange_script .cesd_project {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_features .cesd_features_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
        min-height: 0;
        min-height: initial;
    }
    .cryptocurrency_exchange_script .cesd_btn {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .cryptocurrency_exchange_script .cesd_clone .owl-nav {
        left: 36%;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:before {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
        padding: 0px;
    }
    .cryptocurrency_exchange_script .project_after_round {
        display: none;
    }
    .cryptocurrency_exchange_script .project_after_line:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_project .cesd_project_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .card-header {
        background: #fff;
        margin-top: 10px;
    }
    .cryptocurrency_exchange_script .card-header h5 {
        font-size: 20px;
        font-weight: 800;
    }
    .cryptocurrency_exchange_script .card-body {
        height: 200px;
        overflow: scroll;
    }
    .cryptocurrency_exchange_script .cesd_line {
        display: none
    }
    .cryptocurrency_exchange_script .line {
        display: none
    }
}

/*cryptocurrency exchange script new style end*/

/* Blockchain Game Devlopment new style starts */

.blockchain_game_dev .row_justify {
    display: flex;
    justify-content: center;
}

.blockchain_game_dev .bgd_banner {
    padding: 50px;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_benefits,
.blockchain_game_dev .bgd_platform,
.blockchain_game_dev .bgd_usecase,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.blockchain_game_dev .row_align {
    display: flex;
    align-items: center;
}

.blockchain_game_dev .bgd_banner_btn {
    font-size: 16px;
    color: #fff !important;
    font-weight: 800;
    text-align: center;
    background: #fe5b6d;
    border-radius: 5px;
}

@media (min-width: 767px) {
    .blockchain_game_dev .bgd_banner {
        background: linear-gradient(45deg, #151027, #1b122a, #151027);
        height: 100vh;
        display: flex;
        align-items: center;
        /* background: url('public/images/inner-pages/blockchain-game-dev/banner.png'); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
    }
}

.blockchain_game_dev .bgd_banner .title {
    text-align: left;
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    background: linear-gradient(45deg, #151027, #1b122a, #151027);
}

.blockchain_game_dev .bgd_top_notch .title {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_top_notch .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_bg {
    width: 15px;
    height: 15px;
    background: #ff5c6e;
    display: block;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 20px #ff5c6e;
}

.blockchain_game_dev .bgd_services .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_services .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_services .bgd_services_list_design {
    background: linear-gradient(130deg, rgb(234 83 102 / 37%) 0%, rgb(11 11 46) 15%, rgb(49 23 55) 100%);
    display: flex;
    align-items: center;
    height: 500px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #f25669;
    border-radius: 0px 80px 0px 80px;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content_design {
    background: linear-gradient(130deg, rgb(245 88 106 / 33%) 0%, rgb(11 11 46) 39%, rgb(36 19 52) 88%);
    padding: 10px;
    border: 2px solid #ff5c6e;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_services .owl-carousel .owl-item img {
    width: 100% !important;
}

.blockchain_game_dev .bgd_services .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

.blockchain_game_dev .bgd_services .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

.blockchain_game_dev .bgd_services .owl-dots {
    display: none;
}

.blockchain_game_dev .bgd_game .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_game .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list {
    padding: 25px;
    margin-top: 35px;
    box-shadow: 0px 0px 11px 6px #1502095c;
    border-radius: 20px;
    background: linear-gradient(45deg, #60264330, #130e30a1);
    min-height: 295px;
    position: relative;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_title {
    color: #ff6273;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list:after {
    content: "";
    border: 1px solid #ff627369;
    position: absolute;
    width: 93%;
    height: 88%;
    left: 15px;
    border-radius: 20px;
    top: 15px;
}

.blockchain_game_dev .bgd_benefits .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list {
    display: flex;
    margin-top: 20px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_title {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 18px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list_main {
    margin-left: 15px;
}

.blockchain_game_dev .bgd_platform .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_platform .contents {
    text-align: center;
    font-size: 16px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list {
    background: #191129;
    padding: 15px;
    box-shadow: 0px 0px 20px 13px #05050536;
    margin-top: 10px;
    min-height: 330px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 0px;
    position: relative;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ff6273;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -7px;
    transform: translate(-50%, 50%);
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul {
    display: grid;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li {
    list-style: none;
    padding-top: 20px;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li:before {
    content: "\25C9";
    position: absolute;
    left: 0px;
    color: #ff6273;
}

.blockchain_game_dev .bgd_usecase .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list {
    padding: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_title {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_content {
    color: #000;
    font-size: 16px;
    padding-top: 7px;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #191129;
    position: absolute;
    top: 0px;
    left: 50%;
    right: 50%;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side:after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #ff6273;
    position: absolute;
    left: 100%;
    top: 15px;
    right: 0px;
    bottom: 0px;
    transform: translate(-50%, 50%);
    z-index: 1;
}

.blockchain_game_dev .bgd_process .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .title {
    text-align: left;
    font-weight: 800;
    color: #fff;
    font-size: 50px;
    line-height: 1.0;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .contents {
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list {
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    border-radius: 15px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #000;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

.blockchain_game_dev .services_img {
    width: 320px;
    height: 340px;
    object-fit: none;
}

.bgd_benefits_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    max-width: none;
    max-width: initial;
}

@media only screen and (max-width: 600px) {
    .blockchain_game_dev .bgd_banner {
        background: #161128;
        padding: 0px;
        height: 500px;
        display: flex;
        align-items: center;
    }
    .blockchain_game_dev .row_justify,
    .blockchain_game_dev .row_align {
        display: inline;
        display: initial;
    }
    .blockchain_game_dev .bgd_banner .title {
        text-align: center;
        font-size: 30px;
    }
    .blockchain_game_dev .bgd_banner .contents,
    .blockchain_game_dev .bgd_stand .title,
    .blockchain_game_dev .bgd_stand .contents {
        text-align: center;
    }
    .bgd_banner_btn_mob {
        text-align: center !important;
    }
    .blockchain_game_dev .bgd_top_notch .title,
    .blockchain_game_dev .bgd_services .title,
    .blockchain_game_dev .bgd_game .title,
    .blockchain_game_dev .bgd_benefits .title,
    .blockchain_game_dev .bgd_platform .title,
    .blockchain_game_dev .bgd_usecase .title,
    .blockchain_game_dev .bgd_process .title,
    .blockchain_game_dev .bgd_stand .title {
        font-size: 25px;
    }
    .blockchain_game_dev .bgd_usecase .bgd_usecase_side:after,
    .blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
        display: none;
    }
}

/* Blockchain Game Devlopment new style ends */

/*white label cryptocurrency software start*/

.white_label_main .row_justify {
    display: flex;
    justify-content: center;
}

.white_label_main .wl_banner {
    height: 100vh;
    /* background: url('public/images/inner-pages/whitelabel-crypto/whitelabel-banner.png'); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.white_label_main .wl_banner .title {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.white_label_main .wl_banner .contents {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    padding-top: 10px;
}

.white_label_main .wl_btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    padding: 15px;
    border-radius: 50px;
    margin-top: 7px;
}

.white_label_main .wl_btn_hover:hover {
    background: #fff;
    color: #000;
}

.white_label_main .wl_dev,
.white_label_main .wl_features_sec,
.white_label_main .wl_types,
.white_label_main .wl_benefits,
.white_label_main .wl_process,
.white_label_main .wl_why,
.white_label_main .wl_hire,
.white_label_main .wl_automate,
.white_label_main .wl_breadcrumb {
    padding: 0px;
}

.white_label_main .wl_dev {
    margin-top: 20px;
}

.white_label_main .wl_dev .title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    line-height: 1.3;
    text-align: center;
}

.white_label_main .wl_dev .contents {
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: 1.7;
    padding-top: 10px;
}

.white_label_main .wl_features_sec .wl_features_head .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.white_label_main .wl_features_sec .wl_features_head .contents {
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
}

.white_label_main .wl_features_sec .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    .white_label_main .wl_features_sec .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li>a {
        border: 1px solid #ad1650 !important;
        border-radius: 0px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 800;
        color: #ad1650;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li.active>a {
        background: #ad1650;
        color: #fff;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-heading {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: #ad1650;
        padding: 15px 10px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-title a {
        display: block;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a .panel-title {
        font-weight: 800;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

.white_label_main .wl_features_sec .features_list {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    box-shadow: 1px 1px 12px 0px rgb(151 163 184 / 50%);
}

.white_label_main .wl_features_sec {
    margin-top: 20px;
    background: #cccccc38;
}

.white_label_main .wl_features_sec .features_list .sub_content {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.white_label_main .wl_types {
    margin-top: 20px;
}

.white_label_main .wl_types .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_types .types_list {
    padding: 15px;
    margin-top: 20px;
    text-align: center;
    border: 1px dotted #000;
    min-height: 326px;
}

.white_label_main .wl_types .types_list .sub_title {
    font-size: 19px;
    font-weight: 800;
}

.white_label_main .wl_types .types_list .sub_content {
    font-size: 15px;
}

.white_label_main .wl_benefits {
    margin-top: 50px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_benefits .title {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
}

.white_label_main .wl_benefits ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_benefits ul {
    padding-left: 0px;
}

.white_label_main .wl_benefits ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .line {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
}

.white_label_main .line_center {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
    margin: 0 auto;
    margin-bottom: 10px;
}

.white_label_main .row_align {
    display: flex;
    align-items: center;
}

.white_label_main .wl_process {
    margin-top: 20px;
}

.white_label_main .wl_process .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

.white_label_main .wl_process .process_list .sub_title {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
}

.white_label_main .wl_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
}

.white_label_main .wl_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ae2a53;
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.white_label_main .wl_why {
    margin-top: 40px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_why .title {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_why .contents {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 10px;
}

.white_label_main .wl_why ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_why ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .wl_hire {
    margin-top: 30px;
    margin-bottom: 30px;
}

.white_label_main .wl_hire .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_hire .contents {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.wl_automate {
    margin-top: 40px;
}

.wl_automate_div {
    border: 2px solid #205a5d;
    padding: 40px;
    text-align: center;
    border-radius: 5px;
}

.wl_automate .contents {
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3
}

.wl_breadcrumb {
    margin-top: 20px;
}

@media only screen and (max-width: 600px) {
    .white_label_main .row_justify,
    .white_label_main .row_align {
        display: inherit;
    }
    .white_label_main .wl_banner .title,
    .white_label_main .wl_dev .title,
    .white_label_main .wl_features_sec .wl_features_head .title,
    .white_label_main .wl_types .title,
    .white_label_main .wl_benefits .title,
    .white_label_main .wl_process .title,
    .white_label_main .wl_why .title,
    .white_label_main .wl_hire .title,
    .wl_automate .contents {
        font-size: 25px;
    }
    .white_label_main .wl_banner .contents {
        font-size: 18px;
    }
    .white_label_main .wl_dev .contents,
    .white_label_main .wl_hire .contents {
        text-align: justify;
    }
    .white_label_main .wl_types .types_list {
        min-height: 0;
        min-height: initial;
    }
    .white_label_main .wl_benefits ul {
        padding-left: revert;
    }
}

/*white label cryptocurrency software end*/

/* web 3.0 Development company starts  */

.web-3-0-development-company .cesd_various_business .cesd_various_business_card {
    min-height: 330px;
}

.web-3-0-development-company .cesd_various_business .cesd_various_business_icon_design {
    margin: 0px auto;
}

.web-3-0-development-company .MetaBlock_nft_services .contents,
.web-3-0-development-company .cesd_collaboration .contents,
.web-3-0-development-company .cesd_corefeatures .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.web-3-0-development-company .card__side {
    min-height: 230px;
    height: 230px;
}

.web-3-0-development-company .cesd_collaboration .cesd_collaboration_card {
    min-height: 255px;
    margin-bottom: 22px;
}

.web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    position: absolute;
    margin-top: -61px;
    margin-left: -27px;
}

.web-3-0-development-company .cesd_clone .owl-nav {
    bottom: 5px;
}

.web-3-0-development-company .bcgnd_clr {
    background-image: radial-gradient(circle at center center, transparent 0%, rgb(0, 0, 0) 85%), linear-gradient(78deg, rgba(192, 192, 192, 0.05) 0%, rgba(192, 192, 192, 0.05) 50%, rgba(60, 60, 60, 0.05) 50%, rgba(60, 60, 60, 0.05) 100%), linear-gradient(227deg, rgba(97, 97, 97, 0.05) 0%, rgba(97, 97, 97, 0.05) 50%, rgba(52, 52, 52, 0.05) 50%, rgba(52, 52, 52, 0.05) 100%), linear-gradient(240deg, rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 50%, rgba(249, 249, 249, 0.05) 50%, rgba(249, 249, 249, 0.05) 100%), linear-gradient(187deg, rgba(1, 1, 1, 0.05) 0%, rgba(1, 1, 1, 0.05) 50%, rgba(202, 202, 202, 0.05) 50%, rgba(202, 202, 202, 0.05) 100%), linear-gradient(101deg, rgba(61, 61, 61, 0.05) 0%, rgba(61, 61, 61, 0.05) 50%, rgba(254, 254, 254, 0.05) 50%, rgba(254, 254, 254, 0.05) 100%), linear-gradient(176deg, rgba(237, 237, 237, 0.05) 0%, rgba(237, 237, 237, 0.05) 50%, rgba(147, 147, 147, 0.05) 50%, rgba(147, 147, 147, 0.05) 100%), linear-gradient(304deg, rgba(183, 183, 183, 0.05) 0%, rgba(183, 183, 183, 0.05) 50%, rgba(57, 57, 57, 0.05) 50%, rgba(57, 57, 57, 0.05) 100%), radial-gradient(circle at center center, hsl(351, 4%, 12%), hsl(351, 4%, 12%));
}

.web-3-0-development-company .cryptocurrency_exchange_script {
    padding-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    .web-3-0-development-company .cesd_banner {
        padding-top: 100px;
    }
    .web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin: 0px auto;
    }
    .web-3-0-development-company .card-body {
        height: auto;
        overflow: hidden;
    }
}

/* web 3.0 Development company ends  */

/*================TESTIMONAL CSS - START ======================*/

.essential_page_testimonal #essential_sec1 {
    /*background-color: #eee;*/
    /* background-image: url(../oimages/essentials/testimonials/bg-cover.png); */
    height: 500px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

#essential_sec1 {
    /* margin-top: 8rem;
    background-position: bottom;*/
}

#essential_sec1 .essential_content_wrap .essential_title {
    color: #193060;
    font-size: 45px;
    font-weight: 800;
    padding-top: 30px;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 20px;
    color: #526283;
    margin-top: 20px;
}

#essential_sec2 .essential_content_wrap #mainTabs {
    justify-content: center;
    display: flex;
    border-bottom: 1px solid #de4141;
}

#essential_sec2 .essential_content_wrap #mainTabs li a {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 0;
    border: 0;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a {
    background-color: #de4141;
    color: #fff;
}

#essential_sec2 .essential_content_wrap #mainTabs li>a:hover {
    border: 0;
    color: #de4141db;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a:hover {
    color: #fff;
}

.testimonal_content_wrap {
    margin-top: 5rem;
    min-height: 190px;
}

.testimonal_customername {
    font-size: 27px;
    font-weight: 700;
    color: #d12b2b;
}

.testimonal_location {
    font-size: 21px;
    font-weight: 500;
    color: #8c8c8c;
}

.testimonal_feedback {
    margin-top: 1rem;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

.testimonal_customer_detail {
    display: flex;
    align-items: center;
    font-style: italic;
    margin-bottom: 5px;
}

.testimonal_customer_detail .circle_dot {
    width: 6px;
    height: 5px;
    background-color: #9d9d9d;
    border-radius: 20px;
    margin: 0px 6px;
}

.testimonal_content_wrap iframe {
    border-radius: 10px;
}

@media (max-width: 767px) {
    #essential_sec1 {
        background-position: left;
        text-align: center;
        margin-top: 3rem;
    }
    #essential_sec1 .essential_content_wrap .essential_title {
        color: #193060;
        font-size: 36px;
        font-weight: 800;
    }
    #essential_sec2 .essential_content_wrap #mainTabs li a {
        font-size: 16px;
    }
    .testimonal_customer_detail {
        display: block;
    }
    .testimonal_customer_detail .circle_dot {
        display: none;
    }
    .testimonal_customername {
        margin-bottom: 1.5rem;
    }
    .testimonal_content_wrap {
        min-height: auto;
        margin-top: 4rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #dcdcdc;
    }
    .testimonal_content_wrap iframe {
        border-radius: 10px;
        width: 100%;
        height: auto;
    }
    .essential_pages#essential_sec2 {
        padding-bottom: 0;
    }
}

/*================TESTIMONAL CSS - END ======================*/

/*==================== SCAMMER PAGE - START ================== */

.essential_page_scammer #essential_sec1 {
    padding: 60px 0px;
    text-align: center;
    /* background-image: url(../oimages/essentials/scam/banner.png); */
}

.essential_page_scammer #essential_sec1 .essential_content_wrap {
    text-align: left;
}

.essential_page_scammer #essential_sec1 .essential_content_wrap p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_scammer #essential_sec2 .essential_content_wrap {
    padding: 10px;
}

.essential_page_scammer #essential_sec2 {
    position: relative;
}

.essential_page_scammer #essential_sec2:before {
    position: absolute;
    width: 100%;
    height: 20%;
    /*background-color:#e6eff4;*/
    content: '';
}

.scam_form #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_scammer #essential_form {
    padding-top: 0;
}

.scam_form #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.scam_form #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column textarea {
    width: 100%;
    padding: 17px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border-radius: 3px;
}

.scam_form #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_scammer #essential_sec1 .essential_content_wrap {
        text-align: center;
    }
    .scam_form #essential_form .essential_content_wrap {
        padding: 25px;
        margin-bottom: 2rem;
    }
}

/*==================== SCAMMER PAGE - END ================== */

/*==================== CASESTUDIES - START ================== */

.essential_page_casestudydetails #essential_sec1 .essential_content_wrap .essential_title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -1px;
    padding-bottom: 2rem;
    margin-top: 1rem;
}

.essential_page_casestudydetails #essential_sec1 {
    margin-top: 1rem;
    background-position: top;
    padding-top: 0;
}

.casetudy_details_descs {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.39;
    color: #49505e;
    margin-bottom: 1.9rem;
}

.casetudy_details_descs.casestudydetails_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
}

.casetudy_details_descs.casestudydetails_heads {
    color: #193060;
    font-size: 20px;
    font-weight: 700;
}

.essential_page_casestudydetails #essential_form {
    padding-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
    margin-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_casestudydetails #essential_form p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

.essential_page_casestudydetails #essential_form {
    background-color: #f3f3f3;
    padding: 80px 0px;
}

.essential_page_casestudydetails #essential_form .form_wrap {
    text-align: center;
    width: 60%;
    margin: 0 auto 2rem auto;
}

.essential_page_casestudydetails .custom_row {
    justify-content: center;
    display: flex;
}

.casestudy_breadcrump ol {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 1rem;
}

.casestudy_breadcrump ol li {
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
}

.casestudy_breadcrump ol>li+li:before {
    padding: 0 5px;
    color: #111;
    content: ">";
}

@media (max-width: 767px) {
    .case_stu_sec_img {
        padding-top: 100px !important;
    }
    .essential_page_casestudydetails #essential_sec1 {
        text-align: left;
        margin-top: 0rem;
    }
    .essential_page_casestudydetails #essential_form .form_wrap {
        width: 100%;
    }
}

/*==================== CASESTUDIES - END ================== */

/*==================== FEEDBACK - START ================== */

.essential_page_feedback #essential_sec1 {
    /* background-image: url(../oimages/essentials/feedback/feedback.png); */
}

.essential_page_feedback #essential_form .selection_wrap label {
    font-weight: 500;
    font-size: 14px;
}

.essential_page_feedback #essential_form .feedback_head {
    font-weight: 700;
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .form_column {
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .inner_container {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_feedback #essential_form {
    padding-top: 0;
    position: relative;
}

.essential_page_feedback #essential_form:before {
    /*background-color: #e6eff4;*/
    position: absolute;
    content: '';
    width: 100%;
    height: 8%;
    z-index: -1;
}

.essential_page_feedback {}

.essential_page_feedback #essential_form .feedback_inputs_wrap {
    margin: 1.6rem 0;
}

.essential_page_feedback #essential_form .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_feedback #essential_form {
        padding-bottom: 0;
    }
}

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
}

.essential_page_feedback .starrating>input {
    display: none;
}

/* Remove radio buttons */

.essential_page_feedback .starrating>label:before {
    content: "\f005";
    /* Star */
    margin: 2px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block;
}

.essential_page_feedback .starrating>label {
    color: #222222;
    /* Start color when not clicked */
}

.essential_page_feedback .starrating>input:checked~label {
    color: #ff8f00;
}

/* Set yellow color when star checked */

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
    justify-content: left;
}

.essential_page_feedback .starrating>input:hover~label {
    color: #ff8f00;
}

/* Set yellow color when star hover */

/*==================== FEEDBACK - END ================== */

/*==================== CASESTUDY - START ================== */

.essential_page_casestudyhome #essential_sec1 {
    /* background-image: url(../oimages/essentials/casestudies/casestudy-home.jpg); */
    background-position: top;
    position: relative;
}

.essential_page_casestudyhome #essential_sec1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #07102194;
    content: '';
    top: 0;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_title {
    color: #fff;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #f1f5ff;
    line-height: 1.4;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_descs {
    color: #494848;
    font-weight: 500;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 1px 5px -3px black;
    min-height: 450px;
    margin-top: 30px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_cardswrap {
    padding: 25px 30px;
}

.essential_page_casestudyhome #casestudy_cards {
    padding-top: 25px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol li {
    font-size: 15px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol {
    margin-bottom: 1rem;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump {
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .essential_page_casestudyhome #essential_sec1:before {
        left: 0;
    }
}

/*==================== CASESTUDY - END ================== */

/*==================== COMPLAINT BOARD - END ================== */

.essential_page_complaintboard #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group textarea {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 25px;
    border: 2px dashed rgb(34 33 33 / 40%);
    border-radius: 3px;
    transition: 0.2s;
    justify-content: center;
    background-color: #f7f7f7;
}

.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 0px solid rgba(255, 255, 255, 0.1);
    border-radius: 0px;
    margin-right: 10px;
    color: #3586FF;
    font-weight: 600;
}

.file-message {
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

.essential_page_complaintboard #essential_form {
    padding-top: 0;
}

.essential_page_complaintboard #essential_sec1 {
    /* background-image: url(../oimages/essentials/complaint-board/banner.jpg); */
}

/*.essential_page_complaintboard #essential_form:before {
    background-color: #e6eff4;
    position: absolute;
    content: '';
    width: 100%;
    height: 10%;
    z-index: -1;
}*/

@media (max-width: 767px) {
    .essential_page_complaintboard #essential_form .essential_content_wrap {
        padding: 20px;
    }
    .essential_page_complaintboard #essential_form {
        padding-bottom: 20px;
    }
}

@media (max-width:991px) {
    #nftmarki_what:before {
        background: none;
        background-color: #f2f4f8;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
        width: 100%;
    }
}

/*binance new style start*/

.binance_main .banner_sec {
    padding: 0px;
    /* background: url('public/images/inner-pages/binance_new/banner.png'); */
    height: 100vh;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.binance_main .banner_sec:after {
    content: 'Binance clone script';
    font-size: 75px;
    font-weight: 800;
    color: #ffffff00;
    text-transform: uppercase;
    position: absolute;
    top: 15%;
    left: 0px;
    right: 0px;
    -webkit-text-stroke: 1px #ffffff14;
    transform: translate(17%, 50%);
    letter-spacing: 3px;
}

.binance_main .row_justify {
    display: flex;
    justify-content: center;
}

.binance_main .row_align {
    display: flex;
    align-items: center;
}

.binance_main .banner_sec .title {
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.binance_main .banner_sec .contents {
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 30px;
}

.binance_main .clone_sec {
    padding: 50px 0px;
}

.binance_main .clone_sec .title {
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.binance_main .clone_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .clone_bg {
    position: relative;
}

.binance_main .clone_bg:after {
    content: "";
    /* background: url('public/images/inner-pages/binance_new/clone-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec {
    padding: 50px 0px;
    background: #F1EBEB;
    position: relative;
}

.binance_main .whitelabel_sec:after {
    content: "";
    /* background: url('public/images/inner-pages/binance_new/whitelabel-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .whitelabel_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .whitelabel_sec .white_index {
    z-index: 1;
    position: relative;
}

.binance_main .features_sec {
    padding: 50px 0px;
}

.binance_main .features_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.binance_main .features_sec .features_list {
    padding: 10px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-height: 335px;
    transition: 0.5s;
}

.binance_main .features_sec .features_list:hover {
    transform: scale(1.1);
    background: #e4970021;
}

.binance_main .features_sec .features_list .sub_title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.binance_main .features_sec .features_list .sub_content {
    font-size: 17px;
    line-height: 1.8;
}

.binance_main .features_sec .features_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .security_sec {
    background: linear-gradient(180deg, rgba(67, 66, 66, 0.26) 0%, rgba(241, 235, 235, 0) 100%);
    padding: 50px 0px;
}

.binance_main .security_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.binance_main .security_sec .security_list {
    padding: 10px;
    margin-top: 10px;
    min-height: 260px;
}

.binance_main .security_sec .security_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.binance_main .security_sec .security_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .security_sec .row_after_line {
    position: relative;
}

.binance_main .security_sec .row_after_line:after {
    content: "";
    top: 25px;
    width: 1px;
    height: 750px;
    background-color: #00000059;
    position: absolute;
    left: 33%;
}

.binance_main .security_sec .border_bottom {
    border-bottom: 1px solid #00000059;
}

.binance_main .app_sec {
    padding: 50px 0px;
    border-top: 1px solid #ccc;
}

.binance_main .app_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .app_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .benefits_sec {
    padding: 50px 0px;
    background: linear-gradient(90deg, #FEF3A7 -38.65%, #FFFFFF 48.12%, #FEF3A8 136.72%);
}

.binance_main .benefits_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .benefits_sec .benefits_list {
    padding: 10px;
    margin-top: 30px;
    background: linear-gradient(179.97deg, #FEF29F 0.02%, rgba(255, 255, 255, 0) 86.75%);
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 3px rgba(102, 80, 1, 0.24);
    border-radius: 10px;
    min-height: 300px;
    transition: 0.5s;
}

.binance_main .benefits_sec .benefits_list:hover {
    transform: scale(1.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_img {
    background: #FFC700;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_icons {
    filter: brightness(0);
}

.binance_main .benefits_sec .benefits_list .sub_title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.binance_main .benefits_sec .benefits_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .benefits_sec .benefits_img {
    background: #000000;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.binance_main .benefits_sec .benefits_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .crypto_sec {
    padding: 50px 0px;
}

.binance_main .crypto_sec .title {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .crypto_sec .crypto_list {
    padding: 10px;
}

.binance_main .crypto_sec .crypto_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.binance_main .crypto_sec .crypto_list .sub_content {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 0px;
}

.binance_main .crypto_sec .crypto_list .counter {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFC700;
    font-size: 30px;
    color: #fff;
}

.binance_main .tech_sec {
    padding: 50px 0px;
    background: #000000;
}

.binance_main .tech_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

.binance_main .tech_sec .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.binance_main .unique_sec {
    padding: 50px 0px;
}

.binance_main .unique_sec .title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.binance_main .unique_sec .contents {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .unique_sec ul li {
    list-style: none;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    position: relative;
}

.binance_main .unique_sec ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -25px;
    color: #deaf06;
    font-size: 20px;
}

.binance_main .banner_btn {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    background: #e6ca00;
    border-radius: 0px;
    color: #000 !important;
    padding: 10px 30px;
    -webkit-clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    position: relative;
    border: 1px solid #fff;
}

.binance_main .banner_btn:after {
    border-top-style: solid;
    top: 0px;
    left: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_one 3s alternate infinite;
}

.binance_main .banner_btn:before {
    border-bottom-style: solid;
    bottom: 0px;
    right: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_two 3s alternate infinite;
}

@keyframes binance_border_two {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-155px);
    }
}

@keyframes binance_border_one {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(155px);
    }
}

.binance-whatsapp {
    background: #006e29;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

.binance-telegram {
    background: #4eaff0;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

@media(max-width: 991px) {
    .binance_main .banner_sec {
        background: #181818;
        height: auto;
        height: initial;
        padding: 100px 0px;
        text-align: center;
    }
    .binance_main .clone_bg:after,
    .binance_main .whitelabel_sec:after,
    .binance_main .security_sec .row_after_line:after,
    .binance_main .banner_sec:after {
        display: none;
    }
    .binance_main .clone_bg,
    .binance_main .whitelabel_sec,
    .binance_main .app_sec {
        text-align: center;
    }
    .binance_main .security_sec .border_bottom {
        border-bottom: none;
    }
    .binance_main .unique_sec .contents {
        text-align: justify;
    }
    .binance_main .unique_sec .title {
        text-align: center;
    }
}

@media(max-width: 765px) {
    .binance_main .banner_sec .title {
        font-size: 40px;
    }
    .binance_main .clone_sec .title,
    .binance_main .whitelabel_sec .title,
    .binance_main .features_sec .title,
    .binance_main .security_sec .title,
    .binance_main .app_sec .title,
    .binance_main .benefits_sec .title,
    .binance_main .crypto_sec .title,
    .binance_main .tech_sec .title,
    .binance_main .unique_sec .title {
        font-size: 30px;
    }
    .binance_main .features_sec .features_list,
    .binance_main .security_sec .security_list,
    .binance_main .benefits_sec .benefits_list {
        min-height: 0;
        min-height: initial;
    }
}

/*binance new style end*/

/*========Move to Earn game development company START=======*/

@media(min-width: 991px) {
    #m2e_game_main .m2e_game_dev_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/banner.png'); */
    }
}

#m2e_game_main .m2e_game_dev_banner .title {
    color: #000;
    font-weight: 900;
    font-size: 45px;
    line-height: 55px;
}

#m2e_game_main .m2e_game_dev_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn_sec {
    margin-top: 30px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #0789cd;
        box-shadow: 0 0 3px #0789cd;
    }
    50% {
        background-color: #6e40c6;
        box-shadow: 0 0 40px #6e40c6;
    }
    100% {
        background-color: #1287d1;
        box-shadow: 0 0 3px #7e48e4;
    }
}

#m2e_game_main .m2e_game_dev_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_sec .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_comp_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_comp_sec .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_comp_sec .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_features {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_features .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .features_box {
    padding: 20px;
    margin-top: 30px;
    border-radius: 2px 20px 2px 20px !important;
    background: linear-gradient(45deg, #66b8e37d, #a688df66);
    min-height: 320px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .sub_contents {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#m2e_game_main .m2e_game_dev_features .sprite_icons {
    width: 58px;
    height: 58px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#m2e_game_main .m2e_game_dev_platform {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_platform .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_platform .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #a7bee6;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_platform .osc_row_align {
    display: flex;
    align-items: center;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
    margin-left: 60px;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical {
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #0f8bcc;
    position: absolute;
    left: 50%;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #a7bee6;
    transform: translate(-50%, 50%);
    color: #fff;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_why .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why .industries_box {
    display: inline-block;
    border: 1px solid #afafaf;
    transition: .3s ease-out;
    position: relative;
    overflow: hidden;
    padding: 20px;
    min-height: 365px;
    margin-top: 20px;
}

#m2e_game_main .m2e_game_dev_why .industries_box:before {
    z-index: 2;
    background: #0789cd33;
    left: inherit;
    bottom: inherit;
    right: -18px;
    width: 37px;
    top: -18px;
    height: 37px !important;
    transform: rotate(45deg);
    content: '';
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#m2e_game_main .m2e_game_dev_why .industries_box .right_choice_tile {
    opacity: 0;
    padding: 0.3125rem 0;
    visibility: hidden;
    background-color: #0789cd;
    display: block;
    transition: width .6s ease-out;
    width: 0;
    padding: 1px 0;
    margin: 10px 0;
    transition: .6s ease-out;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover {
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover:before {
    background: #0789cd;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .right_choice_tile {
    display: block;
    opacity: 1;
    visibility: visible;
    width: 7rem;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_title {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_contents {
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_mobapp {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_mobapp .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_mobapp .contents {
    font-size: 16px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box {
    padding: 20px;
    margin-top: 30px;
    min-height: 410px;
    background: #fff;
    border-radius: 8px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover .sub_title {
    color: #5749dc;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_title {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    min-height: 325px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn_sec {
    margin-top: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn {
    padding: 10px 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    font-size: 12px;
}

#m2e_game_main .m2e_game_dev_why_choose {
    padding-top: 50px;
    padding-bottom: 50px;
}

#m2e_game_main .m2e_game_dev_why_choose .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why_choose .contents {
    font-size: 16px;
    text-align: justify;
}

#m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    margin-top: 10px;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
    padding: 20px;
    border: 1px dashed #0789cd;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    min-height: 118px;
    display: flex;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list i {
    color: #0789cd;
    font-size: 20px;
    padding-top: 3px;
    padding-right: 8px;
}

@media(min-width: 991px) {
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img1 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img1.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img2 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img2.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img3 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img3.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img4 {
        /* /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img4.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
}

@media(max-width: 992px) and (min-width: 766px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center !important;
        height: 600px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .nft_marketplace_whitelabel {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .nft_marketplace_whitelabel .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
}

@media(max-width: 767px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_comp_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .m2e_game_dev_platform,
    #m2e_game_main .m2e_game_dev_why,
    #m2e_game_main .m2e_game_dev_mobapp,
    #m2e_game_main .m2e_game_dev_why_choose {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_comp_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .m2e_game_dev_platform .title,
    #m2e_game_main .m2e_game_dev_why .title,
    #m2e_game_main .m2e_game_dev_mobapp .title,
    #m2e_game_main .m2e_game_dev_why_choose .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box,
    #m2e_game_main .m2e_game_dev_why .industries_box,
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box,
    #m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
        min-height: 0px;
        margin-top: 10px;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
        min-height: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_right,
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
        margin-left: 0px;
        margin-right: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
        top: 20px;
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
        margin-left: 60px;
    }
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn_sec,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn,
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*======Move to Earn game development company END======*/

/*========Blockchain Crowdfunding Development Company START=======*/

.blockchain_crowd_main .bc_row_flex {
    display: flex;
    justify-content: center;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .banner_sec {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/blo-crowdfunding/banner.png'); */
    }
}

.blockchain_crowd_main .banner_sec .title {
    font-size: 40px;
    color: #361baa;
    font-weight: 800;
    line-height: 50px;
}

.blockchain_crowd_main .banner_sec .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

.blockchain_crowd_main .banner_sec .banner_btn_sec {
    margin-top: 30px;
}

.blockchain_crowd_main .banner_sec .banner_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #701abb;
        box-shadow: 0 0 0px #701abb;
    }
    50% {
        background-color: #701abb;
        box-shadow: 0 0 10px #701abb;
    }
    100% {
        background-color: #701abb;
        box-shadow: 0 0 0px #7e48e4;
    }
}

.blockchain_crowd_main .platform_dev {
    padding: 50px 0px;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .platform_dev_bg {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        padding: 50px 65px 50px 90px;
        border-radius: 30px;
        display: flex;
        /* background: url('public/images/inner-pages/blo-crowdfunding/sec-2-img1.png'); */
    }
}

.blockchain_crowd_main .platform_dev .title {
    font-size: 35px;
    font-weight: 800;
    text-align: left;
    color: #000;
}

.blockchain_crowd_main .platform_dev .contents {
    color: #000;
    line-height: 1.8;
    text-align: left;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    color: #fff !important;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

.blockchain_crowd_main .how_does {
    padding: 50px 0px;
}

.blockchain_crowd_main .how_does .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .how_does .contents {
    line-height: 1.8;
    text-align: center;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .how_does_list {
    background: #3f89ec;
    padding: 15px;
    margin-top: 30px;
    border-radius: 10px;
    min-height: 325px;
}

.blockchain_crowd_main .how_does_list .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .how_does_list .sub_title {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
}

.blockchain_crowd_main .how_does_list .sub_content {
    color: #fff;
    margin-bottom: 0px;
    line-height: 1.8;
}

.blockchain_crowd_main .features_sec {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .features_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    color: #000;
}

.blockchain_crowd_main .features_list {
    padding: 10px;
    margin-top: 20px;
    min-height: 160px;
    border: 1px dashed #3f89ec;
    text-align: center;
    border-radius: 5px;
}

.blockchain_crowd_main .features_list:hover {
    box-shadow: 0px 0px 7px 0px #c3c7da;
    transform: scale(1.08);
    border: none;
}

.blockchain_crowd_main .features_list:hover .sub_title {
    color: #3f89ec;
}

.blockchain_crowd_main .features_list .sub_title {
    color: #000;
    font-size: 21px;
    font-weight: 700;
}

.blockchain_crowd_main .features_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_sec {
    padding: 50px 0px;
}

.blockchain_crowd_main .advantage_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .advantage_list {
    background: #3f89ec;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.blockchain_crowd_main .advantage_list .sub_title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.blockchain_crowd_main .advantage_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_list_top {
    margin-top: 60px;
}

.blockchain_crowd_main .advantage_sec .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blockchain {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .create_blockchain .title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .create_blockchain_list {
    padding: 5px;
    text-align: center;
    margin-top: 30px;
}

.blockchain_crowd_main .create_blockchain_list:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #a96ef396;
    border-radius: 10px;
}

.blockchain_crowd_main .create_blockchain .create_blockchain_list:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

.blockchain_crowd_main .create_blockchain_list .sub_title {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
}

.blockchain_crowd_main .create_blockchain_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 10px;
}

.blockchain_crowd_main .create_blockchain .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blck_desig {
    width: 75px;
    height: 75px;
    background: linear-gradient(39.01deg, #4485EF -27.39%, #5277F7 17.7%, #5B76F7 23.67%, #7374F6 33.36%, #9A70F4 45.49%, #BB6DF3 54.4%);
    border-radius: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_crowd_main .create_after {
    position: relative;
}

/*.blockchain_crowd_main .create_after:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    top: 50px;
    left: 0px;
  }*/

.blockchain_crowd_main .blockchain_solutions {
    padding: 50px 0px;
}

.blockchain_crowd_main .blockchain_solutions .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list {
    padding: 15px;
    background: #3f89ec;
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    min-height: 230px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.blockchain_crowd_main .why_MetaBlock {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .why_MetaBlock .title {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .contents {
    color: #000;
    text-align: center;
    font-size: 17px;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 0px;
}

.blockchain_crowd_main .why_MetaBlock .why_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .why_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@media(max-width: 992px) and (min-width: 766px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

@media(max-width: 767px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 25px;
        text-align: center;
        line-height: 35px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .platform_dev .contents {
        text-align: center;
    }
    .blockchain_crowd_main .advantage_list_top {
        margin-top: 20px;
    }
    .blockchain_crowd_main .how_does_list,
    .blockchain_crowd_main .features_list,
    .blockchain_crowd_main .blockchain_solutions .solutions_list {
        min-height: 0px;
        margin-top: 10px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*========Blockchain Crowdfunding Development Company END=======*/

/*========Smart Contract MLM software development START=======*/

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/smart-contract-mlm-software/banner.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_banner .title {
    font-weight: 800;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    margin-top: 50px;
    text-transform: uppercase;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .cus_title {
    color: #54FFFF;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .contents {
    color: #fff;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn_sec {
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #00063E;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00FFFF;
    color: #fff;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgba(0, 255, 255, 0.2);
    width: 215px;
    height: 58px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
    padding: 10px 15px;
    text-transform: uppercase;
    border: 2px solid #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    margin-left: 35px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1:hover {
    background: #00FFFF;
    border: none;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
    position: absolute;
    content: '';
    top: -9px;
    left: -10px;
    background: rgba(0, 255, 255, 0.2);
    width: 205px;
    height: 60px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec {
    margin-top: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_services {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
    padding: 20px;
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_title {
    font-weight: 700;
    font-size: 20px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features {
    padding: 70px 0px;
    background: rgba(0, 49, 179, 0.12);
}

#smart_contract_mlm_main .smart_contract_mlm_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_features .features_box {
    padding: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 0px 25px;
    text-align: center;
    min-height: 240px;
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box1:hover {
    border: 3px solid #B500D2;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box2:hover {
    border: 3px solid #00FFA3;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box3:hover {
    border: 3px solid #8F00FF;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box4:hover {
    border: 3px solid #FF7A00;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box5:hover {
    border: 3px solid #FF00E5;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box6:hover {
    border: 3px solid #D20000;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
    padding: 20px;
    margin-top: 30px;
    background: linear-gradient(180deg, rgba(224, 230, 245, 0) 0%, #E0E6F5 100%);
    border-radius: 15px;
    min-height: 270px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box:hover {
    background: linear-gradient(180deg, #E0E6F5 0%, rgba(224, 230, 245, 0) 86.98%);
    border: 1px solid #00095E;
    border-radius: 15px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title_sec {
    display: flex;
    align-items: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 10px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sprite_icons {
    width: 46px;
    height: 46px;
    object-fit: none;
}

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background-size: cover;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('public/images/inner-pages/smart-contract-mlm-software/why_bg.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_why .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list {
    display: flex;
    padding: 10px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list img {
    width: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 8px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00063E;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00063E;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgb(0 9 94 / 18%);
    width: 270px;
    height: 58px;
    border-radius: 0px 20px;
}

@media(max-width: 992px) and (min-width: 766px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 450px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media(max-width: 767px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits#smart_contract_mlm_main .smart_contract_mlm_why {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title,
    #smart_contract_mlm_main .smart_contract_mlm_why .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_features .features_box,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn,
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn,
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
        padding: 10px 35px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
        top: -6px;
        left: -6px;
        width: 255px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 50px 0px;
    }
}

@media(max-width: 424px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Smart Contract MLM software development END======*/

/*========Metamask Wallet Clone Script START=======*/

#metamask_clone_main .cus_row {
    justify-content: center;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/metamask-clone/banner.webp'); */
    }
}

#metamask_clone_main .metamask_clone_banner .title {
    font-weight: 800;
    font-size: 35px;
    line-height: 55px;
    color: #000;
    margin-top: 50px;
    text-transform: uppercase;
}

#metamask_clone_main .metamask_clone_banner .cus_title {
    color: #000;
    font-size: 55px;
    font-weight: 900 !important;
}

#metamask_clone_main .metamask_clone_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn_sec {
    margin-top: 30px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542CF -0.41%, #D6518B 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
    padding: 10px 20px;
    border: 2px solid #d6518b;
    border-radius: 35px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec {
    padding-top: 70px;
    padding-bottom: 180px;
    background: #F0F0FC;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_sec:after {
        position: absolute;
        content: '';
        top: 5%;
        right: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_sec .title {
    font-weight: 800;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn_sec {
    margin-top: 10px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
    text-transform: uppercase;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 13px;
    background: #4DD30D;
    border-radius: 35px;
    color: #fff !important;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
    text-transform: uppercase;
    padding: 8px 35px;
    font-weight: 600;
    font-size: 13px;
    background: #00aff0;
    border-radius: 35px;
    color: #fff !important;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_bg {
    background: linear-gradient(180deg, #3B1479 0%, #AF54DB 100%);
}

#metamask_clone_main .metamask_clone_card_sec {
    padding: 0px;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_card_sec #metamask_clone_card {
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('public/images/inner-pages/metamask-clone/metamask-card.webp'); */
        border-radius: 35px;
        padding: 30px;
        margin-top: -120px;
    }
}

#metamask_clone_main .metamask_clone_card_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: capitalize;
    margin-top: 0px;
}

#metamask_clone_main .metamask_clone_card_sec .contents {
    text-align: justify;
    font-size: 16px;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_features {
    padding-top: 70px;
    padding-bottom: 100px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features:after {
        position: absolute;
        content: '';
        top: 12%;
        left: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .contents {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_features .features_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_features .feat_cus_row {
    margin-left: -85px;
    margin-right: -85px;
    justify-content: center;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .feat_cus_row:before {
        position: absolute;
        content: '';
        top: -15%;
        left: 12%;
        height: 400px;
        width: 100%;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/map.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .features_box {
    padding: 30px 15px;
    background: #fff;
    border-radius: 15px;
    min-height: 380px;
    margin-right: 10px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .features_box_eve {
    padding: 30px 15px;
    margin-top: 100px;
    background: #fff;
    border-radius: 15px;
    min-height: 355px;
    margin-right: 10px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box_eve:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .sub_title {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_features .sub_contents {
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#metamask_clone_main .metamask_clone_features .sprite_icons {
    width: 54px;
    height: 54px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_benefits {
    padding: 50px 0px;
}

#metamask_clone_main .metamask_clone_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_benefits .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box {
    padding: 15px;
    margin-top: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box1 {
    background: #E8DBF6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box2 {
    background: #F6F0DB;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box3 {
    background: #DFF6DB;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box4 {
    background: #DBF4F6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box5 {
    background: #F5DBF6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box6 {
    background: #DBE9F6;
}

#metamask_clone_main .metamask_clone_benefits .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_crypto {
    padding: 50px 0px;
    background: #F0F0FC;
}

#metamask_clone_main .metamask_clone_crypto .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_crypto .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_box {
    padding: 20px 12px;
    background: #FFFFFF;
    border-radius: 15px;
    text-align: center;
    margin-right: 20px;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_crypto .sub_title {
    font-weight: 600;
    font-size: 17px;
    color: #000;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_crypto .sprite_icons {
    height: 78px;
    width: 82px;
    object-fit: none;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_types {
        padding-top: 30px;
        background-repeat: no-repeat !important;
        background-position: center;
        /* background: url('public/images/inner-pages/metamask-clone/types-bg.svg'); */
    }
}

#metamask_clone_main .metamask_clone_types .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .contents {
    text-align: justify;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_types .types_box {
    padding: 15px;
    margin-top: -40px;
    background: linear-gradient(180deg, #F0F0FC 0%, #FFD8FD 100%);
    box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    min-height: 395px;
    text-align: center;
    position: relative;
    z-index: 1;
}

#metamask_clone_main .metamask_clone_types .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .sub_contents {
    font-size: 16px;
    padding-top: 8px;
    color: #000;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_types .sprite_icons {
    width: 60px;
    height: 70px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_techstack {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -220px;
}

#metamask_clone_main .metamask_clone_techstack .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_techstack .contents {
    text-align: justify;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_techstack .metamask_tech_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542CF -0.41%, #D6518B 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why {
    padding: 50px 0px;
    background: #F0F0FC;
}

#metamask_clone_main .metamask_clone_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_why .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_why .why_box {
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_why .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why .sprite_icons {
    width: 90px;
    height: 90px;
    object-fit: none;
}

@media(max-width: 992px) and (min-width: 766px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .smart_contract_mlm_benefits {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_sec .smart_contract_mlm_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_card_sec .service_box_row {
        margin-top: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #metamask_clone_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media(max-width: 767px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 25px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .cus_title {
        font-size: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .metamask_clone_benefits,
    #metamask_clone_main .metamask_clone_crypto,
    #metamask_clone_main .metamask_clone_types,
    #metamask_clone_main .metamask_clone_why {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
        padding: 8px 25px;
        font-size: 12px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
        padding: 8px 8px;
        font-size: 12px;
        border-radius: 35px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .metamask_clone_benefits .title,
    #metamask_clone_main .metamask_clone_crypto .title,
    #metamask_clone_main .metamask_clone_types .title,
    #metamask_clone_main .metamask_clone_why .title,
    #metamask_clone_main .metamask_clone_techstack .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main #metamask_clone_card {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        border-radius: 35px;
        margin: 0px 10px;
        padding: 20px 15px;
    }
    #metamask_clone_main .metamask_clone_features .feat_cus_row {
        margin-left: 0px;
        margin-right: 0px;
    }
    #metamask_clone_main .metamask_clone_features .features_box_eve {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_sec .metamask_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents,
    #metamask_clone_main .metamask_clone_types .contents,
    #metamask_clone_main .metamask_clone_techstack .contents,
    .metamask_tech_btn_sec {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_crypto .crypto_box {
        margin: 20px;
    }
    #metamask_clone_main .metamask_clone_features .features_box,
    #metamask_clone_main .smart_contract_mlm_benefits .benefits_box,
    #metamask_clone_main .metamask_clone_benefits .benefits_box,
    #metamask_clone_main .metamask_clone_types .types_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
        padding: 10px 15px;
        font-size: 13px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
        padding: 9px 10px;
        font-size: 13px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_types {
        background: linear-gradient(180deg, #3B1479 0%, #AF54DB 106.72%);
    }
    #metamask_clone_main .metamask_clone_techstack {
        margin-top: 0px;
        padding: 50px 0px;
    }
}

@media(max-width: 424px) {
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Metamask Wallet Clone Script END======*/

#token_dev_main {
    background: #090909;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_banner {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/banner.webp?v1');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

#token_dev_main .token_dev_banner .bnr_img_sec {
    margin-top: 18%;
}

@media (max-width: 1400px) {
    #token_dev_main .token_dev_banner .banner_anim_img {
        top: 6.5%;
    }
}

@media (max-width: 1366px) {
    #token_dev_main .token_dev_banner .banner_anim_img {
        top: 8%;
    }
}

#token_dev_main .token_dev_banner .banner_cont_sec {
    padding-left: 10%;
}

#token_dev_main .token_dev_banner .title {
    font-weight: 700;
    font-size: 35px !important;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
    color: #fff;
}

#token_dev_main .token_dev_banner .bnr_bld_title {
    font-weight: 900;
    letter-spacing: 3px;
    color: #A06EFF;
    font-size: 65px !important;
}

#token_dev_main .token_dev_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    padding-top: 10px;
}

#token_dev_main .token_dev_banner .banner_btn_sec {
    margin-top: 30px;
    position: relative;
}

#token_dev_main .token_dev_banner .banner_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_banner .banner_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_banner .banner_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_banner .banner_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_banner .banner_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_banner .banner_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@keyframes gradient_color_border {
    to {
        transform: translateX(-50%)
    }
}

@keyframes zoom-in-zoom-out-btn {
    0% {
        transform: scale(0.9, 0.9);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0.9, 0.9);
    }
}

#token_dev_main .token_dev_banner .banner_anim_img {
    position: absolute;
    top: 5%;
    left: 3.8%;
    animation: bounce2 3s infinite ease-in-out;
}

@keyframes bounce2 {
    0% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(-5px);
    }
    ;
}

#token_dev_main .token_dev_banner .banner_btn_sec svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    right: -28%;
    z-index: 0;
    stroke-width: 3;
}

#token_dev_main .token_dev_banner .banner_btn_sec svg text {
    text-transform: uppercase;
    animation: stroke 5s infinite alternate;
    stroke-width: 3;
    stroke: #a06eff;
    font-size: 280px;
    letter-spacing: 12px;
    opacity: 0.45;
}

@keyframes stroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 3;
    }
    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
    }
    80% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-width: 4;
    }
    100% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 1;
    }
}

#token_dev_main .token_dev_crypto_sec {
    padding: 50px 0px;
}

#token_dev_main .token_dev_crypto_sec .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_crypto_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
    border-radius: 6px;
    border: 1px solid #52FF00;
    background: rgba(82, 255, 0, 0.15);
    margin-right: 10px;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.mobile {
    display: none;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #00F0FF;
    background: rgba(0, 240, 255, 0.15);
    color: #fff !important;
}

#token_dev_main .token_dev_services {
    padding: 50px 0px;
}

#token_dev_main .token_dev_services .back_color {
    border-radius: 26px;
    background: #000;
    padding: 40px 20px;
}

#token_dev_main .token_dev_services .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_services .cus_col {
    position: relative;
}

#token_dev_main .token_dev_services .cus_col:after {
    position: absolute;
    content: '';
    top: 32%;
    right: 0px;
    height: 60%;
    width: 2px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #A06EFF 48.75%, rgba(0, 0, 0, 0.00) 100%);
}

#token_dev_main .token_dev_services .service_box {
    padding: 15px;
    text-align: center;
    margin-top: 20px;
}

#token_dev_main .token_dev_services .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#token_dev_main .token_dev_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_services .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#token_dev_main .token_dev_models {
    padding: 50px 0px;
    position: relative;
}

#token_dev_main .token_dev_models .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_models .model_box {
    padding: 15px;
    border-radius: 7px;
    background: #000;
    margin-top: 50px;
    text-align: center;
    min-height: 232px;
}

#token_dev_main .token_dev_models .model_box:hover {
    border: none;
    box-shadow: inset 0px 0px 15px 0px #a87cff75;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#token_dev_main .token_dev_models .sub_title {
    background: linear-gradient(139deg, #A170FF 0%, #BFA2FF 100%);
    color: #090909;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    padding: 5px 20px;
    margin-top: -10%;
}

#token_dev_main .token_dev_models .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_idea_cardsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/token-dev-ideacard.webp?v7');
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        min-height: 477px;
        padding: 60px;
        border-radius: 20px;
    }
}

#token_dev_main .token_dev_idea_cardsec .title {
    font-size: 45px;
    color: #965EFF;
    font-weight: 900;
    line-height: 1.6;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_idea_cardsec .sub_title {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

#token_dev_main .token_dev_techstack {
    padding: 50px 0px;
}

#token_dev_main .token_dev_techstack .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_techstack .contents {
    font-size: 20px;
    font-weight: 500;
}

#token_dev_main .token_dev_features {
    padding: 50px 0px;
}

#token_dev_main .token_dev_features .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_features #feature_bg_color {
    padding: 30px;
    border-radius: 39px;
    background: rgba(160, 110, 255, 0.08);
    box-shadow: 0px 0px 12px 0px #A06EFF inset;
    margin-top: 20px;
}

#token_dev_main .token_dev_features .feature_box {
    border-radius: 6px;
    background: #000;
    box-shadow: 0px 0px 21px 0px rgba(160, 110, 255, 0.58) inset;
    padding: 20px;
    margin: 15px 0px;
    min-height: 248px;
}

#token_dev_main .token_dev_features .head_sec {
    display: flex;
    align-items: center;
}

#token_dev_main .token_dev_features .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#token_dev_main .token_dev_features .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#token_dev_main .token_dev_benefits {
    padding: 50px 0px;
}

#token_dev_main .token_dev_benefits .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_benefits .benefits_list_sec {
    max-height: 400px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#token_dev_main .token_dev_benefits .benefits_list_sec {
    scrollbar-width: thin;
    scrollbar-color: #00F0FF transparent;
    overflow-x: auto;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 6px;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #1e1e1e;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    height: 100px;
}

@-moz-document url-prefix() {
    #token_dev_main .token_dev_benefits .benefits_list_sec {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-y: auto;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::scrollbar {
        width: 5px;
        height: 5px;
        border-radius: 6px;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-track {
        border-radius: 6px;
        background: #1e1e1e;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-thumb {
        border-radius: 30px;
        background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
        height: 100px;
    }
}

/** Scrollbar Styles END **/

#token_dev_main .token_dev_benefits .benefits_list {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding: 0px 20px;
}

#token_dev_main .token_dev_benefits .benefits_list img {
    padding-top: 5px;
}

#token_dev_main .token_dev_benefits .contents_sec {
    padding-left: 20px;
}

#token_dev_main .token_dev_benefits .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_benefits .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_join_cardsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/token-dev-joincard.webp');
        background-repeat: no-repeat;
        display: flex;
        min-height: 542px;
        padding: 30px;
    }
}

#token_dev_main .token_dev_join_cardsec .title {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

#token_dev_main .token_dev_process {
    padding: 50px 0px;
    position: relative;
}

#token_dev_main .token_dev_process .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_process .process_box {
    padding: 0px 20px 20px 20px;
    border-radius: 8px;
    background: #000;
    box-shadow: 0px 0px 12px 0px rgba(160, 110, 255, 0.79) inset;
    margin-top: 40px;
    min-height: 280px;
}

#token_dev_main .token_dev_process .process_box:hover {
    border: none;
    box-shadow: inset 0px 0px 15px 0px #a87cff75;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#token_dev_main .token_dev_process .head_sec {
    display: flex;
    align-items: center;
}

#token_dev_main .token_dev_process .num_sec {
    border-radius: 0px 0px 5px 5px;
    background: linear-gradient(180deg, #B4B0FF 0%, #A06EFF 100%);
    font-size: 25px;
    color: #000;
    font-weight: 600;
    padding: 15px 3px 3px 3px;
}

#token_dev_main .token_dev_process .sub_title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#token_dev_main .token_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_process .cus_numsec {
    margin-top: -6%;
}

#token_dev_main .token_dev_process .cus_subtitle {
    margin-top: 15px;
}

#token_dev_main .token_dev_platforms {
    padding: 50px 0px;
}

#token_dev_main .token_dev_platforms .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_platforms .platform_list {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#token_dev_main .token_dev_platforms .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#token_dev_main .token_dev_platforms .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#token_dev_main .token_dev_sectors {
    padding: 50px 0px;
}

#token_dev_main .token_dev_sectors .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_sectors .contents {
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
}

#token_dev_main .token_dev_sectors .sector_box {
    padding: 15px;
    border-radius: 8px;
    background: #000;
    box-shadow: 5px 4px 0px 0px #A06EFF;
    margin-top: 50px;
    text-align: center;
    min-height: 195px;
}

#token_dev_main .token_dev_sectors .sector_box:hover {
    box-shadow: -5px 4px 0px 0px #A06EFF;
}

#token_dev_main .token_dev_sectors .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#token_dev_main .token_dev_sectors .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_sectors .sprite_icons {
    width: 65px;
    height: 65px;
    object-fit: none;
    margin-top: -15%;
}

#token_dev_main .token_dev_whymetablock {
    padding: 50px 0px;
}

#token_dev_main .token_dev_whymetablock .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_whymetablock .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@media(max-width: 991px) {
    #token_dev_main .token_dev_banner {
        display: flex;
        align-items: center;
        padding-top: 110px;
        text-align: center;
    }
    #token_dev_main .token_dev_banner .img-responsive {
        width: 100%;
    }
    #token_dev_main .token_dev_banner .banner_anim_img {
        width: 85%;
        left: 3%;
    }
    #token_dev_main .token_dev_banner .banner_cont_sec {
        padding-left: 0;
    }
    #token_dev_main .token_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    #token_dev_main .token_dev_crypto_sec,
    #token_dev_main .token_dev_whymetablock,
    #token_dev_main .token_dev_benefits .benefits_img_mblsec {
        text-align: center;
    }
    #token_dev_main .token_dev_crypto_sec img,
    #token_dev_main .token_dev_benefits .benefits_img_mbl,
    #token_dev_main .token_dev_whymetablock img {
        margin-top: 40px;
    }
    #token_dev_main .token_dev_services .cus_col:after {
        display: none;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn_sec {
        justify-content: center;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.desktop {
        display: none;
    }
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card,
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        padding: 30px;
        border-radius: 28px;
        background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.73) 53.65%, rgba(0, 0, 0, 0.44) 100%);
        text-align: center;
        margin: 0px 10px;
    }
    #token_dev_main .token_dev_process .cus_numsec,
    #token_dev_main .token_dev_process .cus_subtitle {
        margin-top: 0;
    }
    #token_dev_main .token_dev_process .sub_title {
        margin-top: 10px;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec {
        display: inherit;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
        width: 100% !important;
    }
}

@media(max-width: 767px) {
    #token_dev_main .token_dev_banner {
        display: flex;
        align-items: center;
    }
    #token_dev_main .token_dev_banner .bnr_img_sec {
        margin-top: 23%;
    }
    #token_dev_main .token_dev_banner .bnr_bld_title {
        font-size: 35px !important;
    }
    #token_dev_main .token_dev_banner .title,
    #token_dev_main .token_dev_idea_cardsec .title {
        font-size: 26px !important;
        line-height: 1.4;
    }
    #token_dev_main .token_dev_banner .banner_btn span,
    #token_dev_main .token_dev_idea_cardsec .token_dev_btn span,
    #token_dev_main .token_dev_whymetablock .token_dev_btn span,
    #token_dev_main .token_dev_join_cardsec .token_dev_btn span {
        font-size: 14px !important;
        padding: 10px 10px;
    }
    #token_dev_main .token_dev_crypto_sec .title,
    #token_dev_main .token_dev_services .title,
    #token_dev_main .token_dev_models .title,
    #token_dev_main .token_dev_idea_cardsec .sub_title,
    #token_dev_main .token_dev_techstack .title,
    #token_dev_main .token_dev_features .title,
    #token_dev_main .token_dev_benefits .title,
    #token_dev_main .token_dev_join_cardsec .title,
    #token_dev_main .token_dev_process .title,
    #token_dev_main .token_dev_platforms .title,
    #token_dev_main .token_dev_sectors .title,
    #token_dev_main .token_dev_whymetablock .title,
    #token_dev_main .token_dev_odd_serv .title {
        font-size: 28px !important;
        line-height: 1.5 !important;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn,
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #token_dev_main .token_dev_models .model_box,
    #token_dev_main .token_dev_features .feature_box,
    #token_dev_main .token_dev_process .process_box,
    #token_dev_main .token_dev_sectors .sector_box {
        min-height: 0px;
    }
    #token_dev_main .token_dev_services {
        padding: 50px 20px;
    }
    #token_dev_main .token_dev_services .back_color {
        padding: 30px 10px;
    }
    #token_dev_main .token_dev_services .service_box {
        margin-top: 0;
    }
    #token_dev_main .token_dev_idea_cardsec .token_dev_btn_sec,
    #token_dev_main .token_dev_join_cardsec .token_dev_btn_sec,
    #token_dev_main .token_dev_whymetablock .token_dev_btn_sec {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
}

@media(max-width: 576px) {
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card {
        padding: 20px 10px;
    }
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        padding: 20px 10px;
    }
    #token_dev_main .token_dev_banner .banner_anim_img {
        left: 5%;
        width: 83%;
    }
    #token_dev_main .token_dev_features #feature_bg_color {
        margin: 20px 0 10px;
        padding: 20px;
    }
    #token_dev_main .token_dev_idea_cardsec,
    #token_dev_main .token_dev_join_cardsec {
        padding: 10px 0px;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx {
        width: 80px !important;
        height: 80px !important;
        left: calc(50% - 50px) !important;
        top: calc(10% - 75px) !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec {
        width: 100% !important;
        text-align: center;
        padding-left: 20px !important;
        padding-top: 40px !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx img {
        max-width: 55px !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
        margin: 15px 0px !important;
    }
}

#token_dev_main .token_dev_odd_serv {
    padding: 50px 0px;
}

#token_dev_main .token_dev_odd_serv .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 20%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
    position: relative;
    min-height: 250px;
    height: 100%;
    background: #000;
    display: flex;
    width: 45%;
    margin: 30px 0;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #000;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    width: 100%;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx {
    width: 120px;
    height: 120px;
    left: -75px;
    top: calc(50% - 75px);
    transition: 0.5s ease-in-out;
    background: #a679ff;
    border-radius: 5px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-style: 6em;
    color: rgba(255, 255, 255, .05);
    font-weight: 700;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx img {
    transition: 0.5s ease-in-out;
    max-width: 100px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx img {
    max-width: 75px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 13%;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec .sub_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
    background: linear-gradient(131deg, #A06EFF 20%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

.blockchain_consulting_services .blockchain_development_bnr_section {
    /* position: relative; */
    color: #fff;
    background: url(../../static/media/Defistaking-blockchain-banner.80120b8623bc11a80d2a.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    width: 100%;
    display: flex;
}

.blockchain_consulting_services .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_consulting_services .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_consulting_services .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_consulting_services .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_consulting_services .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_consulting_services .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_consulting_services .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_consulting_services .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_consulting_services .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .alg_mac {
    /* padding: 50px 0; */
    background: #000;
}

.blockchain_consulting_services .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_consulting_services .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_consulting_services .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_consulting_services .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_consulting_services .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_consulting_services .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_consulting_services .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_consulting_services .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_consulting_services .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_consulting_services .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_consulting_services .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 466px;
    position: relative;
    z-index: 1;
}

.blockchain_consulting_services .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_consulting_services .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
    filter: hue-rotate(45deg);
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_consulting_services .metaverse_game_services .ourconsultation {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_consulting_services .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_consulting_services .blockchain_development_bnr_section {
        /* background: url(../../../../../public/images/Defistaking-blockchain-banner.webp) !important; */
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .title,
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .blockchain_software .section_heading,
    .blockchain_consulting_services .blk_dev_bnr_btn_sec,
    .blockchain_consulting_services .metaverse_dev_why .title,
    .blockchain_consulting_services .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_consulting_services .blockchain_software .bs_d_c_bg,
    .blockchain_consulting_services .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .alg_mac .title,
    .blockchain_consulting_services .metaverse_game_services .title,
    .blockchain_consulting_services .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    .blockchain_consulting_services .metaverse_dev_why {
        overflow: visible;
        overflow: initial;
        margin-top: 39px;
    }
    .blockchain_consulting_services .metaverse_game_services {
        margin-top: 30px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/* @media (max-width:768px) {
    .blockckain-consultings {
        margin-top: 25vh;
    }

    .our-consulations {
        margin-top: 10vh;
    }

    .sub_contents-defi {
        font-size: 19px;
        padding-top: 10px;
    }

    .defi-why-choose {
        margin-bottom: 100vh;
    }

    .participate-defi {
        margin-top: 80vh;
    }
} */

/* .sub_contents-defi {
    font-size: 19px;
    padding-top: 10px;
} */

@media (max-width:768px) {
    .defi-staking-development {
        margin-bottom: 40vh;
    }
    .consulting-blockchain {
        margin-bottom: 30vh;
    }
    .blockchain-consult-company {
        margin-bottom: 30vh;
    }
    .our-consultation {
        margin-bottom: 10vh;
    }
}

#nft_marketplace_main {
    background: #090909;
}

.nft-development-container-right-div {
    display: none !important;
}

@media(max-width:430px) {
    .nft-development-container-right-div {
        display: block !important;
    }
    .nft-development-container-right {
        display: none !important;
    }
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url(../../../../../public/images/NFT-Marketplace-Development-banner.png) !important; */
    background-size: cover;
    background-repeat: no-repeat !important;
    background-position: top right;
    min-height: 100vh;
    width: 100% !important;
    display: flex;
    align-items: left !important;
    justify-content: flex-end !important;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

.nft_token_development .banner_sec {
    /* background: url(./asset/nft-token-development/banner_new.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

.nft_token_development .banner_sec .title {
    font-size: 60px;
    font-weight: 800;
    color: #fff;
    margin-top: 120px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.nft_token_development .banner_sec .contents {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
    text-align: left;
    color: #fff;
    margin-top: 20px;
}

.nft_token_development .banner_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    border-radius: 50px;
    width: 209px;
    line-height: 32px;
    text-transform: none;
    text-transform: uppercase;
    margin-top: 15px;
}

.nft_token_development .banner_sec .btn_style {
    text-align: left;
}

.nft_token_development .banner_sec .row_just {
    display: flex;
    justify-content: flex-start;
    margin-left: 60px;
}

.nft_token_development .banner_sec .spel_txt {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .non_fungible_token .row_just {
    display: flex;
    justify-content: center;
}

.nft_token_development .non_fungible_token {
    padding: 60px 0px 30px 0px;
}

.nft_token_development .non_fungible_token .title {
    font-weight: 700;
    font-size: 35px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .non_fungible_token .contents {
    font-size: 17px;
    line-height: 1.8;
    color: #fff;
    text-align: left;
}

.non_fungible_token .row_align {
    align-items: center;
    display: flex;
}

.nft_token_development .bitcoin_whats {
    color: #fff !important;
    background-color: #25D366;
    font-weight: 600;
    font-size: 18px;
    padding: 7px 25px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.nft_token_development .bitcoin_tele {
    color: #fff !important;
    background-color: #4eaff0;
    font-weight: 600;
    font-size: 18px;
    padding: 7px 25px;
    border-radius: 50px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.nft_token_development .service-grid {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

.nft_token_development .service-title .title {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 35px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .service-grid .title {
    font-weight: 700;
    font-size: 35px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .service-grid .icon_sprit {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(0);
}

.nft_token_development .service-wrap:hover {
    /* background-image: url(./asset/nft-token-development/provide_img.jpg); */
    background-size: cover;
    background-position: center center;
    background-attachment: local;
    transition: all .5s;
}

.nft_token_development .service-wrap:hover .icon_sprit {
    filter: none;
}

.nft_token_development .nft_token_development .service-icon {
    position: relative;
}

.nft_token_development .service-wrap {
    border: 1px solid #bd48ff;
    padding: 30px 10px 10px;
    position: relative;
    margin-top: 30px;
    min-height: 430px !important;
    background: #000;
}

.nft_token_development .service-wrap .sub-title {
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 17px;
    font-size: 22px;
    text-transform: capitalize;
    position: relative;
}

.nft_token_development .service-wrap .sub-content {
    position: relative;
    font-weight: 400;
    font-size: 17px;
}

.nft_token_development .service-wrap:hover .sub-title,
.nft_token_development .service-wrap:hover .sub-content {
    color: #fff;
}

.nft_token_development .service-wrap:hover:before {
    background: rgba(0, 0, 0, 0.2901960784313726);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    content: "";
    top: 0;
    opacity: 1;
}

.nft_token_development .identity_management_with_nft .row_align {
    justify-content: center;
    display: flex;
}

.nft_token_development .identity_management_with_nft {
    padding: 50px 0;
}

.nft_token_development .identity_management_with_nft .title {
    font-weight: 700;
    font-size: 35px;
    color: #8527a3;
    text-align: center;
}

.nft_token_development .identity_management_with_nft .tab_new {
    padding-top: 50px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    line-height: 1.5;
    font-weight: 300;
    color: #888;
    -webkit-font-smoothing: antialiased;
}

.nft_token_development .identity_management_with_nft .tabs_new {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    padding-left: 0;
}

.nft_token_development .identity_management_with_nft .tabs_new li {
    float: left;
    line-height: 38px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 25%;
}

.nft_token_development .identity_management_with_nft .tabs_new a {
    background-color: #eff0f2;
    border-bottom: 1px solid #fff;
    color: #888;
    font-weight: 700;
    display: block;
    letter-spacing: 0;
    outline: none;
    padding: 0 20px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    border-bottom: 2px solid #f0b80b;
    font-size: 22px;
    text-align: center;
}

.nft_token_development .identity_management_with_nft .tabs_item_new {
    display: none;
    padding: 30px 0;
    background-image: linear-gradient(to right, #85e2ff, #a89dee);
    margin-top: 50px;
}

.nft_token_development .identity_management_with_nft .tabs_item_new p {
    font-size: 17px;
    color: #000;
    padding-right: 20px;
}

.nft_token_development .identity_management_with_nft .tabs_item_new h4 {
    font-weight: bold;
    color: #8527a3;
    font-size: 20px;
}

.nft_token_development .identity_management_with_nft .tabs_item_new img {
    width: 200px;
    float: left;
    margin-right: 30px;
    margin-left: 30px;
}

.nft_token_development .identity_management_with_nft .tabs_item_new:first-child {
    display: block;
}

.nft_token_development .identity_management_with_nft .current a {
    color: #fff;
    background-image: linear-gradient(to right, #85e2ff, #a89dee);
}

.nft_token_development .identity_management_with_nft .icon_sprit {
    width: 200px;
    height: 200px;
    object-fit: none;
}

.nft_token_development .nft_token_development_standards {
    padding: 50px 0 0 0;
}

.nft_token_development .nft_token_development_standards .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    text-align: center;
}

.nft_token_development .nft_token_development_standards {
    /*background: url(./asset/nft-token-development/provide_bg.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nft_token_development .nft_token_development_standards .wrapper_new {
    width: 100% !important;
    margin: 50px auto;
}

.nft_token_development .nft_token_development_standards .wrapper_new h1 {
    margin-top: 50px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 1.5em;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble {
    background-color: #fff;
    color: #000;
    font-size: 0.8em;
    line-height: 1.75;
    padding: 15px 25px;
    margin-bottom: 30px;
    cursor: default;
    box-shadow: 4px 6px 3px rgb(0 0 0 / 4%), 4px 5px 13px 0px rgb(0 0 0 / 12%);
    min-height: 200px;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .contant {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .sub_title {
    font-weight: bold;
    font-size: 20px;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .sub_title.tit_clr1 {
    color: #56b273;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .sub_title.tit_clr2 {
    color: #01AD9B;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .sub_title.tit_clr3 {
    color: #b388dd;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .sub_title.tit_clr4 {
    color: #ff8750;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .sub_title.tit_clr5 {
    color: #85e2ff;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble .sub_title.tit_clr6 {
    color: #cddc39;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.odd_item {
    border-left: 5px solid;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.even_item {
    border-right: 5px solid;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.odd_item.color_1 {
    border-color: #56b273;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.even_item.color_2 {
    border-color: #01AD9B;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.odd_item.color_3 {
    border-color: #b388dd;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.even_item.color_4 {
    border-color: #ff8750;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.odd_item.color_5 {
    border-color: #85e2ff;
}

.nft_token_development .nft_token_development_standards .wrapper_new .speechbubble.even_item.color_6 {
    border-color: #cddc39;
}

.nft_token_development .use_cases_of_non_fungible_token {
    padding: 50px 0;
    background: #000;
}

.nft_token_development .use_cases_of_non_fungible_token .icon_sprit {
    object-fit: none;
    width: 90px;
    height: 90px;
}

.nft_token_development .we_help_you_with_qualified_services .icon_sprit {
    object-fit: none;
    width: 90px;
    height: 90px;
}

.nft_token_development .we_help_you_with_qualified_services .icon_sprit_1 {
    object-fit: none;
    width: 20px;
    height: 20px;
}

.nft_token_development .use_cases_of_non_fungible_token .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.nft_token_development .use_cases_of_non_fungible_token .heart-btn {
    position: absolute;
    top: 25px;
    right: 20px;
    padding: 1rem;
    display: none;
}

.nft_token_development .use_cases_of_non_fungible_token .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.nft_token_development .use_cases_of_non_fungible_token .content img {
    width: 90px;
    height: 90px;
    border-radius: 100px;
    overflow: hidden;
    object-fit: cover;
    object-position: top;
}

.nft_token_development .use_cases_of_non_fungible_token .content strong {
    font-weight: 500;
    color: #141414;
    margin-top: 10px;
}

.nft_token_development .use_cases_of_non_fungible_token .box {
    min-width: 250px;
    background-color: #fff;
    box-shadow: 2px 3px 30px rgb(0 0 0 / 5%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin: 20px;
    position: relative;
    border-radius: 10px;
}

.nft_token_development .use_cases_of_non_fungible_token .top-bar {
    width: 50%;
    height: 4px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px 0px 10px 10px;
}

.nft_token_development .we_help_you_with_qualified_services {
    padding: 50px 0 100px 0;
}

.nft_token_development .we_help_you_with_qualified_services .header-section {
    margin-bottom: 50px;
}

.nft_token_development .we_help_you_with_qualified_services .header-section .small-title {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #3e64ff;
}

.nft_token_development .we_help_you_with_qualified_services .header-section .title {
    font-weight: 700;
    font-size: 45px;
}

.nft_token_development .we_help_you_with_qualified_services .single-person {
    /* margin-top: 30px;*/
    padding: 30px;
    background-color: #f6f9ff;
    border-radius: 5px;
}

.nft_token_development .we_help_you_with_qualified_services .single-person:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

.nft_token_development .we_help_you_with_qualified_services .single-person .person-image {
    position: relative;
    margin-bottom: 50px;
    border-radius: 50%;
    border: 4px dashed transparent;
    transition: padding .3s;
}

.nft_token_development .we_help_you_with_qualified_services .single-person:hover .person-image {
    padding: 12px;
}

.nft_token_development .we_help_you_with_qualified_services .single-person .person-image .icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
}

.nft_token_development .we_help_you_with_qualified_services .single-person:hover .person-image .icon {
    background: none;
    background-color: #fff;
    color: #016cec;
}

.nft_token_development .we_help_you_with_qualified_services .single-person .person-info .speciality {
    font-weight: 500;
    color: #141414;
    margin-top: 10px;
    font-size: 17px;
}

.nft_token_development .we_help_you_with_qualified_services .single-person:hover .full-name,
.nft_token_development .we_help_you_with_qualified_services .single-person:hover .speciality {
    color: #fff;
}

.nft_token_development .launch_your_nft_token {
    padding: 50px 0px;
}

.nft_token_development .launch_your_nft_token .blockchain_bg:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    /* background: url(./asset/bitcoin-mining/blockchain-banner.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.nft_token_development .launch_your_nft_token .blockchain_bg {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 31px;
    position: relative;
    padding: 40px;
    text-align: center;
    z-index: 1;
}

.nft_token_development .launch_your_nft_token .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
}

.nft_token_development .launch_your_nft_token .contents {
    font-size: 17px;
    line-height: 1.7;
    color: #fff;
}

.nft_token_development .launch_your_nft_token .row_just {
    display: flex;
    justify-content: center;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table {
    text-align: center;
    background-color: #E442FF;
    color: #feeac9;
    margin: 0 20px;
    padding: 30px 0 40px;
    position: relative;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table.blue {
    background-color: #8251ff;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table:after {
    background-color: #000;
    bottom: -60px;
    content: "";
    height: 60px;
    position: absolute;
    width: 60%;
    left: 50%;
    transform: rotate(-12deg);
    transform-origin: left top 0;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table:before {
    background-color: #000;
    bottom: -60px;
    content: "";
    height: 60px;
    position: absolute;
    width: 60%;
    right: 50%;
    transform: rotate(12deg);
    transform-origin: right top 0;
}

.nft_token_development .we_help_you_with_qualified_services h3 {
    margin-top: 10px;
    padding: 10px;
    color: #fff;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .pricing-header {
    background-color: #8527a3;
    color: #635a5b;
    padding: 0px 0;
    margin: 0 -20px 10px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: inset 0 0 10px #635a5b;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .pricing-header:before {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    border-top: 20px solid #958b72;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .pricing-header:after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: 0;
    border-top: 20px solid #958b72;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .price-value {
    margin-bottom: 10px;
    font-size: 50px;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .price-value .time {
    font-size: 17px;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .pricingContent ul {
    font-size: 17px;
    line-height: 50px;
    padding: 0 20px;
    margin-bottom: 20px;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .pricingContent ul li {
    border-bottom: 2px dotted #EEE1D3;
    font-size: 17px;
    line-height: 2;
    font-weight: 500;
    color: #000;
    min-height: 107px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .pricingContent ul li:last-child {
    border-bottom: none;
}

.nft_token_development .we_help_you_with_qualified_services .pricing-table .pricingTable-Sign-Up a {
    display: inline-block;
    padding: 10px 25px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #635a5b;
    background-color: #E3D1B9;
    transition: all 0.3s ease 0s;
    box-shadow: inset 0 0 10px #635a5b;
}

.nft_token_development .identity_anagement_with_nft .defi_sec_titles {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .identity_anagement_with_nft .defi_sec_para {
    font-size: 17px;
    line-height: 1.7;
    color: #fff;
}

.nft_token_development .identity_anagement_with_nft .how_defi_transform_world_box_ul {
    padding-left: 0px;
}

.identity_anagement_with_nft .how_defi_transform_world_box .title {
    font-weight: bold;
    font-size: 20px;
}

.nft_token_development .identity_anagement_with_nft .how_defi_transform_world_box_list {
    min-height: 184px;
}

.nft_token_development .identity_anagement_with_nft .box_list_cntnt {
    line-height: 30px;
    text-align: justify;
    padding: 12px;
}

.nft_token_development .identity_anagement_with_nft .how_defi_transform_world_box .box_title {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.nft_token_development .identity_anagement_with_nft .how_defi_transform_world_box {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    margin: 10px auto;
    min-height: 261px;
}

.nft_token_development .features_of_our_nft_token_development {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000;
}

.nft_token_development .features_of_our_nft_token_development .title {
    text-align: center;
    font-weight: 800;
    font-size: 35px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .features_of_our_nft_token_development .mgd_advantage_card {
    padding: 10px;
    margin-top: 20px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    box-shadow: 8px 0px 0px 0px #f77905;
    border-radius: 20px 0px 20px 0px;
}

.nft_token_development .features_of_our_nft_token_development .mgd_advantage_card_content {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}

.nft_token_development .features_of_our_nft_token_development .row_justify {
    display: flex;
    justify-content: center;
}

.nft_token_development .benefits_of_the_nft_token_development {
    padding-top: 50px;
    padding-bottom: 50px;
}

.nft_token_development .benefits_of_the_nft_token_development .title {
    font-size: 35px;
    text-align: center;
    font-weight: 800;
    margin-bottom: 30px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .benefits_of_the_nft_token_development .row_align {
    display: flex;
    align-items: center;
}

.nft_token_development .benefits_of_the_nft_token_development .mgd_why_metablock_ul {
    display: grid;
    justify-content: flex-end;
}

.nft_token_development .benefits_of_the_nft_token_development ul li p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    padding-left: 15px;
}

.nft_token_development .benefits_of_the_nft_token_development ul li {
    display: flex;
    margin-top: 25px;
    align-items: center;
}

.nft_token_development .benefits_of_the_nft_token_development ul li i {
    color: #ff7300;
    font-size: 18px;
}

.nft_token_development .benefits_of_the_nft_token_development .row_justify {
    display: flex;
    justify-content: center;
}

.nft_token_development .trending_nft_tokens_list {
    background-color: #000;
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.nft_token_development .trending_nft_tokens_list .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.nft_token_development .trending_nft_tokens_list .nftgp_sec_title {
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    text-shadow: none;
    position: relative;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nft_token_development .trending_nft_tokens_list ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #7253ff;
    background-color: #000;
}

.nft_token_development .trending_nft_tokens_list ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

.nft_token_development .trending_nft_tokens_list ul li {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 10px 10px;
    position: relative;
    z-index: 0;
}

.nft_token_development .trending_nft_tokens_list .nftgp_box .nftgp_desc {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

@media screen and (max-width:990px) {
    .nft_token_development .we_help_you_with_qualified_services .pricing-table {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .nft_token_development .banner_sec {
        height: auto;
        height: initial;
        background: linear-gradient(to right, #85e2ff, #a89dee);
        padding: 175px 0px 60px 0px;
    }
}

@media only screen and (max-width: 600px) {
    .nft_token_development .trending_nft_tokens_list ul {
        display: grid;
    }
    .nft_token_development .trending_nft_tokens_list ul li {
        width: 100%;
        margin: 10px 0px;
    }
    .nft_token_development .benefits_of_the_nft_token_development .row_align {
        display: inline;
        display: initial;
    }
}

@media (max-width: 765px) {
    .nft_token_development .banner_sec {
        padding: 0px 0px 50px 0px;
        background: #000;
    }
    .nft_token_development .banner_sec .row_just {
        margin-left: 0px;
    }
    .nft_token_development .banner_sec .title {
        font-size: 40px !important;
        text-align: center;
    }
    .nft_token_development .bitcoin_tele {
        margin-left: 0px;
    }
    .nft_token_development .banner_sec .contents {
        text-align: center;
    }
    .nft_token_development .row_just {
        margin-left: 0px;
    }
    .nft_token_development .banner_sec .btn_style {
        text-align: center;
    }
    .nft_token_development .non_fungible_token .title {
        text-align: center;
    }
    .nft_token_development .non_fungible_token .contents {
        text-align: justify;
    }
    .nft_token_development .non_fungible_token .social_icon {
        text-align: center;
    }
    .we_help_you_with_qualified_services .pricing-table:after {
        display: none;
    }
    .we_help_you_with_qualified_services .pricing-table:before {
        display: none;
    }
    .nft_token_development .identity_management_with_nft .row_align {
        margin-right: 0px;
        margin-left: 0px;
    }
    .nft_token_development .benefits_of_the_nft_token_development .mgd_why_metablock_ul {
        justify-content: start;
    }
    .nft_token_development .benefits_of_the_nft_token_development .title {
        line-height: 35px;
    }
}

#white_label_crypto_main {
    background: #090909;
}

#white_label_crypto_main .testiSc {
    padding: 60px 0px;
}

#white_label_crypto_main .testiSc .rwJsut {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .testiSc .testiScTlt {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .testiSc .testiScCnt {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLst {
    background: #131214;
    padding: 30px;
    text-align: center;
    margin-top: 40px;
    min-height: 490px;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstTlt {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: capitalize;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstCnt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLstGard {
    font-size: 15px;
    font-weight: 600;
    color: #8b8b8b;
}

#white_label_crypto_main .testiSc .testMoLstRev {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #be47ff;
}

#white_label_crypto_main .testiSc .testMoImgBg {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 5px #ccc;
    margin-top: -65px;
}

#white_label_crypto_main .testiSc .owl-nav {
    display: none;
}

#white_label_crypto_main .testiSc .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#white_label_crypto_main .testiSc .owl-dot {
    width: 10px;
    height: 10px;
    background: #481b93;
    margin: 3px;
    border-radius: 50px;
}

@media(max-width: 767px) {
    .testiSc .rwJsut {
        display: inline;
        display: initial;
    }
}

@media (min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        align-items: center !important;
        height: 100vh;
        display: flex;
        background: linear-gradient(180deg, #B59BFD 0%, #F4C6F5 46.35%, #BBEAFC 100%);
    }
}

#white_label_crypto_main .white_label_crypto_banner .title-10 {
    color: #34203F;
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
}

#white_label_crypto_main .white_label_crypto_banner .contents {
    color: #4B3A54;
    padding-top: 10px;
    font-size: 16px;
    line-height: 27px;
}

#white_label_crypto_main .white_label_crypto_banner .banner_site {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_sec {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_sec .line_sec {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_sec .line {
    background: #c846ff;
    border-radius: 5px;
    width: 110px;
    height: 3px;
    position: absolute;
}

#white_label_crypto_main .white_label_crypto_sec .dot {
    border-radius: 50px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -5px;
    left: 10px;
    background: #c547ff;
    z-index: 1;
}

#white_label_crypto_main .white_label_crypto_sec .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_sec .contents {
    margin-bottom: 0px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list {
    position: relative;
    background: #131214;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 75px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #fff;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
}

#white_label_crypto_main .white_label_crypto_comp {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_comp .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn_sec {
    text-align: center;
    margin-top: 30px;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00BB61 23.02%, #09D55A 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00A6DA 23.02%, #15C8EF 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_features {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_features .features_list .sub_content {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_features .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
        margin-top: 30px;
        justify-content: center;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a {
        border: 1px solid #FE069E !important;
        border-radius: 50px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        color: #fe069e;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a.active {
        background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
        border-radius: 50px;
        color: #fff !important;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-heading {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
        padding: 15px 10px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-title-10 a {
        display: block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a .panel-title-10 {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 0px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

#white_label_crypto_main .white_label_crypto_features .features_list {
    padding: 15px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgb(255 255 255) 105.18%), #090909;
    background-blend-mode: soft-light, normal;
    border: 1px solid rgb(9 9 9);
    box-shadow: inset -2.5px -2.5px 5px #393535, inset 2.5px 2.5px 5px #000000;
    border-radius: 10px;
}

#white_label_crypto_main .white_label_crypto_types {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_types .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .types_box {
    background: #000000;
    padding: 10px;
    border: 2px solid #d13c80;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 438px;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover {
    box-shadow: inset 0px 0px 15px 0px #e3288c6b;
    border: none;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#white_label_crypto_main .white_label_crypto_types .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
    font-weight: 500;
    line-height: 1.5;
}

#white_label_crypto_main .white_label_crypto_types .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff94;
}

#white_label_crypto_main .white_label_crypto_types .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .white_label_crypto_benefits {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list {
    display: flex;
    align-items: center;
    padding: 8px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list img {
    width: 35px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding-left: 10px;
}

#white_label_crypto_main .exchange_software_work {
    padding: 0px 0px 70px 0px;
}

#white_label_crypto_main .exchange_software_work .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#white_label_crypto_main .exchange_software_work .timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:before {
    background: #0050ff;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:after {
    content: "";
    width: 3px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    padding-bottom: 40px;
}

#white_label_crypto_main .exchange_software_work .container_line {
    width: 100%;
    padding: 50px 0 0 0;
    position: relative;
    overflow: hidden;
}

#white_label_crypto_main .exchange_software_work .container_line:before {
    content: '';
    position: absolute;
    top: 71px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 73%;
    background: #CCD1D9;
    z-index: 1;
}

#white_label_crypto_main .exchange_software_work .timeline-block {
    width: calc(50% + 8px);
    display: flex;
    justify-content: space-between;
    clear: both;
}

#white_label_crypto_main .exchange_software_work .timeline-block-right {
    float: right;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left {
    float: left;
    direction: rtl
}

#white_label_crypto_main .exchange_software_work .marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #F5F7FA;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    margin-top: 10px;
    z-index: 9999
}

#white_label_crypto_main .exchange_software_work .timeline-block-right:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    width: 100%;
    padding: 0 0px;
    color: #666;
}

#white_label_crypto_main .exchange_software_work .timeline-content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500
}

#white_label_crypto_main .exchange_software_work .timeline-content span {
    font-size: 15px;
    color: #a4a4a4;
}

#white_label_crypto_main .exchange_software_work .timeline-content p {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 15px;
    color: #fff;
    background: #131214;
    padding: 15px;
    margin: 10px 20px;
}

@media screen and (max-width: 768px) {
    #white_label_crypto_main .exchange_software_work .container_line:before {
        left: 8px;
        width: 2px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block {
        width: 100%;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-right {
        float: none;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-left {
        float: none;
        direction: ltr;
    }
}

@media(min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 50px;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        background: url(../../static/media/banner_platform.1ca29b884e8d7f7379ee.webp);
    }
}

#white_label_crypto_main .white_label_crypto_platform .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_modules .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_modules .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list {
    background: #131214;
    border: 2px solid #ffffff14;
    border-radius: 35px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .num_sec {
    color: #FE069E;
    font-size: 28px;
    font-weight: 700;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
}

#white_label_crypto_main .white_label_crypto_process {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_process .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_title-10 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .row_justify {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .process_line {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_process .process_line:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 85px;
    width: 85%;
    height: 1px;
    background: #d75994;
    background-size: 3px 20px, 100% 20px;
    border: none;
}

#white_label_crypto_main .white_label_crypto_whychoose {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_whychoose .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 15px;
    text-align: justify;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_sec {
    background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    padding: 30px;
    border-radius: 0px 20px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list i {
    color: #fff;
    font-size: 22px;
    animation: 2s ease-in-out infinite arrow1;
}

@keyframes arrow1 {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(10px, 0)
    }
}

#white_label_crypto_main .white_label_crypto_whychoose .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0px;
    padding-left: 20px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_hire {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_hire .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_hire .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
    text-align: justify;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
    padding: 30px 50px;
    background: linear-gradient(45deg, #850052, #a20064);
    border-radius: 25px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .solution_security {
    padding: 70px 0px;
}

#white_label_crypto_main .solution_security .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .solution_security .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .solution_security .types_box {
    background: #131214;
    padding: 20px;
    border: 1px solid #FE069E !important;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 202px;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .solution_security .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 500;
    line-height: 1.3;
}

#white_label_crypto_main .solution_security .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}

#white_label_crypto_main .solution_security .types_box:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    border: none !important;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .top_crypto_exchange_clone_script {
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #FE069E;
    background-color: #131214;
    /*transition:1s;*/
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:hover {
    transform: scale(1.08);
    border-radius: 10px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .nftgp_box .nftgp_desc {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

@media only screen and (max-width: 600px) {
    #white_label_crypto_main .top_crypto_exchange_clone_script ul {
        display: grid;
    }
    #white_label_crypto_main .top_crypto_exchange_clone_script ul li {
        width: 100%;
        margin: 10px 0px;
    }
}

@media (max-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_process .process_line:before {
        display: none;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_banner .title-10 {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security {
        padding: 50px 0px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security,
    #white_label_crypto_main .exchange_software_work {
        padding: 0px 0px 30px 0px;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_sec .contents,
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_sec .line_sec {
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }
    #white_label_crypto_main .white_label_crypto_sec .dot {
        left: 45%;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_comp .title-10,
    #white_label_crypto_main .white_label_crypto_features .title-10,
    #white_label_crypto_main .white_label_crypto_types .title-10,
    #white_label_crypto_main .white_label_crypto_benefits .title-10,
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_process .title-10,
    #white_label_crypto_main .white_label_crypto_whychoose .title-10,
    #white_label_crypto_main .white_label_crypto_hire .title-10,
    #white_label_crypto_main .white_label_crypto_platform .title-10,
    #white_label_crypto_main .solution_security .title-10,
    #white_label_crypto_main .exchange_software_work .title-10,
    #white_label_crypto_main .top_crypto_exchange_clone_script .title-10,
    #white_label_crypto_main .testiSc .testiScTlt {
        font-size: 25px !important;
        line-height: 1.4;
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_types .types_box,
    #white_label_crypto_main .solution_security .types_box {
        min-height: 0px;
    }
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
        padding: 30px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_process .row_justify {
        display: inline;
        display: initial;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn,
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 10px 10px;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
        margin-left: 0px;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
        font-size: 12px;
        padding: 9px 10px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
        padding: 8px 20px;
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 9px 14px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
        margin-left: 0px;
        padding: 8px 15px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-content p {
        margin-left: 10px !important;
        margin: 0px;
    }
}

/* .solutions h2 {
text-align: center;
}

section {
padding: 0px;
}
footer {
background: unset;
border: none;
}

.solution-box h3, .solution-box p {
color: #fff;
}
.hire-para
{
color: #fff;
}
.why_txt_cnt h2
{
font-weight: 700;
color: #fff;
text-transform: capitalize;
font-size: 25px;
letter-spacing: 0;
font-family: Raleway, sans-serif;
line-height: 1.5;
text-align: left;
}
.impact_text h2
{
text-align: center;
}
  .mid_section p {
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hire_title
{
    font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  font-size: 25px;
  letter-spacing: 0;
  font-family: Raleway, sans-serif;
  line-height: 1.5;
}*/

.private_public_blockchain_development .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/private_banner.f800f68f441d959e8246.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.private_public_blockchain_development .blockchain_development_bnr_section .title-1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.private_public_blockchain_development .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.private_public_blockchain_development .blockchain_development_bnr_section .cus_title-1 {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.private_public_blockchain_development .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.private_public_blockchain_development .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.private_public_blockchain_development .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.private_public_blockchain_development .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    background: #fff;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.private_public_blockchain_development .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.private_public_blockchain_development .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.private_public_blockchain_development .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .mid_section {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .mid_section .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 13px;
}

.private_public_blockchain_development .mid_section .spr_img {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.private_public_blockchain_development .mid_section .media-heading {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(105.71deg, #BD3AFF -4.33%, #5A69FF 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
    padding-top: 10px;
}

.private_public_blockchain_development .mid_section .media-heading .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: left;
    min-height: 280px;
}

.private_public_blockchain_development .mid_section .work_with_box {
    border: 2px solid #4E4E4E;
    border-radius: 25px;
    padding: 20px;
    min-height: 387px;
    margin-top: 10px;
}

.private_public_blockchain_development .alg_mac {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .alg_mac .title-1 {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.private_public_blockchain_development .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.private_public_blockchain_development .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(90deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.private_public_blockchain_development .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.private_public_blockchain_development .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.private_public_blockchain_development .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
}

.private_public_blockchain_development .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.private_public_blockchain_development .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 75vh;
}

.private_public_blockchain_development .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .metaverse_dev_why .title-1 {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.private_public_blockchain_development .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

@media (max-width: 767px) {
    .private_public_blockchain_development .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        /*height: 550px;*/
        display: flex;
        align-items: center;
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .title-1,
    .private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title,
    .private_public_blockchain_development .blockchain_software .section_heading,
    .private_public_blockchain_development .blk_dev_bnr_btn_sec,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents {
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .private_public_blockchain_development .alg_mac .ul_list.right li {
        margin-left: 0px;
    }
    .private_public_blockchain_development .blockchain_software .bs_d_c_bg,
    .private_public_blockchain_development .alg_mac .ul_list,
    .private_public_blockchain_development .alg_mac .ul_list.right {
        padding: 0px;
    }
    .private_public_blockchain_development .alg_mac .ul_list li::before {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .alg_mac .title-1 {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.skiptranslate.goog-te-gadget,
#google_translate_element {
    visibility: hidden;
}

.skiptranslate.goog-te-gadget div:nth-child(1) {
    visibility: visible;
}

.skiptranslate iframe {
    display: none !important;
}

.fixed_social_icons {
    bottom: 29%;
    right: 1.2%;
    position: fixed;
    z-index: 10;
}

/*.fixed_social_icons ul {
        padding-left: 0px;
        padding: 10px 3px;
        text-align: center;
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
    }*/

.fixed_social_icons li {
    float: none;
    list-style: none;
    margin-bottom: 10px;
}

.fixed_social_icons li a img {
    max-width: 25px;
}

a.whatsapp {
    position: relative;
}

.fixed_social_icons a.mobile {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    float: none;
    float: initial;
}

.fixed_social_icons a.desktop {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
}

.fixed_social_icons a.skype_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.telegram_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.whatsapp:after {
    border: 5px solid #17c258;
}

@media screen and (max-width: 991px) {
    .fixed_social_icons .desktop {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons {
        right: 2% !important;
        bottom: 20%;
    }
    #back_to_top_button {
        bottom: 14% !important;
    }
}

@media (max-width: 767px) {
    #back_to_top_button {
        width: 40px !important;
        right: 15px !important;
        bottom: 14% !important;
    }
    .fixed_social_icons li a img {
        max-width: 22px !important;
    }
    .fixed_social_icons li {
        margin-bottom: 10px;
    }
    #back_to_top_button i {
        font-size: 20px;
    }
    .fixed_social_icons {
        bottom: 20%;
        right: 1.5%;
    }
}

@media (max-width: 567px) {
    #back_to_top_button {
        right: 8px !important;
    }
}

/*Start Back to Top Section*/

#back_to_top_button {
    display: inline-block;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 21%;
    right: 17px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 20%;
    left: 33%;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

/*End Back to Top Section*/

/*Fixed Button Start */

.designer_pops .demo-icon {
    font-size: 16px;
    position: fixed;
    white-space: nowrap;
    left: 100%;
    top: 50%;
    z-index: 10;
    color: #fff;
    padding: 4px 15px;
    text-transform: capitalize;
    font-weight: 500;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    cursor: pointer;
    transform: translate(-59%, -50%) rotate(-90deg);
    text-align: center;
    border-radius: 0px;
    border: none;
    animation: change_bg 5s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
}

/*Fixed Button End*/

.home_blog_box img {
    display: block;
    max-width: 100% !important;
    height: auto;
}

.inr_cont h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400px;
    color: #fff;
    line-height: 25px;
}

.blog-sec .page_why h3 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.blog_box.home_blog_box .inr_cont {
    padding: 10px !important;
}

.readmore {
    color: #E442FF;
}

.OurSrvcHdd .rel_title {
    text-transform: uppercase;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.blog_box.home_blog_box {
    padding: 20px;
    border: 1px solid #C446FF;
    border-radius: 10px;
}

.home_blog_box img {
    border-radius: 10px;
}

.inr_cont .sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 100px;
}

.home_blog_box .readmore {
    border-radius: 8px;
    background: linear-gradient(136deg, #C746FF 0%, #405AFF 100%);
    color: #fff;
    padding: 6px 10px;
}

.BnrCnt .main_title {
    font-size: 35px !important;
    line-height: 52px;
    font-weight: 600;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

@media(max-width: 1300px) {
    .BnrCnt .main_title {
        font-size: 35px !important;
        line-height: 52px;
    }
}

@media(max-width: 767px) {
    .BnrCnt .main_title {
        font-size: 25px !important;
        line-height: 52px;
    }
}

.OurBlgBg {
    background: #000;
}

#smart_contract_dev_main {
    background: #090909;
}

#smart_contract_dev_main .smart_contract_dev_banner {
    background: url("../../static/media/banner%20(4).399bf5831534d3c1f409.webp");
    /* D:\projects\blockchain\blockchain\public\images\banner (4).jpg */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 20% !important;
        height: 650px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909ad;
    }
}

#smart_contract_dev_main .smart_contract_dev_banner .title {
    font-weight: 300;
    font-size: 40px !important;
    text-transform: capitalize;
    line-height: 1.3;
    color: #fff;
}

#smart_contract_dev_main .smart_contract_dev_banner .cus_title {
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 60px !important;
    font-weight: 600;
}

#smart_contract_dev_main .smart_contract_dev_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

#smart_contract_dev_main .smart_contract_dev_sec {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_services {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col {
    border-right: solid #dddddd57 1px;
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col1 {
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #dddddd57 1px;
    border-left: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child {
    min-height: 350px;
    padding: 35px 35px;
    border-left: solid #dddddd57 1px;
    border-bottom: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .head_sec {
    display: flex;
    align-items: center;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_contents {
    font-size: 16px;
    color: #ffffff85;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_services .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_fst {
    border-radius: 20px 0px 0px 20px;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_last {
    border-radius: 0px 20px 20px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
    background: url(../../static/media/banefits-bg.191970ffb336bfa21c57.webp) no-repeat;
    min-height: 240px;
    background-size: cover;
}

#smart_contract_dev_main .smart_contract_dev_benefits .title {
    padding: 55px 23px 0 23px;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color1 {
    background: #410c55;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont_bt_sprite {
    object-fit: none;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    text-transform: capitalize;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title_blk {
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color2 {
    background: #e8e5e9;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color3 {
    background: #111111;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color4 {
    background: #c446ff;
}

#smart_contract_dev_main .smart_contract_dev_process {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_process .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_process .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_process .process_box {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_process .num_sec {
    font-size: 50px;
    font-weight: 600;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_process .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_cont {
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_tit,
#smart_contract_dev_main .smart_contract_dev_process .even_num_sec {
    text-align: left;
}

#smart_contract_dev_main .smart_contract_dev_process .img_sec {
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_industry .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .industry_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    -webkit-clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    min-height: 352px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    padding-top: 10px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_industry .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

@media (min-width:991px) {
    #smart_contract_dev_main .smart_contract_dev_why {
        background: url(../../static/media/why-choose-bg.37ed262487f8d5156756.webp) no-repeat;
        background-size: cover;
        position: relative;
        padding: 50px;
        background-position: 60%;
    }
}

#smart_contract_dev_main .smart_contract_dev_why .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_why .why_choose_box {
    background: #00000052;
    padding: 30px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn_sec {
    margin-top: 20px;
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

@media(max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
    }
    #smart_contract_dev_main .smart_contract_dev_sec,
    #smart_contract_dev_main .smart_contract_dev_benefits .title {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec img {
        margin-top: 40px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child,
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
        border: none;
        padding: 15px;
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .services_box {
        border: solid #dddddd57 1px;
        padding: 20px;
        border-radius: 5px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .contents {
        margin-bottom: 20px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding: 50px 10px;
    }
}

@media(max-width: 767px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        height: 550px;
        padding: 50px 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .title {
        font-size: 28px !important;
        line-height: 1.5;
        padding-top: 30px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .cus_title {
        font-size: 33px !important;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn,
    #smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
        font-size: 15px !important;
        padding: 10px 20px;
        margin: 0 auto;
        width: 165px;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .title,
    #smart_contract_dev_main .smart_contract_dev_services .title,
    #smart_contract_dev_main .smart_contract_dev_benefits .title,
    #smart_contract_dev_main .smart_contract_dev_process .title,
    #smart_contract_dev_main .smart_contract_dev_industry .title,
    #smart_contract_dev_main .smart_contract_dev_why .title {
        font-size: 25px !important;
        line-height: 1.6 !important;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn,
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
        min-height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
        min-height: 200px;
    }
    #smart_contract_dev_main .smart_contract_dev_process .num_sec {
        display: none;
    }
    #smart_contract_dev_main .smart_contract_dev_process .sub_title,
    #smart_contract_dev_main .smart_contract_dev_process .even_sub_cont,
    #smart_contract_dev_main .smart_contract_dev_process .sub_contents,
    #smart_contract_dev_main .smart_contract_dev_why {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_industry .industry_box {
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding-top: 0px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

#smart_contract_dev_main {
    background: #090909;
}

#smart_contract_dev_main .smart_contract_dev_banner {
    background: url("../../static/media/banner%20(4).399bf5831534d3c1f409.webp");
    /* D:\projects\blockchain\blockchain\public\images\banner (4).jpg */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 20% !important;
        height: 650px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909ad;
    }
}

#smart_contract_dev_main .smart_contract_dev_banner .title {
    font-weight: 300;
    font-size: 40px !important;
    text-transform: capitalize;
    line-height: 1.3;
    color: #fff;
}

#smart_contract_dev_main .smart_contract_dev_banner .cus_title {
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 60px !important;
    font-weight: 600;
}

#smart_contract_dev_main .smart_contract_dev_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

#smart_contract_dev_main .smart_contract_dev_sec {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_services {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col {
    border-right: solid #dddddd57 1px;
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col1 {
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #dddddd57 1px;
    border-left: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child {
    min-height: 350px;
    padding: 35px 35px;
    border-left: solid #dddddd57 1px;
    border-bottom: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .head_sec {
    display: flex;
    align-items: center;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_contents {
    font-size: 16px;
    color: #ffffff85;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_services .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_fst {
    border-radius: 20px 0px 0px 20px;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_last {
    border-radius: 0px 20px 20px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
    background: url(../../static/media/banefits-bg.191970ffb336bfa21c57.webp) no-repeat;
    min-height: 240px;
    background-size: cover;
}

#smart_contract_dev_main .smart_contract_dev_benefits .title {
    padding: 55px 23px 0 23px;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color1 {
    background: #410c55;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont_bt_sprite {
    object-fit: none;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    text-transform: capitalize;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title_blk {
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color2 {
    background: #e8e5e9;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color3 {
    background: #111111;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color4 {
    background: #c446ff;
}

#smart_contract_dev_main .smart_contract_dev_process {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_process .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_process .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_process .process_box {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_process .num_sec {
    font-size: 50px;
    font-weight: 600;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_process .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_cont {
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_tit,
#smart_contract_dev_main .smart_contract_dev_process .even_num_sec {
    text-align: left;
}

#smart_contract_dev_main .smart_contract_dev_process .img_sec {
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_industry .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .industry_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    -webkit-clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    min-height: 352px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    padding-top: 10px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_industry .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

@media (min-width:991px) {
    #smart_contract_dev_main .smart_contract_dev_why {
        background: url(../../static/media/why-choose-bg.37ed262487f8d5156756.webp) no-repeat;
        background-size: cover;
        position: relative;
        padding: 50px;
        background-position: 60%;
    }
}

#smart_contract_dev_main .smart_contract_dev_why .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_why .why_choose_box {
    background: #00000052;
    padding: 30px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn_sec {
    margin-top: 20px;
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

@media(max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
    }
    #smart_contract_dev_main .smart_contract_dev_sec,
    #smart_contract_dev_main .smart_contract_dev_benefits .title {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec img {
        margin-top: 40px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child,
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
        border: none;
        padding: 15px;
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .services_box {
        border: solid #dddddd57 1px;
        padding: 20px;
        border-radius: 5px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .contents {
        margin-bottom: 20px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding: 50px 10px;
    }
}

@media(max-width: 767px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        height: 550px;
        padding: 50px 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .title {
        font-size: 28px !important;
        line-height: 1.5;
        padding-top: 30px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .cus_title {
        font-size: 33px !important;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn,
    #smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
        font-size: 15px !important;
        padding: 10px 20px;
        margin: 0 auto;
        width: 165px;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .title,
    #smart_contract_dev_main .smart_contract_dev_services .title,
    #smart_contract_dev_main .smart_contract_dev_benefits .title,
    #smart_contract_dev_main .smart_contract_dev_process .title,
    #smart_contract_dev_main .smart_contract_dev_industry .title,
    #smart_contract_dev_main .smart_contract_dev_why .title {
        font-size: 25px !important;
        line-height: 1.6 !important;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn,
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
        min-height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
        min-height: 200px;
    }
    #smart_contract_dev_main .smart_contract_dev_process .num_sec {
        display: none;
    }
    #smart_contract_dev_main .smart_contract_dev_process .sub_title,
    #smart_contract_dev_main .smart_contract_dev_process .even_sub_cont,
    #smart_contract_dev_main .smart_contract_dev_process .sub_contents,
    #smart_contract_dev_main .smart_contract_dev_why {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_industry .industry_box {
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding-top: 0px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

/* .solutions h2 {
text-align: center;
}

section {
padding: 0px;
}
footer {
background: unset;
border: none;
}

.solution-box h3, .solution-box p {
color: #fff;
}
.hire-para
{
color: #fff;
}
.why_txt_cnt h2
{
font-weight: 700;
color: #fff;
text-transform: capitalize;
font-size: 25px;
letter-spacing: 0;
font-family: Raleway, sans-serif;
line-height: 1.5;
text-align: left;
}
.impact_text h2
{
text-align: center;
}
  .mid_section p {
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hire_title
{
    font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  font-size: 25px;
  letter-spacing: 0;
  font-family: Raleway, sans-serif;
  line-height: 1.5;
}*/

.private_public_blockchain_development .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/private_banner.f800f68f441d959e8246.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.private_public_blockchain_development .blockchain_development_bnr_section .title-1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.private_public_blockchain_development .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.private_public_blockchain_development .blockchain_development_bnr_section .cus_title-1 {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.private_public_blockchain_development .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.private_public_blockchain_development .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.private_public_blockchain_development .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.private_public_blockchain_development .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    background: #fff;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.private_public_blockchain_development .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.private_public_blockchain_development .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.private_public_blockchain_development .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .mid_section {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .mid_section .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 13px;
}

.private_public_blockchain_development .mid_section .spr_img {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.private_public_blockchain_development .mid_section .media-heading {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(105.71deg, #BD3AFF -4.33%, #5A69FF 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
    padding-top: 10px;
}

.private_public_blockchain_development .mid_section .media-heading .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: left;
    min-height: 280px;
}

.private_public_blockchain_development .mid_section .work_with_box {
    border: 2px solid #4E4E4E;
    border-radius: 25px;
    padding: 20px;
    min-height: 387px;
    margin-top: 10px;
}

.private_public_blockchain_development .alg_mac {
    padding: 50px 0;
    background: #000;
}

.private_public_blockchain_development .alg_mac .title-1 {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.private_public_blockchain_development .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.private_public_blockchain_development .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.private_public_blockchain_development .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(90deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.private_public_blockchain_development .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.private_public_blockchain_development .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.private_public_blockchain_development .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.private_public_blockchain_development .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
}

.private_public_blockchain_development .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.private_public_blockchain_development .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 75vh;
}

.private_public_blockchain_development .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.private_public_blockchain_development .metaverse_dev_why .title-1 {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.private_public_blockchain_development .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

@media (max-width: 767px) {
    .private_public_blockchain_development .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        /*height: 550px;*/
        display: flex;
        align-items: center;
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .title-1,
    .private_public_blockchain_development .blockchain_software .blockchain_dev_aboutus_title,
    .private_public_blockchain_development .blockchain_software .section_heading,
    .private_public_blockchain_development .blk_dev_bnr_btn_sec,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .contents {
        text-align: center;
    }
    .private_public_blockchain_development .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .private_public_blockchain_development .alg_mac .ul_list.right li {
        margin-left: 0px;
    }
    .private_public_blockchain_development .blockchain_software .bs_d_c_bg,
    .private_public_blockchain_development .alg_mac .ul_list,
    .private_public_blockchain_development .alg_mac .ul_list.right {
        padding: 0px;
    }
    .private_public_blockchain_development .alg_mac .ul_list li::before {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .metaverse_dev_why .title-1,
    .private_public_blockchain_development .alg_mac .title-1 {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.skiptranslate.goog-te-gadget,
#google_translate_element {
    visibility: hidden;
}

.skiptranslate.goog-te-gadget div:nth-child(1) {
    visibility: visible;
}

.skiptranslate iframe {
    display: none !important;
}

.fixed_social_icons {
    bottom: 29%;
    right: 1.2%;
    position: fixed;
    z-index: 10;
}

/*.fixed_social_icons ul {
        padding-left: 0px;
        padding: 10px 3px;
        text-align: center;
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
    }*/

.fixed_social_icons li {
    float: none;
    list-style: none;
    margin-bottom: 10px;
}

.fixed_social_icons li a img {
    max-width: 25px;
}

a.whatsapp {
    position: relative;
}

.fixed_social_icons a.mobile {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    float: none;
    float: initial;
}

.fixed_social_icons a.desktop {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
}

.fixed_social_icons a.skype_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.telegram_new {
    align-items: center;
    border-radius: 50%;
    color: #ffd;
    display: flex !important;
    font-size: 23px !important;
    height: 35px !important;
    justify-content: center;
    width: 35px !important;
    position: relative;
}

.fixed_social_icons a.whatsapp:after {
    border: 5px solid #17c258;
}

@media screen and (max-width: 991px) {
    .fixed_social_icons .desktop {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons {
        right: 2% !important;
        bottom: 20%;
    }
    #back_to_top_button {
        bottom: 14% !important;
    }
}

@media (max-width: 767px) {
    #back_to_top_button {
        width: 40px !important;
        right: 15px !important;
        bottom: 14% !important;
    }
    .fixed_social_icons li a img {
        max-width: 22px !important;
    }
    .fixed_social_icons li {
        margin-bottom: 10px;
    }
    #back_to_top_button i {
        font-size: 20px;
    }
    .fixed_social_icons {
        bottom: 20%;
        right: 1.5%;
    }
}

@media (max-width: 567px) {
    #back_to_top_button {
        right: 8px !important;
    }
}

/*Start Back to Top Section*/

#back_to_top_button {
    display: inline-block;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 21%;
    right: 17px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 20%;
    left: 33%;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

/*End Back to Top Section*/

/*Fixed Button Start */

.designer_pops .demo-icon {
    font-size: 16px;
    position: fixed;
    white-space: nowrap;
    left: 100%;
    top: 50%;
    z-index: 10;
    color: #fff;
    padding: 4px 15px;
    text-transform: capitalize;
    font-weight: 500;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    cursor: pointer;
    transform: translate(-59%, -50%) rotate(-90deg);
    text-align: center;
    border-radius: 0px;
    border: none;
    animation: change_bg 5s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
}

/*Fixed Button End*/

.home_blog_box img {
    display: block;
    max-width: 100% !important;
    height: auto;
}

.inr_cont h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400px;
    color: #fff;
    line-height: 25px;
}

.blog-sec .page_why h3 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.blog_box.home_blog_box .inr_cont {
    padding: 10px !important;
}

.readmore {
    color: #E442FF;
}

.OurSrvcHdd .rel_title {
    text-transform: uppercase;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.blog_box.home_blog_box {
    padding: 20px;
    border: 1px solid #C446FF;
    border-radius: 10px;
}

.home_blog_box img {
    border-radius: 10px;
}

.inr_cont .sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inr_cont .normal_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 100px;
}

.home_blog_box .readmore {
    border-radius: 8px;
    background: linear-gradient(136deg, #C746FF 0%, #405AFF 100%);
    color: #fff;
    padding: 6px 10px;
}

.BnrCnt .main_title {
    font-size: 35px !important;
    line-height: 52px;
    font-weight: 600;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

@media(max-width: 1300px) {
    .BnrCnt .main_title {
        font-size: 35px !important;
        line-height: 52px;
    }
}

@media(max-width: 767px) {
    .BnrCnt .main_title {
        font-size: 25px !important;
        line-height: 52px;
    }
}

.OurBlgBg {
    background: #000;
}

#smart_contract_dev_main {
    background: #090909;
}

#smart_contract_dev_main .smart_contract_dev_banner {
    background: url("../../static/media/banner%20(4).399bf5831534d3c1f409.webp");
    /* D:\projects\blockchain\blockchain\public\images\banner (4).jpg */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 20% !important;
        height: 650px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909ad;
    }
}

#smart_contract_dev_main .smart_contract_dev_banner .title {
    font-weight: 300;
    font-size: 40px !important;
    text-transform: capitalize;
    line-height: 1.3;
    color: #fff;
}

#smart_contract_dev_main .smart_contract_dev_banner .cus_title {
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 60px !important;
    font-weight: 600;
}

#smart_contract_dev_main .smart_contract_dev_banner .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

#smart_contract_dev_main .smart_contract_dev_sec {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn_sec {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_services {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col {
    border-right: solid #dddddd57 1px;
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .last-col1 {
    border-top: solid #dddddd57 0;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #dddddd57 1px;
    border-left: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #dddddd57 1px;
    border-right: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .scont-serv-child {
    min-height: 350px;
    padding: 35px 35px;
    border-left: solid #dddddd57 1px;
    border-bottom: solid #dddddd57 1px;
}

#smart_contract_dev_main .smart_contract_dev_services .head_sec {
    display: flex;
    align-items: center;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#smart_contract_dev_main .smart_contract_dev_services .sub_contents {
    font-size: 16px;
    color: #ffffff85;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_services .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_fst {
    border-radius: 20px 0px 0px 20px;
}

#smart_contract_dev_main .smart_contract_dev_services .bor_rad_last {
    border-radius: 0px 20px 20px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
    background: url(../../static/media/banefits-bg.191970ffb336bfa21c57.webp) no-repeat;
    min-height: 240px;
    background-size: cover;
}

#smart_contract_dev_main .smart_contract_dev_benefits .title {
    padding: 55px 23px 0 23px;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color1 {
    background: #410c55;
}

#smart_contract_dev_main .smart_contract_dev_benefits .scont_bt_sprite {
    object-fit: none;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    text-transform: capitalize;
}

#smart_contract_dev_main .smart_contract_dev_benefits .sub_title_blk {
    color: #000 !important;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color2 {
    background: #e8e5e9;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color3 {
    background: #111111;
}

#smart_contract_dev_main .smart_contract_dev_benefits .new_common_tile_color4 {
    background: #c446ff;
}

#smart_contract_dev_main .smart_contract_dev_process {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_process .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_process .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#smart_contract_dev_main .smart_contract_dev_process .process_box {
    margin-top: 30px;
}

#smart_contract_dev_main .smart_contract_dev_process .num_sec {
    font-size: 50px;
    font-weight: 600;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_process .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_cont {
    text-align: right;
}

#smart_contract_dev_main .smart_contract_dev_process .even_sub_tit,
#smart_contract_dev_main .smart_contract_dev_process .even_num_sec {
    text-align: left;
}

#smart_contract_dev_main .smart_contract_dev_process .img_sec {
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry {
    padding: 50px 0px;
}

#smart_contract_dev_main .smart_contract_dev_industry .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#smart_contract_dev_main .smart_contract_dev_industry .industry_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    -webkit-clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
    min-height: 352px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_title {
    color: #C632FF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    padding-top: 10px;
}

#smart_contract_dev_main .smart_contract_dev_industry .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#smart_contract_dev_main .smart_contract_dev_industry .sprite_icons {
    width: 82px;
    height: 82px;
    object-fit: none;
}

@media (min-width:991px) {
    #smart_contract_dev_main .smart_contract_dev_why {
        background: url(../../static/media/why-choose-bg.37ed262487f8d5156756.webp) no-repeat;
        background-size: cover;
        position: relative;
        padding: 50px;
        background-position: 60%;
    }
}

#smart_contract_dev_main .smart_contract_dev_why .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#smart_contract_dev_main .smart_contract_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#smart_contract_dev_main .smart_contract_dev_why .why_choose_box {
    background: #00000052;
    padding: 30px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn_sec {
    margin-top: 20px;
}

#smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    border: none;
}

@media(max-width: 991px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
    }
    #smart_contract_dev_main .smart_contract_dev_sec,
    #smart_contract_dev_main .smart_contract_dev_benefits .title {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec img {
        margin-top: 40px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child,
    #smart_contract_dev_main .smart_contract_dev_services .scont-serv-parent .scont-serv-child:nth-child(3n) {
        border: none;
        padding: 15px;
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .services_box {
        border: solid #dddddd57 1px;
        padding: 20px;
        border-radius: 5px;
    }
    #smart_contract_dev_main .smart_contract_dev_services .contents {
        margin-bottom: 20px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding: 50px 10px;
    }
}

@media(max-width: 767px) {
    #smart_contract_dev_main .smart_contract_dev_banner {
        display: flex;
        align-items: center;
        height: 550px;
        padding: 50px 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .title {
        font-size: 28px !important;
        line-height: 1.5;
        padding-top: 30px;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .cus_title {
        font-size: 33px !important;
    }
    #smart_contract_dev_main .smart_contract_dev_banner .banner_btn,
    #smart_contract_dev_main .smart_contract_dev_why .smart_contract_btn {
        font-size: 15px !important;
        padding: 10px 20px;
        margin: 0 auto;
        width: 165px;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .title,
    #smart_contract_dev_main .smart_contract_dev_services .title,
    #smart_contract_dev_main .smart_contract_dev_benefits .title,
    #smart_contract_dev_main .smart_contract_dev_process .title,
    #smart_contract_dev_main .smart_contract_dev_industry .title,
    #smart_contract_dev_main .smart_contract_dev_why .title {
        font-size: 25px !important;
        line-height: 1.6 !important;
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn,
    #smart_contract_dev_main .smart_contract_dev_sec .smart_contract_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-titl-wra {
        min-height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #smart_contract_dev_main .smart_contract_dev_benefits .scont-bt-wra {
        min-height: 200px;
    }
    #smart_contract_dev_main .smart_contract_dev_process .num_sec {
        display: none;
    }
    #smart_contract_dev_main .smart_contract_dev_process .sub_title,
    #smart_contract_dev_main .smart_contract_dev_process .even_sub_cont,
    #smart_contract_dev_main .smart_contract_dev_process .sub_contents,
    #smart_contract_dev_main .smart_contract_dev_why {
        text-align: center;
    }
    #smart_contract_dev_main .smart_contract_dev_industry .industry_box {
        min-height: 0px;
    }
    #smart_contract_dev_main .smart_contract_dev_why {
        padding-top: 0px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.MetaBlocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

/*9.11.2020*/

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: "Readex Pro", sans-serif;
}

/* .wallet-developments-heading{
    margin: 0 !important;
} */

a {
    color: #2f2d2d;
    transition: all .35s
}

a:focus,
a:hover {
    color: #2a7bc1;
    text-decoration: none
}

hr {
    max-width: 100%;
    margin: 15px 0 10px 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, .1)
}

hr.light {
    border-color: #fff
}

.cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

/*h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    font-family: "Open Sans", sans-serif !important;
}*/

p {
    font-size: 15px;
    margin-bottom: 20px
}

section {
    padding: 50px 0
}

section h2 {
    font-size: 50px
}

@media (max-width:767px) {
    .defi_banner_sec {
        background: #000;
        background-image: none !important
    }
    .mob-text-center {
        text-align: center !important
    }
}

.p-30-0 {
    padding: 30px 0
}

#mainNav {
    border-color: rgba(34, 34, 34, .05);
    background: #fff;
    transition: all .35s;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand {
    color: #fdcc52;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #fcbd20
}

#mainNav .navbar-toggler {
    font-size: 12px;
    padding: 8px 10px;
    color: #222
}

/*.navbar-nav {
    padding-left: 20px !important
}*/

.navbar-nav li {
    padding-left: 0
}

#mainNav .navbar-nav>li>a {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    color: #636363 !important;
    border-bottom: transparent 5px solid
}

#mainNav .navbar-nav>li>a.active {
    color: #2a7bc1 !important;
    background-color: transparent
}

#mainNav .navbar-nav>li>a.active:hover {
    background-color: transparent
}

#mainNav .navbar-nav>li>a,
#mainNav .navbar-nav>li>a:focus {
    color: #222
}

#mainNav .navbar-nav>li>a:focus:hover,
#mainNav .navbar-nav>li>a:hover {
    color: #fdcc52
}

@media (min-width:992px) {
    #mainNav {
        border-color: transparent;
        background-color: #fff;
        padding: 0
    }
    #mainNav .navbar-brand {
        color: fade(white, 70%)
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav .navbar-nav>li>a,
    #mainNav .navbar-nav>li>a:focus {
        color: #0f0f0f
    }
    #mainNav .navbar-nav>li>a:focus:hover,
    #mainNav .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink {
        border-color: rgba(34, 34, 34, .1);
        background-color: #fff
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
        color: #2a7bc1
    }
    #mainNav.navbar-shrink .navbar-nav>li>a,
    #mainNav.navbar-shrink .navbar-nav>li>a:focus {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li>a:hover {
        color: #2a7bc1
    }
}

@media (min-width:768px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 100%
    }
}

@media (min-width:992px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

@media (min-width:1200px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%
    }
}

.sprite_icon_85 {
    width: 85px !important;
    height: 85px !important;
    object-fit: none
}

.sprite_icon_60 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none
}

.sprite_icon_65 {
    width: 65px !important;
    height: 65px !important;
    object-fit: none
}

.sprite_icon_75 {
    width: 75px !important;
    height: 75px !important;
    object-fit: none
}

header.masthead {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff
}

header.masthead .header-content {
    margin-bottom: 100px;
    text-align: center
}

header.masthead .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

.h-100 {
    height: 100% !important
}

header.masthead-hyper .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-hyper .header-content .expert-btn {
    background: #00dcff;
    color: #030542
}

.hyp-about .hyp-buttons .expert-btn {
    margin: 0 auto;
    background: #0176bc;
    border-radius: 5px
}

.hyp-about p {
    text-align: justify
}

header.masthead-hyper .header-content .heading-tagline {
    text-align: left
}

header.masthead-private .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-iot .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-finance .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.header-content h1 {
    font-size: 63px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-identity .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-cryptocurrency-wallet-development .header-content h1 {
    font-size: 51px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

header.masthead-ico-development .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

.header-content h1,
header.masthead-2d-animation-company .header-content h1,
header.masthead-3d-animation-company .header-content h1,
header.masthead-adobe-air-app-development .header-content h1,
header.masthead-ai .header-content h1,
header.masthead-ai-banner,
header.masthead-android-app-development .header-content h1,
header.masthead-android-game-development .header-content h1,
header.masthead-android-tablet-development .header-content h1,
header.masthead-angular-js-development .header-content h1,
header.masthead-angular8-development .header-content h1,
header.masthead-ar-core-for-android .header-content h1,
header.masthead-banking .header-content h1,
header.masthead-blockchain-ai-dev .header-content h1,
header.masthead-blockchain-application-for-voting .header-content h1,
header.masthead-blockchain-consulting-services .header-content h1,
header.masthead-blockchain-development .header-content h1,
header.masthead-blockchain-in-digital-records .header-content h1,
header.masthead-blockchain-in-ecommerce .header-content h1,
header.masthead-blockchain-in-gaming .header-content h1,
header.masthead-blockchain-in-insurance .header-content h1,
header.masthead-blockchain-in-real-estate .header-content h1,
header.masthead-blockchain-in-supplychain .header-content h1,
header.masthead-blockchain-iot-management .header-content h1,
header.masthead-bootstrap-web-development .header-content h1,
header.masthead-business .header-content h1,
header.masthead-cakephp-framework-development .header-content h1,
header.masthead-canvas5-web-design .header-content h1,
header.masthead-chainlink-blockchain .header-content h1,
header.masthead-chatbot .header-content h1,
header.masthead-cloud .header-content h1,
header.masthead-cloud-application-development .header-content h1,
header.masthead-codeigniter-framework-development .header-content h1,
header.masthead-crypto .header-content h1,
header.masthead-custom-web-design-development .header-content h1,
header.masthead-customers-inventory-management-software .header-content h1,
header.masthead-deep .header-content h1,
header.masthead-demand,
header.masthead-digital .header-content h1,
header.masthead-ecom .header-content h1,
header.masthead-engi .header-content h1,
header.masthead-enterprise-mobile-app-development .header-content h1,
header.masthead-enterprise-solutions .header-content h1,
header.masthead-eos-blockchain .header-content h1,
header.masthead-equihash .header-content h1,
header.masthead-ethereum-blockchain-development .header-content h1,
header.masthead-ethereum-classic-blockchain-development .header-content h1,
header.masthead-exchange-platform-development .header-content h1,
header.masthead-fmcg .header-content h1,
header.masthead-full-stack-development .header-content h1,
header.masthead-go .header-content h1,
header.masthead-gov .header-content h1,
header.masthead-hedera-hashgraph-dev .header-content h1,
header.masthead-hybrid-mobile-app-development .header-content h1,
header.masthead-hybris .header-content h1,
header.masthead-hyperledger-fabric-composer .header-content h1,
header.masthead-ico-marketing-agency .header-content h1,
header.masthead-ionic-mobile-app-development .header-content h1,
header.masthead-ipad-app-development .header-content h1,
header.masthead-ipad-ui-ux-design .header-content h1,
header.masthead-iphone-app-development .header-content h1,
header.masthead-iphone-game-development .header-content h1,
header.masthead-iphone-ui-ux-development .header-content h1,
header.masthead-jmeter .header-content h1,
header.masthead-joomla-web-development .header-content h1,
header.masthead-laravel-framework-development .header-content h1,
header.masthead-legal .header-content h1,
header.masthead-lisk-blockchain .header-content h1,
header.masthead-logo-design .header-content h1,
header.masthead-magento-development .header-content h1,
header.masthead-mean-stack-development .header-content h1,
header.masthead-mobile-application-maintenance .header-content h1,
header.masthead-mobility .header-content h1,
header.masthead-native-app-development-company .header-content h1,
header.masthead-neo-blockchain .header-content h1,
header.masthead-node-js-development .header-content h1,
header.masthead-online-customer-support .header-content h1,
header.masthead-peer-to-peer-blockchain .header-content h1,
header.masthead-phonegap-application-development .header-content h1,
header.masthead-php .header-content h1,
header.masthead-pivx .header-content h1,
header.masthead-private-public-blockchain-development .header-content h1,
header.masthead-publish .header-content h1,
header.masthead-python .header-content h1,
header.masthead-quorum-blockchain-development .header-content h1,
header.masthead-react-js-development .header-content h1,
header.masthead-react-native-development .header-content h1,
header.masthead-real .header-content h1,
header.masthead-res .header-content h1,
header.masthead-responsive-website-design-company .header-content h1,
header.masthead-retail .header-content h1,
header.masthead-ruby .header-content h1,
header.masthead-sap .header-content h1,
header.masthead-scrypt .header-content h1,
header.masthead-sha-256 .header-content h1,
header.masthead-shop .header-content h1,
header.masthead-signage .header-content h1,
header.masthead-smart-contract-audit .header-content h1,
header.masthead-sto-development .header-content h1,
header.masthead-sto-marketing .header-content h1,
header.masthead-stratis-blockchain .header-content h1,
header.masthead-supply .header-content h1,
header.masthead-svelte-js-development .header-content h1,
header.masthead-tele .header-content h1,
header.masthead-trans .header-content h1,
header.masthead-tron-blockchain-development .header-content h1,
header.masthead-waves-blockchain .header-content h1,
header.masthead-way .header-content h1,
header.masthead-web-design-company .header-content h1,
header.masthead-web-hosting-and-maintenance-services .header-content h1,
header.masthead-website-maintenance-company .header-content h1,
header.masthead-wordpress-development .header-content h1,
header.masthead-x11 .header-content h1,
header.masthead-yii-framework-development .header-content h1,
header.masthead-zend-framework-development .header-content h1 {
    font-size: 50px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, .3)
}

header.masthead .device-container {
    max-width: 325px;
    margin-right: auto;
    margin-left: auto
}

header.masthead .device-container .screen img {
    border-radius: 3px
}

.my-auto {
    margin-top: auto !important
}

@media (min-width:992px) {
    header.masthead {
        height: 70vh;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }
    header.masthead .header-content {
        margin-bottom: 0;
        text-align: left;
        margin-top: 8em
    }
    header.masthead .header-content h1 {
        font-size: 50px
    }
    header.masthead .device-container {
        max-width: 325px
    }
}

section.download {
    position: relative;
    padding: 55px 0
}

section.download h2 {
    font-size: 50px;
    margin-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px
}

.float-right {
    float: right !important
}

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.p-20-0 {
    padding: 20px 0
}

section.download .badges .badge-link:last-child {
    margin-bottom: 0
}

section.download .badges .badge-link img {
    height: 60px
}

@media (min-width:768px) {
    section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0
    }
    section.download h2 {
        font-size: 70px
    }
}

section.features .section-heading {
    margin-bottom: 100px
}

section.features .section-heading h2 {
    margin-top: 0
}

section.features .section-heading p {
    margin-bottom: 0
}

section.features .device-container,
section.features .feature-item {
    max-width: 325px;
    margin: 0 auto
}

section.features .device-container {
    margin-bottom: 100px
}

@media (min-width:992px) {
    section.features .device-container {
        margin-bottom: 0
    }
}

section.features .feature-item {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center
}

section.features .feature-item h3 {
    font-size: 30px
}

section.features .feature-item i {
    font-size: 80px;
    display: block;
    margin-bottom: 15px;
    background: linear-gradient(to left, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.solutions {
    background: #000;
    padding: 40px 0
}

.resource {
    padding: 40px 0
}

section.contact {
    text-align: center
}

section.contact h2 {
    margin-top: 0;
    margin-bottom: 25px
}

section.contact h2 i {
    color: #dd4b39
}

section.contact ul.list-social {
    margin-bottom: 0
}

section.contact ul.list-social li a {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 100%
}

section.contact ul.list-social li.social-twitter a {
    background-color: #1da1f2
}

section.contact ul.list-social li.social-twitter a:hover {
    background-color: #0d95e8
}

section.contact ul.list-social li.social-facebook a {
    background-color: #3b5998
}

section.contact ul.list-social li.social-facebook a:hover {
    background-color: #344e86
}

section.contact ul.list-social li.social-google-plus a {
    background-color: #dd4b39
}

section.contact ul.list-social li.social-google-plus a:hover {
    background-color: #d73925
}

#back_to_top_button {
    display: inline-block;
    background-color: #ae2a53;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 90px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer
}

#back_to_top_button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    color: #fff
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible
}

footer {
    background: #1a2325;
    padding: 0 0;
    border-bottom: 1px solid #463e3e
}

footer h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

footer p {
    color: #fff;
    font-size: 14px;
    line-height: 26px
}

footer ul {
    padding: 0;
    margin: 0
}

footer ul li {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    list-style: none
}

footer ul li a {
    color: #fff;
    font-size: 13px
}

footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none
}

footer ul li a:hover {
    color: #2a7bc1
}

footer .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    color: #9b9b9b;
    display: block;
    font-size: 12px;
    height: 43px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%
}

[class^=hvr-shutter-out-vertical2] {
    margin: 10px auto;
    padding: 10px 40px;
    cursor: pointer;
    background: #2a7bc1;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    width: auto;
    border: none !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50px
}

.bg-primary {
    background: #1c1955 !important
}

.footer_bott {
    background: #333;
    padding: 30px 0;
    color: #626161;
    text-align: center
}

.footer_bott a {
    color: #fff;
    padding: 0 10px;
    font-size: 14px
}

.social {
    text-align: center;
    margin: 0 0 10px 0
}

.social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center
}

.social ul li {
    display: inline-block;
    margin: 0 0 0 7px
}

.social .fb a {
    background: #3c5b9b;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .fb a::before {
    content: "\f09a";
    font-family: FontAwesome
}

.social .tw a::before {
    content: "\f099";
    font-family: FontAwesome
}

.social .googleplus a::before {
    content: "\f0d5";
    font-family: FontAwesome
}

.social .linkedin a::before {
    content: "\f0e1 ";
    font-family: FontAwesome
}

.social .youtube a::before {
    content: "\f167";
    font-family: FontAwesome
}

.social .pintrest a::before {
    content: "\f231";
    font-family: FontAwesome
}

.social .instragram a::before {
    content: "\f16d";
    font-family: FontAwesome
}

.social .medium a::before {
    content: "\f23a";
    font-family: FontAwesome
}

.social .tw a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .linkedin a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease
}

.social .youtube a {
    background: red;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a {
    background: #c8232c;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a {
    background: #c32aa3;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a {
    background: #02b875;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all .8s ease;
    text-decoration: none
}

.copyright {
    background: #1a2325;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px
}

.copyright a {
    color: #fff
}

.social .googleplus a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .medium a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .instragram a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .pintrest a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .youtube a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .linkedin a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .tw a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.social .fb a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all .8s ease;
    text-decoration: none
}

.text-primary {
    color: #fdcc52
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.btn-outline {
    color: #fff;
    border: 1px solid;
    border-color: #fff
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    color: #fff;
    border-color: #fdcc52;
    background-color: #fdcc52
}

.btn {
    border-radius: 300px;
    font-family: Raleway, sans-serif;
    /*letter-spacing: 2px;*/
    text-transform: uppercase
}

.btn-xl {
    font-size: 11px;
    padding: 15px 45px
}

.time-list li {
    padding-left: 0
}

.line-white {
    margin-top: 7px;
    color: #989898
}

.marquee-sibling {
    padding: 0;
    background: #3bb0d6;
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000
}

.marquee,
[class^=marquee] {
    display: inline-block;
    white-space: nowrap;
    position: absolute
}

.marquee {
    margin-left: 25%
}

.marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative
}

.marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff
}

.marquee-content-items li:after {
    content: "|";
    margin: 0 1em
}

@media screen and (min-width:0px) and (max-width:767px) {
    .header-content h1,
    header.masthead-2d-animation-company .header-content h1,
    header.masthead-3d-animation-company .header-content h1,
    header.masthead-adobe-air-app-development .header-content h1,
    header.masthead-ai .header-content h1,
    header.masthead-ai-banner,
    header.masthead-android-app-development .header-content h1,
    header.masthead-android-game-development .header-content h1,
    header.masthead-android-tablet-development .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-ai-dev .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-bootstrap-web-development .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-canvas5-web-design .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-codeigniter-framework-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-customers-inventory-management-software .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-enterprise-mobile-app-development .header-content h1,
    header.masthead-enterprise-solutions .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-full-stack-development .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hedera-hashgraph-dev .header-content h1,
    header.masthead-hybrid-mobile-app-development .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-ionic-mobile-app-development .header-content h1,
    header.masthead-ipad-app-development .header-content h1,
    header.masthead-ipad-ui-ux-design .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-iphone-game-development .header-content h1,
    header.masthead-iphone-ui-ux-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-joomla-web-development .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-logo-design .header-content h1,
    header.masthead-magento-development .header-content h1,
    header.masthead-mean-stack-development .header-content h1,
    header.masthead-mobile-application-maintenance .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-native-app-development-company .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-node-js-development .header-content h1,
    header.masthead-online-customer-support .header-content h1,
    header.masthead-peer-to-peer-blockchain .header-content h1,
    header.masthead-phonegap-application-development .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-js-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-responsive-website-design-company .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-web-design-company .header-content h1,
    header.masthead-web-hosting-and-maintenance-services .header-content h1,
    header.masthead-website-maintenance-company .header-content h1,
    header.masthead-wordpress-development .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 27px !important;
        line-height: 35px
    }
    .section-heading h3 {
        font-size: 25px !important
    }
    .navbar-nav {
        padding-left: 0 !important
    }
    header.masthead {
        height: 510px;
        padding-top: 40px;
        padding-bottom: 0
    }
    header.masthead .header-content h1 {
        font-size: 34px !important
    }
    .header-content p {
        font-size: 16px;
        line-height: 26px
    }
    .contact-cnt h4 {
        text-align: center
    }
    .social ul {
        margin-left: 0
    }
    .center-class {
        text-align: center
    }
}

.header-content p {
    width: 90%;
    /*margin: 0 auto;*/
    line-height: 30px;
    font-size: 18px;
}

/*.header-content{
    margin-top: 30px;
}*/

.about {
    padding: 50px 0
}

.ttmenu .nav>li>.btn-hire {
    background: #2a7bc1;
    color: #fff !important;
    padding: 7px 6px !important;
    border-radius: 0
}

.talk_to_experts_btn_div .talk_to_experts_btn_a {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 2px auto;
}

.section-heading h2 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: left;
}

.section-heading .talk_to_experts_btn_div {
    text-align: left;
}

.section-heading h3 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 27px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    line-height: 1.2
}

.section-heading h4 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 28px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

@media (max-width:767px) {
    .section-heading h2 {
        text-align: center;
        font-size: 20px
    }
    .mob-width-100 {
        width: 100% !important
    }
}

.section-heading p {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.section-heading ul {
    list-style: none;
    padding-left: 20px
}

.section-heading li {
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.section-heading ul li i {
    color: #2a7bc1;
    margin-right: 12px;
    font-size: 14px
}

.blockchain_dev_aboutus_title {
    font-size: 35px !important;
}

@media (max-width: 767px) {
    .blockchain_dev_aboutus_title {
        font-size: 25px !important;
    }
}

.solution-box {
    background: #000;
    border-radius: 8px;
    padding: 45px 15px 30px 15px;
    height: 335px;
    margin: 25px;
    border: 1px solid #fff;
}

.solution-box:hover {
    box-shadow: 0 3px 4px #ddd;
    cursor: pointer;
}

.list_item li {
    margin-bottom: 15px;
    text-indent: -33px;
    font-size: 15px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.list_item li i {
    border: 2px solid #2a7bc1;
    color: #2a7bc1;
    display: inline;
    font-size: 12px;
    height: 10px;
    margin-right: 10px;
    padding: 1px;
    width: 10px;
}

.solution-box h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Readex Pro", sans-serif;
}

.solution-box p {
    letter-spacing: 0;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #2f2d2d;
    width: 80%;
    text-align: center;
    display: table;
    margin: 0 auto
}

.btn-more {
    background: #2a7bc1;
    padding: 10px 18px 10px 18px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px
}

.btn-more:hover {
    text-decoration: none;
    color: #fff
}

.line-btm {
    width: 75px;
    height: 3px;
    background: #2a7ac1;
    border-radius: 50px;
    margin-top: 2em;
    margin-bottom: 1em
}

.solution-box:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    transition: all .3s ease 0s
}

.resource-box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

.resource-box img {
    width: 100%;
    height: 250px
}

.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-body h4 {
    font-size: 19px;
    color: #222;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0
}

.resource-date {
    background: #8d8d8d;
    font-size: 14px;
    padding: 7px 17px;
    color: #fff;
    border-radius: 100px;
    font-family: Roboto, sans-serif
}

.resource-date:hover {
    text-decoration: none;
    background: #2b7dc4;
    color: #fff
}

.read-more-para p a {
    font-style: italic;
    color: #2b7dc4;
    font-family: Roboto, sans-serif
}

.read-more-para p a:hover {
    text-decoration: none
}

.case-study-img h3 {
    font-size: 28px;
    font-family: Raleway, sans-serif;
    color: #0f0f0f;
    font-weight: 600;
    line-height: 34px
}

.case-study-img p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    font-family: Roboto, sans-serif
}

.btn-download {
    background: #2a7bc1;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px
}

.btn-download:hover {
    color: #fff;
    text-decoration: none
}

.contact-sec {
    padding: 20px 0;
    background-image: linear-gradient(to top, #2a7bc1, #2c81ca, #2e87d3, #308ddd, #3293e6)
}

.contact-cnt h4 {
    font-size: 24px;
    color: #fff;
    font-family: Raleway, sans-serif;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 0
}

.btn-contact {
    background: rgba(255, 255, 255, .8);
    color: #0f0f0f;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 32px;
    border-radius: 2px;
    transition: all .3s ease 0s
}

.btn-contact:hover {
    text-decoration: none;
    color: #0f0f0f;
    background: #fff;
    transition: all .3s ease 0s;
    cursor: pointer
}

.awards-sec {
    padding: 30px 0
}

.scroll-text {
    border: 1px solid red;
    width: 400px;
    height: 4.5em;
    overflow: hidden
}

.scroll-text ul {
    width: 800px;
    height: 100px;
    overflow: hidden;
    margin: 0
}

.scroll-text ul li {
    height: 1.5em
}

.scroll-img {
    border: 1px solid red;
    width: 100%;
    height: 142px;
    overflow: hidden;
    font-size: 0
}

.scroll-img ul {
    width: 700px;
    height: 600px;
    margin: 0
}

.scroll-img ul li {
    display: inline-block;
    margin: 10px 0 10px 10px
}

#demo4.scroll-img ul,
#demo5.scroll-img ul {
    width: 1500px
}

#demo5-btn {
    width: 680px;
    padding-top: 10px
}

#demo6 {
    width: 412px
}

#demo6-queue {
    width: 680px
}

#demo6 p,
#demo6-queue p {
    width: 124px;
    height: 124px;
    background-color: #d3d3d3;
    font-family: Amaranth, sans-serif;
    font-size: 82px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.case-study-img img {
    border-radius: 10px
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px
}

.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.blog .carousel-indicators .active {
    background: #707070
}

#blogCarousel img {
    width: auto;
    max-width: 100% !important;
    max-height: 102px;
    transform-style: preserve-3d
}

.span-middle {
    display: table-cell;
    vertical-align: middle
}

.md_1spn {
    display: table;
    width: 100%;
    height: 100%
}

.bigdata-info img {
    max-width: 400px
}

.menu-MetaBlock .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -18px;
    z-index: 1000;
    float: left;
    min-width: 17rem;
    padding: 10px;
    margin: .7rem 1.5rem 0;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0;
    border-top: 0 solid #2b7bc1
}

.menu-MetaBlock .dropdown-menu li a {
    color: #000 !important;
    font-size: 15px !important;
    padding: 6px 8px;
    text-transform: uppercase;
    letter-spacing: 0
}

.menu-MetaBlock .dropdown-menu li {
    padding: 5px 0 5px 0
}

.menu-MetaBlock .dropdown-menu li a:hover {
    color: #2a7bc1 !important
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    transition: transform .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right,
.carousel-item-next {
    transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.hire_page {
    font-family: Raleway, sans-serif
}

.hire_page h1,
.hire_page h2,
.hire_page h3,
.hire_page h4,
.hire_page h5,
.hire_page h6 {
    font-family: Raleway, sans-serif
}

.bannr_bg {
    /* background: url(public/images/hire_bg.png); */
    position: relative;
    min-height: calc(84vh - 7px);
    background-size: contain
}

.banner_rc_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.banner_tle h1 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 50px 0 20px;
    margin: 0
}

.resp-tabs-list li span {
    display: block;
    text-align: center
}

.hire_page section {
    background: #fff;
    padding: 0
}

.hire_page section.hire_bannr {
    padding-top: 0
}

.resp-tabs-list li span.tab_img {
    width: 63px;
    height: 63px;
    background: #f4f5fa;
    text-align: center;
    margin: 0 auto;
    line-height: 63px;
    border-radius: 50%
}

.resp-tabs-list li {
    background: 0 0 !important;
    border: 0 !important;
    width: 16.66%;
    margin: 0;
    position: relative;
    transition: all .5s
}

ul.resp-tabs-list.hor_1 {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 90px -19px rgba(0, 0, 0, .8);
    margin-top: -54px;
    overflow: hidden
}

.section_inr {
    background: #f4f5fa
}

.resp-tabs-container,
.sect_content {
    padding: 0;
    background-color: transparent;
    clear: left;
    border: 0 !important;
    padding: 50px 32px 0
}

.resp-tab-content {
    border: 0;
    padding: 0
}

.resp-tabs-list li span.tab_tle {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px
}

.resp-tabs-list li.resp-tab-active {
    background: #2a7bc1 !important;
    color: #fff
}

.resp-tabs-list li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    width: 1px;
    height: 54.62%;
    background: #f4f5fa
}

.resp-tabs-list li.resp-tab-active::after,
.resp-tabs-list li:last-child:after {
    display: none
}

.resp-tab-content p {
    font-size: 14px;
    color: #0f0f0f;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

.tab_logo {
    background: #fff;
    padding: 38px 0 0
}

.tab_logo ul {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 0
}

.tab_logo ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 4%;
    margin-bottom: 40px
}

.tab_logo ul.list_2 {
    margin: 0 auto;
    max-width: 85%
}

img {
    max-width: 100%
}

.client_speak h3,
.hr_tle h3,
.section_h h3,
.tab_logo h3 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    color: #2a7bc1
}

.tab_logo ul li:last-child,
.tab_logo ul li:nth-child(5n) {
    margin-right: 0
}

.row.dev_pdf {
    margin: 0;
    margin-top: 38px
}

.pdf_left {
    padding-left: 0
}

.pdf_img {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8)
}

.pdf_dets h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    text-shadow: 0 0
}

.pdf_dets {
    width: 94%
}

.btn_link {
    display: inline-block;
    padding: 0 10px;
    min-width: 129px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background: #2a7bc1;
    border-radius: 5px;
    color: #fff
}

.btn_link.dwn_link::before {
    display: inline-block;
    content: '';
    /* background: url(../img/dwn_img.png); */
    width: 15px;
    height: 14px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -5px;
    transition: all .5s
}

.pdf_right {
    padding-right: 0
}

.logo_items {
    text-align: center
}

.logo_items img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto
}

.mdl_img {
    display: table;
    width: 100%;
    height: 58px
}

.md_img {
    display: table-cell;
    vertical-align: middle
}

.r_logo_slider {
    padding: 0 15px
}

.tab_logo.recnt_works {
    padding-bottom: 25px
}

.client_speak {
    padding: 38px 0
}

.cl_dets {
    max-width: 341px;
    text-align: center;
    position: relative
}

.cl_spk {
    padding: 20px 9px 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, .8);
    font-size: 14px;
    transition: all .5s
}

.cl_img {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%
}

.cl_img span {
    display: block;
    margin: 0 auto;
    width: 81px;
    height: 81px;
    border: 5px solid #f4f5fa;
    border-radius: 50%;
    overflow: hidden
}

.c_items {
    padding: 42px 15px 50px;
    position: relative;
    top: 0;
    transition: all .5s;
    outline: 0 !important
}

.clent_slides {
    margin: 0 -15px
}

.c_items.slick-slide.slick-current.slick-active.slick-center {
    top: -28px
}

.c_items.slick-slide.slick-current.slick-active.slick-center .cl_spk {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%);
    color: #fff
}

ul.slick-dots {
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 0;
    position: relative;
    top: 30px
}

ul.slick-dots li {
    display: inline-block;
    margin: 0 5px
}

ul.slick-dots li button {
    border: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    transition: all .5s
}

ul.slick-dots li.slick-active button {
    background: #2b7ec6
}

.section_h h3 {
    margin: 40px 0
}

.exprt_tle h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 20px 0;
    letter-spacing: 0
}

.exp_list {
    margin-bottom: 10px
}

.hr_tle h3 {
    color: #fff
}

.hire_page section.hire_resource {
    background: #2a7ac1;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%)
}

.hr_tle h3 {
    color: #fff;
    margin: 22px 0;
    font-weight: 600
}

.hr_tle {
    color: #fff;
    text-align: center
}

.h_left_c,
.h_right_c {
    display: inline-block;
    vertical-align: top
}

.h_left_c span {
    width: 111px;
    height: 111px;
    display: block;
    background: #b1e8f8;
    border-radius: 50%;
    text-align: center;
    line-height: 111px;
    transition: all .5s;
    overflow: hidden
}

.hire_content:hover span {
    background: #f4f5fa
}

.hire_content {
    color: #fff
}

.h_right_c {
    width: 66%;
    padding-left: 25px
}

.h_right_c h5 {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.btn_link.h_btn_hr {
    background: #9f9f9f;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #9f9f9f), color-stop(0, #fff), color-stop(100%, #9f9f9f));
    background: linear-gradient(to bottom, #9f9f9f 0, #fff 0, #9f9f9f 100%);
    color: #000;
    font-weight: 600
}

.hr_btn {
    margin: 40px 0 30px
}

.cuntr_left,
.cuntr_righ {
    display: inline-block;
    width: 50%;
    margin-right: -3px
}

.hr_counter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    max-width: 85%;
    margin-left: 0
}

.hr_counter ul li {
    display: inline-block;
    width: 50%;
    margin-left: -3px;
    position: relative;
    vertical-align: top
}

.hr_counter {
    position: relative;
    z-index: 9
}

.hr_counter .cuntr_righ ul {
    margin-left: auto;
    margin-right: 0
}

.hr_counter p,
.rc_countr p {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    padding: 0 15px
}

.hr_counter p span,
.rc_countr span {
    font-size: 60px
}

.hr_counter ul li.aft_dvd::after {
    content: '';
    width: 1px;
    height: 46px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%
}

.rc_countr {
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 100%;
    text-align: center
}

.rc_inr {
    margin: 0 auto;
    max-width: 19%
}

.rc_countr p {
    color: #000
}

.btn_link.dwn_link:hover {
    background: #fff;
    box-shadow: 0 8px 50px -10px rgba(0, 0, 0, .5)
}

.btn_link.dwn_link:hover::before {
    /* background: url(../img/dwn_img_hvr.png) */
}

/*.navbar-nav li.nav-item a.nav-link {
    margin-top: 30px;
    position: relative
}*/

/*.navbar-nav li.nav-item a.nav-link:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #2a7bc1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: -12px;
    left: 0;
    transition: all .5s
}*/

a.nav-link.btn-hire:after {
    display: none
}

.navbar-nav li.nav-item a.nav-link:hover:after {
    opacity: 1;
    visibility: visible
}

.logo_main {
    width: auto
}

.cbp-af-header.sticky .navbar-brand img {
    width: auto !important;
    max-width: 75%
}

#blogCarousel img {
    margin: 0 auto
}

.md_1spn {
    height: 102px
}

.carousel-item {
    padding: 0 10px
}

.section-heading h2.awrd_tle {
    margin-bottom: 35px;
    color: #2a7bc1
}

.navbar-nav li {
    padding-left: 0
}

.cbp-af-header.sticky .nav>li>a {
    margin: 0 6px;
    margin-top: 0
}

.h_left_c span img {
    transition: all .5s;
    position: relative;
    top: 0
}

.hire_content:hover img.normal_img {
    top: -100%
}

.hire_content:hover img.hvr_img {
    top: -100%
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.expr_img {
    text-align: center
}

body .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        max-width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .hire_page .container {
        width: 100%
    }
    .exprt_tle h4 {
        font-size: 15px
    }
    .bannr_bg {
        min-height: 455px
    }
    .ent_list {
        margin-bottom: 15px
    }
}

@media screen and (max-width:991px) {
    .navbar-header {
        width: 100%;
        text-align: center
    }
    .logo_main {
        float: none;
        display: inline-block;
        height: auto
    }
    .navbar-nav {
        float: none !important;
        margin-right: 0;
        padding: 0 !important;
        text-align: center
    }
    .navbar-nav>li {
        float: none;
        display: inline-block
    }
    .hr_counter ul {
        max-width: 100%
    }
    .cuntr_left,
    .cuntr_righ {
        width: 100%;
        margin-right: 0
    }
    .rc_countr {
        bottom: 0
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 50%
    }
    .cbp-af-header.sticky .navbar-brand img {
        width: 100%
    }
    h2.resp-accordion {
        font-size: 13px;
        border: 0;
        border-top: 0 solid #c1c1c1;
        margin: 0;
        padding: 0 !important
    }
    h2.resp-accordion:first-child {
        border-top: 0
    }
    span.tab_tle {
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        font-weight: 600
    }
    h2.resp-accordion {
        background: #fff !important;
        padding: 10px !important
    }
    h2.resp-tab-active {
        padding: 10px !important;
        border: 0 !important
    }
    span.tab_img {
        display: inline-block;
        vertical-align: middle;
        width: 23%;
        text-align: center
    }
    .resp-tab-content {
        padding: 10px
    }
    .resp-tabs-container,
    .sect_content {
        padding: 30px 15px 0
    }
    .text-sm-left {
        text-align: left !important
    }
    .resource-box {
        padding: 0 15px
    }
    .btn-download {
        display: inline-block
    }
    .case-study-img h3 {
        margin-top: 0
    }
    .case-study-img {
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .rc_inr {
        max-width: 100%
    }
    .hire_content {
        width: 100%;
        margin-bottom: 15px
    }
    .navbar-header {
        text-align: left
    }
    .navbar-nav {
        text-align: left
    }
    .navbar-nav>li {
        display: block
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 38px
    }
    .banner_tle h1 {
        font-size: 40px
    }
    .logo_main {
        max-width: 70%
    }
    .tab_logo {
        padding: 5px 0 0
    }
    .client_speak h3,
    .hr_tle h3,
    .section_h h3,
    .tab_logo h3 {
        padding: 0 10px
    }
    .pdf_left,
    .pdf_right {
        padding: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width:480px) {
    .hr_counter ul li {
        width: 100%;
        margin-bottom: 10px
    }
    .hr_counter ul li.aft_dvd::after {
        display: none
    }
    .banner_rc_img {
        position: relative
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 28px
    }
    .h_left_c,
    .h_right_c {
        width: 100%;
        padding-left: 0;
        text-align: center
    }
    .h_left_c span {
        margin: 0 auto
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 100%
    }
    .banner_tle h1 {
        padding: 50px 10px 20px;
        font-size: 30px
    }
    .bigdata-info img {
        max-width: 100%
    }
    header.masthead-ai {
        padding-top: 30px
    }
    header.masthead-ai .header-content h1 {
        font-size: 40px !important
    }
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block
}

.aditional_header .cbp-af-header.sticky .nav>li>a {
    margin: 0 10px
}

.social .fb a,
.social .googleplus a,
.social .linkedin a,
.social .tw a {
    line-height: 39px;
    border: 0;
    text-decoration: none
}

.aditional_header .cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important
}

@media screen and (max-width:1260px) {
    .aditional_header .cbp-af-header .ttmenu .nav>li>a,
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
}

@media screen and (max-width:1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px;
        border-bottom: 1px solid
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px
    }
    .rc_inr {
        width: 30%
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px
    }
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 7px
    }
    .aditional_header .ttmenu .nav>li>a {
        margin: 0 6px;
        font-size: 12px
    }
}

.mid_section .box_exchange,
.mid_section .box_exchange:hover {
    /*border:none!important;box-shadow:unset!important*/
}

.work_with_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    /*box-shadow: 0 3px 4px #ddd;*/
    height: 370px;
    border: 1px solid rgba(0, 0, 0, .05)
}

/*.work_with_box:hover {
    box-shadow: 0 11px 18px #ddd
}*/

.work_with_box .inr_img {
    display: block;
    margin: 10px auto;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    line-height: 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.ver_mid {
    display: inline-block;
    vertical-align: middle
}

.inr_img img {
    max-width: 80px
}

.exc_img_div img {
    max-width: 100%
}

@media (min-width:767px) {
    #accordion .panel-title a:after {
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 55px
    }
    .hgt_350_desktop {
        height: 350px
    }
}

.work_with_box h3 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    margin: 10px 0
}

.work_with_box p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: center
}

.img-middle {
    display: block;
    margin: 0 auto
}

section.mid_section {
    padding: 50px 0
}

.grey-bg {
    background: #000
}

.hire-para {
    margin-top: 30px;
    color: #2f2d2d;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.mob-text-center {
    text-align: center;
    margin-top: 30px;
}

.whybottom_box {
    padding: 30px 10px;
    background-color: #ddd;
    text-align: center;
    position: relative;
    z-index: 0;
    margin: 15px 0;
    height: 360px
}

.whybottom_box1 {
    background-color: #3bbeb0
}

.ondemand__app__sec .whybottom_box {
    background-color: #3bbeb0;
    min-height: 100px !important;
}

.whybottom_box:before {
    position: absolute;
    width: 0%;
    height: 0%;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box:after {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, .05)
}

.whybottom_box h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 30px;
}

.whybottom_box .inr_img {
    width: 83px;
    height: 83px;
    line-height: 80px;
    margin: 20px auto;
    background-color: #fff;
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.whybottom_box:hover .inr_img:after {
    transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1
}

.whybottom_box:hover:after,
.whybottom_box:hover:before {
    width: 100%;
    height: 100%
}

.whybottom_box p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin: 0
}

.whybottom_box2 {
    background-color: #3bb1d9
}

.whybottom_box3 {
    background-color: #d9434e
}

.whybottom_box4 {
    background-color: #f89433
}

.whybottom_box5 {
    background-color: #3bb85d
}

.whybottom_box6 {
    background-color: #7277d5
}

.list-heading {
    font-size: 16px;
    color: #282828;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.white-bg {
    background: #fff !important
}

@media(min-width:1200px) {
    .ht-480 {
        height: 480px !important
    }
}

@media(max-width:767px) {
    .work_with_box {
        height: auto
    }
    .ht-480 {
        height: auto !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

@media(max-width:767px) {
    .solution-box {
        height: auto !important
    }
    header.masthead-ai .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-finance .header-content h1,
    header.masthead-hyper .header-content h1,
    header.masthead-identity .header-content h1,
    header.masthead-iot .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-php .header-content h1 {
        font-size: 26px !important;
        line-height: 1.5
    }
}

.solution-box img {
    display: table;
    margin: 0 auto
}

.solution-box .line-btm {
    display: none
}

@media(min-width:1200px) {
    .work_with_box.ht-lg-355 {
        height: 355px !important
    }
    .work_with_box.ht-lg-340 {
        height: 340px !important
    }
    .solution-box.ht-350 {
        height: 350px !important
    }
    .lg-ht-280 {
        height: 280px
    }
    .ht-380 {
        height: 380px !important
    }
}

h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif
}

.center-img-cnt img {
    display: table;
    margin: 15px auto
}

header.masthead-mobility {
    position: relative
}

header.masthead-mobility:after {
    position: absolute;
    content: ''
}

.hire-btn {
    display: table;
    background: #bd4a1e;
    color: #fff;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 3px;
    min-width: 150px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600
}

.hire-btn:hover {
    color: #fff !important;
    background: #bd4a1e
}

.expert-btn {
    display: inline-block;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    color: #fff;
    padding: 10px 20px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 15px;
    border: none
}

.expert-btn:hover {
    color: #fff !important;
    border: 1px solid #000;
    background: #000;
}

.center-img-cnt h3 {
    text-align: center
}

.hire-btn-cnt {
    margin-top: -30px
}

.mid_section p {
    text-align: justify
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li {
    line-height: 2.2;
    font-size: 15px;
    list-style: none
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li i.fa-check-circle {
    color: #205a5d;
    margin-right: 10px
}

.blockchain_algo .sol-box {
    position: relative;
    height: 25rem;
    margin-top: 20px;
    background: #fff;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

.blockchain_algo .al-sol-icon {
    text-align: left
}

.blockchain_algo .sol-box h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px
}

.d-flex {
    display: flex
}

.align-center {
    align-items: center
}

.text-center {
    text-align: center !important
}

.cbp-af-header.sticky .navbar-brand img {
    width: 180px !important
}

.breadcrumb-sec,
.breadcrumb-sec .breadcrumb {
    background: #000 !important;
}

.breadcrumb-sec li a {
    color: #007bff
}

.breadcrumb-sec ol.breadcrumb {
    margin-bottom: 0;
    padding: 10px 2px
}

.breadcrumb>li {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    text-transform: capitalize;
}

label.error {
    color: red !important;
    font-weight: 400;
    font-size: 15px;
}

.header-shadow {
    position: relative
}

.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6) none repeat scroll 0 0
}

.heading-tagline {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 3rem
}

@media(min-width:768px) and (max-width:991px) {
    .work_with_box {
        height: 380px
    }
}

@media (min-width:767px) {
    .services_sec {
        width: 1000px
    }
}

.mt40 {
    margin-top: 40px !important
}

.order-exchange .order-type-box {
    min-height: auto;
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: #f5f5f5;
    border-radius: 5px;
    border: 2px solid #eee;
    border-bottom-color: #47b475
}

.order-exchange .feature-box-3 .icon {
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto
}

.order-exchange .feature-box-3 .common_h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.quick_p {
    font-size: 20px
}

.tabbable-panel {
    padding: 10px
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373;
    text-align: center
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #5090f7
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0 !important;
    color: #333
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li {
    opacity: .6;
    float: none;
    display: inline-block;
    padding: 0 14px
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #32465b;
    position: relative;
    opacity: 1
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #000;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.tabbable-line li.wds .list-title {
    font-size: 18px;
    font-weight: 700
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

.tab-content .tech-link {
    color: #2a7bc1;
    font-size: 15px;
    font-weight: 600
}

.tabs_solutions .wds.wds-ico-4 a::before {
    background-position: 0 -1292px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-4.active a::before,
.tabs_solutions .wds.wds-ico-4:hover a::before {
    background-position: -96px -1292px !important
}

.tabs_solutions .wds.wds-ico-5 a::before {
    background-position: 0 -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-5.active a::before,
.tabs_solutions .wds.wds-ico-5:hover a::before {
    background-position: 0 -1423px !important
}

.tabs_solutions .wds.wds-ico-7 a::before {
    background-position: -174px -1352px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-7.active a::before,
.tabs_solutions .wds.wds-ico-7:hover a::before {
    background-position: -173px -1420px !important
}

.tabs_solutions .wds.wds-ico-10 a::before {
    background-position: -378px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-10.active a::before,
.tabs_solutions .wds.wds-ico-10:hover a::before {
    background-position: -378px -1423px !important
}

.tabs_solutions .wds.wds-ico-11::before {
    background-position: -512px -1300px !important
}

.tabs_solutions .wds.wds-ico-12::before {
    background-position: -468px -1394px !important
}

.tabs_solutions .wds.wds-ico-13::before {
    background-position: -18px -1508px !important
}

.tabs_solutions .wds.wds-ico-14::before {
    background-position: -108px -1508px !important
}

.tabs_solutions .wds.wds-ico-15::before {
    background-position: -198px -1508px !important
}

.tabs_solutions .wds.wds-ico-16::before {
    background-position: -288px -1508px !important
}

.tabs_solutions .wds.wds-ico-41::before {
    background-position: -198px -1868px !important
}

.tabs_solutions .wds.wds-ico-42::before {
    background-position: -288px -1868px !important
}

.tabs_solutions .wds.wds-ico-43::before {
    background-position: -378px -1868px !important
}

.tabs_solutions .wds.wds-ico-44::before {
    background-position: -468px -1868px !important
}

.tabs_solutions .wds.wds-ico-45::before {
    background-position: -18px -1958px !important
}

.tabs_solutions .wds.wds-ico-46::before {
    background-position: -108px -1958px !important
}

.tabs_solutions .wds.wds-ico-47::before {
    background-position: -198px -1958px !important
}

.tabs_solutions .wds.wds-ico-48::before {
    background-position: -184px -4px !important
}

.tabs_solutions .wds.wds-ico-49::before {
    background-position: -3px -5px !important
}

.tabs_solutions .wds.wds-ico-50::before {
    background-position: -92px -3px !important
}

.tabs_solutions .wds.wds-ico-51::before {
    background-position: -275px -3px !important
}

.tabs_solutions .wds.wds-ico-52::before {
    background-position: -364px -3px !important
}

.tabs_solutions .wds.wds-ico-53::before {
    background-position: -455px -3px !important
}

.tabs_solutions .wds.wds-ico-54::before {
    background-position: -3px -93px !important
}

.tabs_solutions .wds.wds-ico-55::before {
    background-position: -93px -93px !important
}

.tabs_solutions .wds.wds-ico-56::before {
    background-position: -184px -93px !important
}

.tabs_solutions .wds.wds-ico-24::before {
    background-position: -466px -1600px !important
}

.tabs_solutions .wds.wds-ico-25::before {
    background-position: -467px -1509px !important
}

.tabs_solutions .wds.wds-ico-26::before {
    background-position: -19px -1687px !important
}

.tabs_solutions .wds.wds-ico-27::before {
    background-position: -378px -1600px !important
}

.tabs_solutions .wds.wds-ico-28::before {
    background-position: -198px -1688px !important
}

.tabs_solutions .wds.wds-ico-29::before {
    background-position: -288px -1688px !important
}

.tabs_solutions .wds.wds-ico-30::before {
    background-position: -378px -1688px !important
}

.tabs_solutions .wds.wds-ico-31::before {
    background-position: -468px -1688px !important
}

.tabs_solutions .wds.wds-ico-32::before {
    background-position: -18px -1778px !important
}

.tabs_solutions .wds.wds-ico-33::before {
    background-position: -108px -1778px !important
}

.tabs_solutions .wds.wds-ico-34::before {
    background-position: -198px -1778px !important
}

.tabs_solutions .wds.wds-ico-35::before {
    background-position: -288px -1778px !important
}

.tabs_solutions .wds.wds-ico-36::before {
    background-position: -378px -1778px !important
}

.tabs_solutions .wds.wds-ico-37::before {
    background-position: -468px -1778px !important
}

.tabs_solutions .wds.wds-ico-38::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-39::before {
    background-position: -18px -1868px !important
}

.tabs_solutions .wds.wds-ico-40::before {
    background-position: -108px -1868px !important
}

.tabs_solutions .wds.wds-ico-17::before {
    background-position: -378px -1508px !important
}

.tabs_solutions .wds.wds-ico-18::before {
    background-position: -86px -1410px !important
}

.tabs_solutions .wds.wds-ico-20::before {
    background-position: -18px -1598px !important
}

.tabs_solutions .wds.wds-ico-21::before {
    background-position: -108px -1598px !important
}

.tabs_solutions .wds.wds-ico-22::before {
    background-position: -198px -1598px !important
}

.tabs_solutions .wds.wds-ico-23::before {
    background-position: -288px -1598px !important
}

.tabs_solutions .wds.wds-ico-8 a::before {
    background-position: -241px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-8.active a::before,
.tabs_solutions .wds.wds-ico-8:hover a::before {
    background-position: -241px -1422px !important
}

.tabs_solutions .wds.wds-ico-9 a::before {
    background-position: -306px -1350px !important;
    width: 74px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-9.active a::before,
.tabs_solutions .wds.wds-ico-9:hover a::before {
    background-position: -308px -1425px !important
}

.tabs_solutions .wds.wds-ico-6 a::before {
    background-position: -86px -1350px !important;
    width: 83px;
    height: 74px
}

.tabs_solutions .wds.wds-ico-6.active a::before,
.tabs_solutions .wds.wds-ico-6:hover a::before {
    background-position: -86px -1420px !important
}

li.hire-dd-icon a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px
}

.tabs_solutions {
    padding: 20px 0 20px
}

.tabs_solutions .wds a::before {
    transition: .3s all ease-in-out
}

.hire-dd-technology {
    display: flex;
    text-align: center;
    justify-content: center
}

.hire-dd-technology .hire-dd-tech-box {
    margin: 0 15px;
    padding-top: 20px
}

.hire-dd-tech-box {
    padding: 30px 10px 20px
}

.tabs_solutions .hire-dd-box-text::before {
    height: 84px;
    width: 84px
}

.tabs_solutions .hire-dd-tech-box .hire-dd-box-text:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    top: -10px;
    z-index: 1;
    transition: .3s all ease-in-out
}

.sol-website .sol-box {
    position: relative;
    height: 340px;
    background: #000;
    padding: 20px 20px;
    transition: all .3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, .09)
}

@media (max-width:767px) {
    .sol-website .sol-box {
        height: auto
    }
    .webd-intro-sprite {
        background-size: 102rem !important;
        height: 235px !important;
        background-position: -598px -449px !important
    }
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-custom-web-design-development .header-content .heading-tagline {
        text-align: center !important;
    }
    .webdesi_bannerbtn {
        text-align: center;
    }
    .about#aboutus {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
        background: initial !important;
        padding-bottom: 20px;
        text-align: center;
    }
    .about#aboutus .section-heading {
        text-align: center !important;
    }
    .about#aboutus .get_demo_slick_btn {
        float: none;
    }
    .mid_section#webapp_solutuions {
        padding: 0px !important;
        background-color: #f1f1f1;
        background-image: none !important;
        background-image: initial !important;
    }
    #webdesign_frameworks .sol-box {
        margin-top: 82px;
        height: auto !important;
    }
    #webdesign_industry .row:nth-child(2),
    #webdesign_industry .row:nth-child(3) {
        display: block !important;
    }
    #webdesign_industry .webdesign_indusbox {
        margin-bottom: 20px;
    }
    #webdesign_industry,
    #webportel_dev,
    #adapwebdev_solution {
        padding-bottom: 0px !important;
    }
    #webportel_dev .sol-box {
        padding: 0 !important;
        margin-bottom: 40px;
    }
    #webdesign_frameworks .row:nth-child(2) {
        margin-top: 0 !important;
    }
    #webdesign_jsframeworks .sol-box {
        height: auto !important;
    }
}

@media (max-width:1280px) {
    .about#aboutus {
        background-position: 356px 0px !important;
    }
}

header.masthead-custom-web-design-development .header-content h1,
header.masthead-custom-web-design-development .header-content .heading-tagline {
    text-align: left;
}

header.masthead-custom-web-design-development .header-content .heading-tagline {
    font-weight: 400;
    font-size: 18px;
}

.about.webdev_top_ratesec#aboutus {
    /*background: url(../images/inner-pages/custom_web_design_development/top-rated-web-development-company.jpg);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#webapp_solutuions .section-heading h2 {
    color: #060606;
}

.mid_section#webapp_solutuions {
    /* background-image: url(../images/inner-pages/custom_web_design_development/enhance-your-brand-with-our-enterprise-app-and-web-solutions.jpg?v2); */
    background-position: center;
    padding: 70px;
    filter: invert(1);
}

#premium_webservice {
    background-image: radial-gradient(circle at center center, transparent, rgb(12, 11, 11)), repeating-linear-gradient(135deg, rgb(12, 11, 11) 0px, rgb(12, 11, 11) 2px, transparent 2px, transparent 10px, rgb(12, 11, 11) 10px, rgb(12, 11, 11) 11px, transparent 11px, transparent 21px), repeating-linear-gradient(45deg, rgb(51, 50, 50) 0px, rgb(51, 50, 50) 4px, transparent 4px, transparent 8px), linear-gradient(90deg, rgb(12, 11, 11), rgb(12, 11, 11));
    padding-top: 50px;
    padding-bottom: 80px;
}

.country_prem_services {
    padding-top: 30px !important;
    padding-bottom: 80px !important;
}

#premium_webservice .section-heading h2 {
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
}

#webdesign_jsframeworks {
    background-color: #000;
}

#webdesign_jsframeworks .section-heading h2 {
    color: #fff;
    text-align: center;
}

#webdesign_jsframeworks .webjsframeworks_icons {
    float: right;
}

#webdesign_jsframeworks .sol-box {
    border-radius: 4px;
    height: 285px;
}

#webdesign_jsframeworks .sol-box .desc {
    min-height: 135px;
    margin-top: 23px;
}

#webdesign_jsframeworks .sol-box p {
    margin-bottom: 0;
}

#webdesign_jsframeworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_industry .webdesign_indusbox p {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

#webdesign_industry .webdesign_indusbox {
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0px;
    border-radius: 4px;
    box-shadow: 0px 7px 9px -6px #6d6d6d;
}

#webdesign_industry .section-heading p {
    text-align: center;
}

#webdesign_industry .row:nth-child(2),
#webdesign_industry .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#webdesign_frameworks .sol-box {
    border: 1px solid #ad1a48;
    background-color: #000;
    border-radius: 4px;
    height: 265px;
    text-align: center;
    min-height: 290px;
}

#webdesign_frameworks .sol-box .title,
#webdesign_frameworks .sol-box .desc,
#webdesign_frameworks .sol-box .p {
    text-align: center;
}

.mid_section#webdesign_frameworks p {
    text-align: center;
    margin-bottom: 0;
}

#webdesign_frameworks .row:nth-child(2) {
    margin-bottom: 5rem;
    margin-top: 5rem;
}

#webdesign_frameworks .webdframeworks_icons {
    margin: 0 auto;
    margin-top: -69px;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #ae2a53;
    width: 85px;
    height: 85px;
    text-align: center;
    padding: 10px;
}

#webdesign_frameworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webdesign_frameworks,
#webdesign_jsframeworks,
#webdesign_industry,
#webportel_dev,
#adapwebdev_solution,
#custweb_servs {
    padding-top: 30px;
    padding-bottom: 80px;
}

#webportel_dev .sol-box {
    border: 0;
    box-shadow: none;
    box-shadow: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    text-align: center;
}

#webportel_dev .sol-box .title,
#webportel_dev .sol-box .desc,
#webportel_dev .sol-box p {
    text-align: center;
}

#webportel_dev .sol-box .title-write {
    margin-top: 5px;
}

#webportel_dev {
    background: #000;
}

.webporteldev_icons {
    text-align: center;
}

#webportel_dev .sol-box {
    height: 290px;
}

.webporteldev_hr {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    width: 90px;
    margin: 0 auto;
    height: 1px;
    margin-bottom: 10px;
}

#webportel_dev .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #Fff;
}

#webportel_dev .container .row:nth-child(2) {
    margin-bottom: 40px;
}

#webportel_dev .sol-box .desc {
    min-height: 130px;
}

#adapwebdev_solution {
    /* background: url(../images/inner-pages/custom_web_design_development/solutions-bg.jpg);*/
}

#adapwebdev_solution .sol-box {
    border-radius: 4px;
    min-height: 280px;
    height: 350px;
}

#adapwebdev_solution .sol-box .title,
#adapwebdev_solution .sol-box .desc {
    text-align: center;
}

#webdev_process img {
    width: 80%;
    filter: contrast(0.5);
}

#webdev_process .section-heading p {
    text-align: center;
}

#custweb_servs .custserv_ictit {
    display: flex;
    align-items: center;
}

#custweb_servs .sol-box {
    height: auto;
    min-height: 165px;
}

#custweb_servs {
    background: #000;
}

.webdesdev_hiresec {
    background: #000;
    padding: 50px 0px;
}

.webdesign_hire_sprite {
    width: 120px;
    height: 110px;
    object-fit: none;
}

.webdhire_content {
    color: #fff;
    text-align: center;
}

.webdhire_content .webdesdev_hire_title {
    color: #fff;
    font-size: 45px;
    text-align: center;
    text-transform: capitalize;
}

.webdhire_content p {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 0;
}

.webdhirebox {
    text-align: center;
}

.webdhirebox p {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}

.webdesdev_hiresec .row:nth-child(2),
.webdesdev_hiresec .row:nth-child(3) {
    margin-top: 2.5rem;
}

.sol-website#premium_webservice .sol-box .sol-icon {
    text-align: left;
}

@media (max-width: 767px) {
    .webdhire_content .webdesdev_hire_title {
        font-size: 28px;
    }
    .webdhire_content p {
        width: 100%;
    }
    .webdhirebox {
        margin-bottom: 19px;
    }
}

.premium_webservice_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.webdesign_frameworks_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.webdesign_industry_sprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.webportel_dev_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.adapwebdev_solution_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.custweb_servs_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.sol-website .sol-box .sol-icon {
    text-align: right
}

.sol-website .sol-box .title-write {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    line-height: 25px
}

.sol-website .sol-box .desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0px;
}

.cc-slider {
    margin: 35px auto 0;
    max-width: 850px;
    position: relative;
    -webkit-transform: translateZ(0);
    transition: all .5s ease-out
}

.hire-dd-slide-manu #six-slides input {
    filter: grayscale(100%)
}

.hire-dd-slide-manu #six-slides input:checked {
    filter: grayscale(0)
}

.hire-dd-slide-manu .cc-slider input {
    display: flex;
    margin: 0 auto;
    width: 25%;
    float: left;
    visibility: hidden;
    margin-bottom: 50px
}

.tabs_solutions .cc-slider input {
    margin: 0 auto 85px !important;
    width: 33.33%
}

.hire-dd-slide-manu #six-slide1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide3::before {
    background-position: -378px -1422px !important;
    width: 83px;
    height: 74px
}

.hire-dd-slide-manu #six-slide4::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide5::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu #six-slide6::before {
    background-position: -86px -1422px !important;
    width: 74px;
    height: 74px
}

.hire-dd-slide-manu .cc-slider input:checked:before {
    border-bottom: 2px solid #0087b2;
    padding-bottom: 2px
}

.hire-dd-slide-manu input:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab-content .heading {
    font-weight: 700;
    font-size: 20
}

.custom_tabs_div .nav-pills>li>a::after {
    content: none
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:focus,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:hover {
    color: #fff;
    background-color: transparent;
    background-color: initial
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a::before {
    border-bottom: 2px solid #0087b2
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab3::before {
    background-position: -378px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab4::before {
    background-position: -96px -1292px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab5::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab6::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px
}

.cc-slider #overflow {
    width: 100%;
    overflow: hidden
}

#six-slides .hire-dd-slide-manu-box .hire-dd-manu-title {
    font-size: 18px;
    font-weight: 700
}

#six-slide1:checked~#six-slides .inner {
    margin-left: 0
}

#six-slide2:checked~#six-slides .inner {
    margin-left: -100%
}

#six-slide3:checked~#six-slides .inner {
    margin-left: -200%
}

#six-slide4:checked~#six-slides .inner {
    margin-left: -300%
}

#six-slide5:checked~#six-slides .inner {
    margin-left: -400%
}

#six-slide6:checked~#six-slides .inner {
    margin-left: -500%
}

#six-slides.cc-slider .inner {
    width: 600%
}

#six-slide1:checked~#six-slides,
#six-slide4:checked~#six-slides,
#six-slide5:checked~#six-slides,
#six-slide6:checked~#six-slides {
    margin-bottom: -26rem
}

#six-slide2:checked~#six-slides {
    margin-bottom: -50rem
}

.cc-slider .inner {
    -webkit-transform: translateZ(0);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

#six-slides.cc-slider article {
    width: 16.66%;
    position: relative;
    display: table-cell
}

.cc-slider article {
    width: 20%;
    float: left
}

.hire-dd-slide-manu-box-1 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding-top: 20px
}

.hire-dd-slide-manu .content {
    background-color: #f4f4f4 !important;
    background: rgba(255, 255, 255, .1);
    padding: 40px 10px;
    width: 87%;
    margin: 0 0 !important
}

.hire-dd-slide-manu .wds.wds-ico-40::before {
    background-position: -198px -1868px !important
}

.hire-dd-slide-manu .wds::before {
    content: "";
    position: relative;
    display: block;
    height: 84px;
    width: 84px;
    margin: 0 auto 15px;
    /* background: url(../images/ps-new-icon-min.png) no-repeat */
}

.custom_carousel_wrap {
    margin: 30px auto 0;
    padding: 0 5%;
    width: 80%;
    position: relative
}

.custom_carousel_wrap .features_carousel_sec .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.custom_carousel_wrap .features_carousel_sec .owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd
}

.custom_carousel_wrap .features_carousel_sec .owl-nav i {
    font-size: 52px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-prev {
    left: -30px
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-next {
    right: -30px
}

header.masthead-chatbot {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/chat-bot/banner/banner.jpg) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-mobility.transport {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/transportation_logistics/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media(min-width:1200px) {
    .lg-ht-400 {
        height: 400px !important
    }
}

@media(min-width:992px) {
    .md-ht-400 {
        height: 400px !important
    }
}

@media(min-width:768px) {
    .sm-ht-400 {
        height: 400px !important
    }
}

header.masthead-finance.media {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/media-entertainment/media-and-entertainment.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.media.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/health/healthcare-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/learning-education/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.learning.header-shadow:before {
    background: rgba(0, 0, 0, .5)
}

header.masthead-finance.hospitality {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hospitality/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.legal {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/legal/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.manufacturing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/manufacturing/manufacturing-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.analytics {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/analytics_visualization/image/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.database {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/database/data-base-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-finance.devops {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/devops/devops-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-signage {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/signage/signage-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/demand/demand-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-python {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/python/python-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ruby {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ruby/ruby-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-engi {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/pro-eng/pro-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-trans {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/trans/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud/big-data-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hybris {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybris/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-banking {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/banking/banking-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sap {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sap/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-fmcg {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/fmcg/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-tele {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tele/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-go {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/go/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-real {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/real/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-publish {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/publish/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-retail {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/retail/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-res {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/res/resource.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ecom {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ecom/e-commerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-gov {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/gov/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/way/banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-shop {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/shop/shop-floor-automation-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.lab {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-lab/Our_Digital_Lab.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.tensorflow {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-tensorflow.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-ar-vr {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/banner-ar-vr.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-vuejs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-vuejs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-meteorjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-meteorjs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-nwjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-nw-js.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.banner-proton-native {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-proton-native-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.arkit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/arkit-ios.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.unity-ban {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-unity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
    margin-bottom: 0 !important
}

header.masthead-demand.hyperledger-sawtoooth {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/hyperlefger-sawtooth-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.expertise {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-expertise/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-demand.Banner-solidity {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/Banner-solidity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.expert-cnt {
    display: block;
    width: 100%;
    padding: 8% 15px;
    background: #fff;
    box-shadow: 0 3px 4px #ddd;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 5px solid #2a7bc1;
    position: relative;
    transition: all .5s;
    height: 360px
}

.bgn-border {
    border-top: 5px solid #3bbeb0 !important
}

.bl-border {
    border-top: 5px solid #3bb1d9 !important
}

.rd-border {
    border-top: 5px solid #d9434e !important
}

.yl-border {
    border-top: 5px solid #f89433 !important
}

.gn-border {
    border-top: 5px solid #3bb85d !important
}

.pl-border {
    border-top: 5px solid #7277d5 !important
}

.expert-cnt:hover {
    box-shadow: 0 11px 18px #ddd
}

.hgt_430 {
    height: 430px !important
}

.feature-content_1 h4 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 h2 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0
}

.feature-content_1 p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: left !important
}

.hgt_350 {
    height: 350px !important
}

.hgt_380 {
    height: 380px
}

.navbar-default .navbar-nav>li>a.whatsup_button,
.navbar-default .navbar-nav>li>a.whatsup_button:active,
.navbar-default .navbar-nav>li>a.whatsup_button:focus {
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    background: #47b375;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.telegram_button {
    background: #08c;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 400;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.telegram_button:hover {
    background: #08c;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button,
.navbar-default .navbar-nav>li>a.skype_button:active,
.navbar-default .navbar-nav>li>a.skype_button:focus {
    background: #00aff0;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    margin: 0 3px;
    margin-top: 14px;
    border-bottom: none
}

.navbar-default .navbar-nav>li>a.carrer_button,
.navbar-default .navbar-nav>li>a.carrer_button:active,
.navbar-default .navbar-nav>li>a.carrer_button:focus {
    background: #a5264a;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px
}

.navbar-default .navbar-nav>li>a.carrer_button:hover {
    background: #a5264a;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover {
    background: #00aff0;
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.skype_button:hover,
.navbar-default .navbar-nav>li>a.telegram_button:hover,
.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    border-bottom: 0
}

.navbar-default .navbar-nav>li>a.skype_button i,
.navbar-default .navbar-nav>li>a.skype_button span,
.navbar-default .navbar-nav>li>a.telegram_button i,
.navbar-default .navbar-nav>li>a.telegram_button span,
.navbar-default .navbar-nav>li>a.whatsup_button i,
.navbar-default .navbar-nav>li>a.whatsup_button span {
    display: inline-block !important
}

.hgt_480 {
    height: 480px !important
}

.hgt_320 {
    height: 320px
}

.hgt_520 {
    height: 520px
}

header.masthead-blockchain-in-gaming.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_gaming/Banner-2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-supplychain.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_supplychain/blockchain-in-supplychain.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-ecommerce.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-ecommerce/blockchain-ecommerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-real-estate.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-realestate/blockchain-in-realestate.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-application-for-voting.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-voting/Banner2.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-in-insurance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-insurance/blockchain-in-insurance-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-in-digital-records.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/digital-record/Banner2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cloud-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud-application/cloud-application-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.feature-content_1 h4,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

.feature-content_1 h2,
.feature-content_1 p,
.testing_img {
    text-align: center !important
}

header.masthead-pivx {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private-instant-verified-transaction-FINAL/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-scrypt {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/scrypt-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-sha-256 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/BENEFITS-OF-SHA-256-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-x11 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/X11-Final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-equihash {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/equihash-final/Banner-01.jpg) no-repeat !important; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-iphone-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone-app-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-react-native-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react-native-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ar-core-for-android {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ar-core-for-android-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-hyperledger-fabric-composer {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hyperledger-fabric-composer-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-jmeter {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/jmeter-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_development/ICO-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center
}

header.masthead-blockchain-consulting-services {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_consulting/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-private-public-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private_public_blockchain_development/PUBLIC-PRIVATE-BLOCKCHAIN_Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-cryptocurrency-wallet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency-wallet-development/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-exchange-platform-development {
    position: relative;
    width: 100%;
    padding-top: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency_exchange_platform/banner.png?v2) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-blockchain-iot-management {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_Iot_management/Blockchain-IoT-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-smart-contract-audit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/smart_contract_audit/Smart-Contract-Audit.banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-marketing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_marketing/STO-Marketing-Banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-sto-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_development/STO-DevelopmentBanner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-zend-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/zend_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-yii-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/yii_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-laravel-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/laravel_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-cakephp-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cakephp/cakephp.banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angularjs/angularjs-banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ethereum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_blockchain_development/eth-blockchain-banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media(min-width: 991px) {
    section.masthead-blockchain-development {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/banner-new.png); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
    }
}

@media(max-width: 767px) {
    section.masthead-blockchain-development {
        background: linear-gradient(45deg, #011a30, #0b549a, #064b95);
        padding: 50px 0px;
        height: 550px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .masthead-blockchain-development .title {
        font-size: 28px !important;
        line-height: 35px !important;
    }
    .masthead-blockchain-development .cus_title {
        font-size: 35px !important;
    }
    .masthead-blockchain-development .blk_dev_bnr_btn,
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn {
        font-size: 12px !important;
    }
    .blockchain_dev_talkcard_sec {
        background: linear-gradient(45deg, #000422, #004b82);
        display: flex;
        align-items: center;
        padding: 30px 0px;
        text-align: center;
    }
    .blockchain_dev_talkcard_sec .title {
        font-size: 22px !important;
        margin-top: 0px;
    }
    .blockchain_dev_talkcard_sec .contents {
        padding-top: 0px !important;
        margin-bottom: 5px !important;
    }
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
        margin-top: 20px !important;
    }
}

.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #012150;
    background: linear-gradient(90deg, #0e1824 0, rgb(22 29 43 / 55%) 79%);
}

header.masthead-ethereum-classic-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_classic_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-blockchain-development .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
}

.masthead-blockchain-development .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.masthead-blockchain-development .contents {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}

.masthead-blockchain-development a.expert-btn {
    background: #db3c3b;
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #050505;
    line-height: 1.5;
    border: 0;
}

.masthead-blockchain-development .blk_dev_bnr_btn_sec,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
    margin-top: 35px;
}

.masthead-blockchain-development .blk_dev_bnr_btn,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn {
    background: #db3c3b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    padding: 12px 25px;
}

@media(min-width: 991px) {
    .blockchain_dev_talkcard_sec {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/talk-sec-card-bg.png); */
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        padding: 50px 0px;
        height: 400px;
    }
}

.blockchain_dev_talkcard_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}

.blockchain_dev_talkcard_sec .contents {
    font-size: 16px;
    padding-top: 8px;
    color: #fff;
}

header.masthead-quorum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/quorum_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-neo-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/neo_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-tron-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tron_dapps_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-lisk-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/lisk_blockchain_applicationLisk_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-eos-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/eos_blockchain_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-chainlink-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/chainLink_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-stratis-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/stratis_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-waves-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/waves_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-svelte-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/svelte_js_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-angular8-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angular8_development_company/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_app_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ipad-app-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-ipad-ui-ux-design {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-iphone-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-iphone-ui-ux-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/enterprise_mobile_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-native-app-development-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/native_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-hybrid-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybrid_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ionic-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ionic_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-2d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/2D_design/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-adobe-air-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/adobe_air_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-android-tablet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_tablet_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-codeigniter-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/codeigniter_web_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development/banner-bg.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-custom-web-design-development_countrybase {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development_countrybase/banner-bg.png?v1) no-repeat; */
    background-size: cover !important;
    background-position: center;
    height: 85vh
}

.masthead-custom-web-design-development_countrybase .webdesi_bannerbtn {
    margin-top: 4rem;
}

.webdesi_bannerbtn a:hover {
    text-decoration: none;
    color: #fff;
}

.button_play {
    /*background: #ff4949;*/
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    padding: 16px 21px;
    transition: width 199ms cubic-bezier(0.25, 0, 0.25, 1) 233ms;
    font-weight: 800;
    font-size: 17px;
    background: #001a56;
    background: linear-gradient(135deg, #a71e44 0%, #e63a59 50%, #0c3d40 51%, #09383c 71%, #e02528 100%);
    background-size: 400% 400%;
    animation: AnimationName 3s ease infinite;
    border: 0;
}

@keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}

.masthead-custom-web-design-development_countrybase.header-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(24 30 41 / 60%) none repeat scroll 0 0;
}

header.masthead-custom-web-design-development_countrybase .header-content h1,
header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
    text-align: left;
}

@media (max-width: 767px) {
    header.masthead-custom-web-design-development_countrybase .header-content h1,
    header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
        text-align: center;
    }
}

header.masthead-enterprise-solutions {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/it_enterprise_solution_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-phonegap-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/phonegap_development_services/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-responsive-website-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/responsive_web_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-web-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-logo-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/logo_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-3d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/3d_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-react-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react_js_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-node-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/nodejs_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-bootstrap-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/bootstrap_page/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-canvas5-web-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/canvas5_webdesign/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-joomla-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/joomla-development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-wordpress-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/wordpress_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-magento-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/magento_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-website-maintenance-company {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_maintanence_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mobile-application-maintenance {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mobile_application_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-web-hosting-and-maintenance-services {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/trusted_hosting_and_server_maintenance_service_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-customers-inventory-management-software {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/customer_and_inventory_management/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-online-customer-support {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/online_customer_support_services_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-full-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/full_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-mean-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mean_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-hedera-hashgraph-dev {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hedera_hasgroup/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

.masthead-hedera-hashgraph-dev:before {
    background: rgba(0, 0, 0, .73) !important
}

header.masthead-blockchain-ai-dev {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/AI_blockchain/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px
}

header.masthead-peer-to-peer-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/p2p_lending/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

header.masthead-ai-banner {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/ai-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

@media screen and (min-width:767px) {
    .mobile {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .bor-bot {
        border-bottom: 2px solid #205a5d !important
    }
}

.hgt_490 {
    height: 490px
}

.justify {
    text-align: justify
}

@media(max-width:767px) {
    .social_link {
        display: none
    }
    .mobile-resp {
        display: block
    }
    .caption {
        font-size: 14px !important
    }
    body.events .cbp-af-header .cbp-af-inner {
        height: auto
    }
}

@media(min-width:768px) and (max-width:991px) {
    .showcase-box h3 {
        text-align: left
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .showcase-box h3 {
        min-height: 50px
    }
}

.photo_font {
    font-size: 25px !important;
    color: #000 !important;
    text-align: center
}

.caption {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #397bc1;
    text-align: center;
    font-weight: 700;
    opacity: 1;
    top: 0;
    font-size: 20px
}

@media(min-width:0px) and (max-width:768px) {
    .expert-btn {
        margin: 10px auto !important
    }
    .solution-box p {
        width: 100%
    }
    .ttmenu .navbar-default .ttmenu-content {
        padding: 0
    }
    .social ul li {
        display: inline-block;
        margin: 0 0 15px 1px
    }
    header.masthead-demand.tensorflow {
        padding-top: 50px;
        height: 70vh
    }
    .pre-header ul li a {
        font-size: 13px
    }
    header.masthead-hyper {
        padding-top: 40px;
        height: 60vh
    }
    header.masthead-demand.Banner-solidity {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-digital-records.health {
        padding-top: 30px;
        height: 60vh
    }
    header.masthead-blockchain-in-insurance.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-gaming.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-application-for-voting.health {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-blockchain-in-ecommerce.health {
        padding-top: 20px
    }
    header.masthead-blockchain-in-real-estate.health {
        padding-top: 20px;
        height: 80vh
    }
    header.masthead-blockchain-in-supplychain.health {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-identity {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-finance,
    header.masthead-mobility {
        padding-top: 20px;
        height: 65vh
    }
    header.masthead-legal {
        padding-top: 20px;
        height: 70vh
    }
    header.masthead-equihash {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-sha-256 {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-pivx {
        padding-top: 0;
        height: 90vh
    }
    header.masthead-scrypt {
        padding-top: 10px;
        height: 85vh
    }
    header.masthead-x11 {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development {
        padding-top: 10px;
        height: 80vh
    }
    header.masthead-cryptocurrency-wallet-development .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-exchange-platform-development {
        padding-top: 50px
    }
    header.masthead-business {
        padding-top: 40px;
        height: 65vh
    }
    header.masthead-iot {
        padding-top: 20px;
        height: 60vh
    }
    header.masthead-chatbot {
        padding-top: 10px;
        height: 60vh
    }
    header.masthead-finance.devops {
        padding-top: 0;
        height: 100vh
    }
    header.masthead-trans .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-engi .header-content h1 {
        font-size: 38px !important
    }
    header.masthead-blockchain-development {
        height: 95vh;
        background: #183274
    }
    .feature-content_1 p,
    .section-heading p,
    .work_with_box p {
        font-size: 16px
    }
    header.masthead-blockchain-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .heading-tagline {
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px
    }
    .mid_section p {
        font-size: 16px
    }
    .feature_1 {
        margin-top: 2em
    }
    header.masthead-ai .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 21px !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 30px
    }
    header.masthead-blockchain-consulting-services {
        height: 60vh;
        padding-top: 10px
    }
    header.masthead-custom-web-design-development {
        height: 97vh;
        padding-top: 133px
    }
    header.masthead-custom-web-design-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .mobile-resp .skype_button>span,
    .mobile-resp .whatsup_button>span {
        display: inline !important
    }
    .social_link {
        display: block !important
    }
    .mobile-resp {
        display: none
    }
    .MetaBlock-new-slider .hero h1,
    .MetaBlock-new-slider .hero h2 {
        font-size: 34px;
        line-height: 52px
    }
    .ttmenu .navbar-default .navbar-nav>li>a.carrer_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.skype_button span {
        display: none !important
    }
    .ttmenu .navbar-default .navbar-nav>li>a.whatsup_button span {
        display: none !important
    }
    .ttmenu .nav>li>a {
        padding: 4px 0 !important
    }
    body .ttmenu .nav>li>a {
        border-bottom: 0 solid !important
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 6px !important
    }
    .ttmenu .nav>li>a {
        margin: 0 7px
    }
    header.masthead-blockchain-development {
        height: 25vh;
        padding-top: 10px
    }
    .bigdata-info img {
        max-width: 330px
    }
    .hi-icon {
        width: 40px;
        height: 40px
    }
    .hi-icon:before {
        font-size: 20px;
        line-height: 38px
    }
    .loc_icons {
        margin-bottom: 0
    }
    .loc_text ul {
        padding: 0
    }
    .location .col-sm-4 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .loc_text ul li {
        font-size: 13px;
        line-height: 21px
    }
    .location {
        padding: 10px 0
    }
}

.algorithm-img-modal {
    height: 332px;
    box-shadow: -1px 1px 5px 2px rgba(209, 207, 209, .39)
}

.img-modal .modal-header {
    background-color: transparent;
    background-color: initial;
    border-bottom: 0
}

.img-modal .modal-footer {
    border-top: 0
}

.pop-up-img-modal {
    max-width: 100%
}

.img-modal .modal-header .btn {
    background-color: #928f8f;
    color: #fff;
    height: 39px;
    border-radius: 100%;
    float: right
}

.expand-button {
    color: #fff
}

.modal-open .modal {
    overflow-x: hidden;
    margin-top: -75px;
    overflow-y: auto
}

.hgt_340 {
    height: 340px !important
}

.hgt_auto {
    height: auto !important
}

@media screen and (max-width:767px) {
    .whybottom_box {
        height: auto !important
    }
}

.hgt_400 {
    height: 400px
}

.gd-img img {
    max-width: none !important;
    width: 150px
}

@media screen and (min-width:767px) {
    .hgt_470 {
        height: 470px
    }
}

.foot_link .contact-info p {
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: left
}

.expert-btn {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 12px
}

.platform-icon {
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(34, 44, 55, .15)
}

div.platform-icon div.logo {
    background-color: transparent
}

div.platform-icon a,
div.platform-icon div.logo {
    width: 50px;
    height: 50px;
    display: block;
    /* background-image: url(../images/inner-pages/way/platform-logos.png); */
    background-color: #fff
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon {
    float: none;
    display: inline-block;
    margin: 5px
}

.multiple-platforms {
    text-align: center
}

.g-center {
    padding: 0 14px
}

div.platform-icon .win {
    background-position: 0 0
}

div.platform-icon .pc {
    background-position: 0 0
}

div.platform-icon .winphone8 {
    background-position: 0 -50px
}

div.platform-icon .windowsphone8 {
    background-position: 0 -50px
}

div.platform-icon .winstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstore {
    background-position: 0 -100px
}

div.platform-icon .windowsstoreapps {
    background-position: 0 -100px
}

div.platform-icon .mac {
    background-position: 0 -150px
}

div.platform-icon .linux {
    background-position: 0 -200px
}

div.platform-icon .web {
    background-position: 0 -250px
}

div.platform-icon .unitywebplayer {
    background-position: 0 -250px
}

div.platform-icon .ios {
    background-position: 0 -300px
}

div.platform-icon .android {
    background-position: 0 -350px
}

div.platform-icon .blackberry {
    background-position: 0 -400px
}

div.platform-icon .wiiu {
    background-position: 0 -450px
}

div.platform-icon .ps3 {
    background-position: 0 -500px
}

div.platform-icon .playstation3 {
    background-position: 0 -500px
}

div.platform-icon .ps4 {
    background-position: 0 -550px
}

div.platform-icon .playstation4 {
    background-position: 0 -550px
}

div.platform-icon .xbox {
    background-position: 0 -600px
}

div.platform-icon .facebook {
    background-position: 0 -650px
}

div.platform-icon .playstationvita {
    background-position: 0 -700px
}

div.platform-icon .unity {
    background-position: 0 -750px
}

div.platform-icon .xboxone {
    background-position: 0 -800px
}

div.platform-icon .xbox360 {
    background-position: 0 -850px
}

div.platform-icon .tizen {
    background-position: 0 -900px
}

div.platform-icon .psmobile {
    background-position: 0 -950px
}

div.platform-icon .teamlicense {
    background-position: 0 -1000px
}

div.platform-icon .oculus {
    background-position: 0 -1050px
}

div.platform-icon .oculusright {
    background-position: 0 -1050px
}

div.platform-icon .oculusrift {
    background-position: 0 -1050px
}

div.platform-icon .webgl {
    background-position: 0 -1100px
}

div.platform-icon .samsungtv {
    background-position: 0 -1150px
}

div.platform-icon .gearvr {
    background-position: 0 -1200px
}

div.platform-icon .androidtv {
    background-position: 0 -1250px
}

div.platform-icon .hololens {
    background-position: 0 -1300px
}

div.platform-icon .universal-windows {
    background-position: 0 -1350px
}

div.platform-icon .playstationvr {
    background-position: 0 -1400px
}

div.platform-icon .tvos {
    background-position: 0 -1450px
}

div.platform-icon .nintendo3ds {
    background-position: 0 -1500px
}

div.platform-icon .vive {
    background-position: 0 -1550px
}

div.platform-icon .cardboard {
    background-position: 0 -1600px
}

div.platform-icon .daydream {
    background-position: 0 -1650px
}

div.platform-icon .nintendo-switch {
    background-position: 0 -1700px
}

div.platform-icon .fireos {
    background-position: 0 -1750px
}

div.platform-icon .fb-gameroom {
    background-position: 0 -1800px
}

div.platform-icon .arkit {
    background-position: 0 -1850px
}

div.platform-icon .vuforia {
    background-position: 0 -1900px
}

div.platform-icon .arcore {
    background-position: 0 -1950px
}

div.platform-icon .magic-leap {
    background-position: 0 -2000px
}

.header-shadow .expert-btn {
    border: 2px solid #fff;
    background: 0 0
}

.blkchn_devpmt_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d)
}

.blkchn_devpmt_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 510px;
    margin-top: 20px
}

@media (max-width:767px) {
    .blkchn_devpmt_services {
        height: auto
    }
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div {
    margin: 15px auto;
    text-align: center
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div .blkchn_devpmt_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

@media (max-width:767px) and (min-width:0px) {
    #divisor {
        background-size: cover !important
    }
    .our-works .carousel-inner {
        margin: 0 !important
    }
    .first-shot {
        padding: 0 !important
    }
    figure {
        background-size: contain !important
    }
    .img-comparison {
        padding: 0 !important
    }
}

.multiple-platforms {
    padding: 0;
    /* background-image: url(../images/inner-pages/way/multiplatform-bg.png); */
    background-color: #000;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background-image: url(../images/inner-pages/way/wayfind-bg.png); */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.our-works .first-shot {
    color: #fff;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3);
    height: 449px;
    background-repeat: no-repeat;
    background-size: cover
}

.our-works .first-shot h1 {
    font-weight: 700;
    color: #2a7bc1;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.our-works .first-shot p {
    color: #000
}

.our-works .carousel li {
    display: none
}

.our-works .carousel-inner {
    margin: 25px 145px 50px;
    max-width: 1245px
}

.our-works {
    /* background-image: url(../images/inner-pages/way/shots-slide-bg.png); */
    padding: 0;
    background-size: cover
}

.our-works h1 {
    font-size: 50px;
    color: #2a7bc1;
    text-align: center;
    font-weight: 600
}

.carousel-slider .carousel-control {
    z-index: 2;
    top: 171px;
    height: 0;
    width: 8%;
    bottom: 0;
    font-size: 77px;
    opacity: 1
}

.carousel-control.left {
    right: 105% !important
}

.shots .carousel-control.right {
    left: 105% !important
}

.our-works h2 {
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

.shots img {
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, .3)
}

div.platform-icon a,
div.platform-icon div.logo {
    border-radius: 50%
}

.multiple-platforms h2 {
    color: #fff;
    font-weight: bolder
}

.multiple-platforms h3 {
    color: #fff;
    font-size: 22px
}

.g-center {
    padding: 0 15px 25px
}

.img-comparison {
    padding: 0
}

.img-comparison h2 {
    color: #2a7bc1;
    margin-bottom: 51px;
    text-align: center;
    font-weight: 600;
    font-size: 32px
}

.img-comparison h3 {
    color: #2a7bc1;
    text-align: center
}

.img-comparison p {
    text-align: center
}

#comparison {
    width: 100%;
    padding-bottom: 48%;
    overflow: hidden;
    position: relative
}

figure {
    position: absolute;
    /* background-image: url(../images/inner-pages/way/gfloor-bp.png); */
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

#divisor {
    /* background-image: url(../images/inner-pages/way/gfloor-out.png); */
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3);
    bottom: 0;
    height: 100%;
    transition: width 2s
}

#divisor:after,
#divisor:before {
    content: '';
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #000;
    z-index: 3
}

#divisor:before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, .3)
}

#divisor:after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .3)
}

#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3
}

#handle:after,
#handle:before {
    content: '';
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    display: none
}

input[type=range]:active,
input[type=range]:focus {
    border: 0;
    outline: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: 0 0;
    border: 4px solid #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3)
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: 0
}

.rd_mr_btn {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    margin: 10px 0 0;
    line-height: 0
}

.blkchn_devpmt_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.blkchn_devpmt_services h4 {
    min-height: 50px
}

.blkchn_devpmt_services h2 {
    min-height: 50px
}

.blkchn_devpmt_services .feature-content_1 p {
    min-height: 280px
}

.list_img_div img {
    max-width: 60px;
    position: absolute
}

.list_content_div {
    margin-left: 70px
}

.industry_focus {
    padding: 10px
}

.industry_focus p {
    font-size: 15px !important;
    line-height: 27px
}

.industry_focus .slide-content .industries_solution_btn_p {
    margin: 20px 0
}

.industry_focus .slide-content .industries_solution_btn_p a.explore_slick_btn {
    margin-right: 8px
}

.industry_focus .item_pagination {
    padding: 15px !important
}

.industry_focus .slick-carousel .slick-list {
    margin-top: 0
}

.multiple-platforms p {
    font-size: 18px
}

@media (max-width:767px) {
    .blockchain__indus__sec #blockchain_indus_accordion {
        padding: 10px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #183276;
        color: #fff
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading .panel-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-right: 15px
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body .blockchain_indus_buttons {
        padding: 0 10px;
        text-align: center
    }
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../crypto_platform/bitcoin-fire.png) no-repeat scroll center top/cover; */
    margin-top: 0
}

#why_development .why_box {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%
}

#why_development .why_box span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: 10em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.why_development p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 50px;
    text-align: center
}

.cryp-heading h3 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 28px;
    margin: 0 0 50px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif
}

#why_development .why_box span:hover {
    cursor: pointer;
    background: #bb3361
}

.mob_industy_box {
    width: 180px;
    height: 230px;
    margin: 1em auto;
    color: #000;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.social_netw {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -93px -39px
}

.bank_finan {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -333px -39px
}

.entertain {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -563px -39px
}

.ondemand {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -801px -39px
}

.ecommerce {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1039px -39px
}

.food {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1271px -39px
}

.healthcare {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -102px -353px
}

.realestate {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -367px -353px
}

.education {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -618px -353px
}

.transport {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -881px -353px
}

.lifestyle {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -1142px -353px
}

.cryptocurency {
    z-index: 2;
    transform: rotateY(0);
    /* /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -368px -353px
}

@media (max-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box {
        padding: 10px
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 10rem;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav {
        position: absolute;
        top: 10rem;
        left: 0;
        right: 0
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev {
        position: absolute;
        left: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next {
        position: absolute;
        right: 20px
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next:before,
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev:before {
        border: 1px solid #148bfdbf;
        background: #148bfdbf;
        color: #fff;
        font-size: 40px;
        font-weight: 700
    }
}

.ondemand__app__sec .title {
    font-size: 35px;
    font-weight: 600;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div {
    position: relative;
    bottom: 30px;
    text-align: center;
    background: #fff;
    padding: 5px;
    margin: 0 15px;
    border-radius: 3px;
    box-shadow: gray;
    box-shadow: 0 0 29.1px .9px rgba(0, 0, 0, .2);
    z-index: 1
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box img {
    width: 100%
}

.ondemand__app__sec #ondemand__app__carousel .item {
    padding: 10px 0
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p a {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #535e72
}

@media (min-width:767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover:before {
        transform: scaleX(1)
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 7rem;
        transition: 1s;
        opacity: 0;
        z-index: 1
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover .btn__div {
        bottom: 23rem;
        transition: 1s;
        opacity: 1
    }
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 320px;
    top: 3%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 18px;
    transition: transform .3s ease-out
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div .get__demo__a {
    background: #148bfd;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots {
    margin-top: 0 !important;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot.active span {
    background: #ad2953b8
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot span {
    display: block;
    background: #ccc;
    width: 13px;
    height: 13px;
    margin: 5px;
    border-radius: 50px;
    cursor: pointer
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot {
    display: inline-block
}

.ondemad_head .banr-listing {
    padding: 0
}

.ondemad_head .heading-tagline {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_head .banr-listing li {
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    position: relative;
    list-style: none;
    text-align: left;
    font-weight: 300;
}

header.ondemad_head {
    margin-top: 30px !important;
    position: relative;
    width: 100%;
    padding-top: 75px !important;
    color: #fff;
    /* background: linear-gradient(50deg, #000 25%, #4a4949 76%); */
    /* background: orange !important; */
    background-image: url(https://img.freepik.com/free-photo/abstract-digital-grid-black-background_53876-97647.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 100vh;
}

header.ondemad_head .header-content h1 {
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_feature .whybottom_box .inr_img {
    top: -90px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.ondemad_feature .whybottom_box {
    height: 300px
}

.ondemad_feature .whybottom_box .inr_img:hover {
    transform: rotate(360deg);
    transition: 1s
}

.why-business .whybottom_box {
    height: auto;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    background-color: #0d4388
}

.why-business .whybottom_box h3 {
    color: #fff
}

.why-business .whybottom_box abbr {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px;
    padding: 5px;
    border-radius: 0 0 60% 60%;
    background: #ff3d9e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff3d9e), color-stop(100%, #481891));
    background: linear-gradient(135deg, #ff3d9e 0, #481891 100%)
}

.why-business .whybottom_box abbr:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #581c7f transparent transparent
}

.why-business .whybottom_box abbr:after {
    position: absolute;
    right: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #581c7f
}

.on-dmnd-industries .od-ind-box {
    text-align: center;
    padding: 10px;
    position: relative
}

.on-dmnd-industries .od-ind-box p {
    text-align: center;
    font-weight: bolder
}

.on-dmnd-industries .all-features {
    text-align: center
}

.on-dmnd-industries .all-features a.collapsed {
    color: #ff3d9d
}

.on-dmnd-industries .all-features a.collapsed .rotate-icon {
    color: #ff3d9d;
    border-color: #ff3d9d;
    transform: rotate(90deg)
}

.on-dmnd-industries .all-features a .vff {
    display: block;
    font-size: 15px;
    font-weight: bolder
}

.fa-angle-double-right:before {
    content: "\f101" !important
}

.on-dmnd-industries .all-features a .rotate-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #8200f2;
    border: 1px solid #8200f2;
    border-radius: 100px;
    transform: rotate(-90deg);
    transition: all .3s ease-in-out
}

.on-dmnd-industries .all-features a .rotate-icon i {
    font-size: 16px;
    margin-top: 5px
}

/*ON Demand App Banner Form - Start*/

.ondemand_app_banner_form_sec {
    background: #00000047;
    padding: 20px;
}

.ondemand_app_banner_form_sec .ondemand_app_banner_form_head .title {
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .form-group {
    margin-bottom: 20px;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form input,
.ondemand_app_banner_form_sec #ondemad_app_banner_form select,
.ondemand_app_banner_form_sec #ondemad_app_banner_form textarea {
    border-radius: 0;
    box-shadow: none;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .submit_btn {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    display: block;
    width: 100%;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

/*ON Demand App Banner Form - End*/

.mt-9 {
    margin-top: 9rem
}

.why-business .whybottom_box img {
    width: 50px;
    height: 50px;
    object-fit: none
}

.on-dmnd-industries img {
    width: 64px;
    height: 64px;
    object-fit: none
}

.collapsed .replaced_content {
    visibility: hidden;
    position: relative
}

.collapsed .replaced_content:after {
    visibility: visible;
    content: "Load More"
}

.replaced_content:after {
    visibility: visible;
    content: "Load Less"
}

@media (max-width:768px) and (min-width:0px) {
    header.ondemad_head {
        background: #000;
        height: auto !important;
    }
    .ondemad_head h1 {
        font-size: 24px !important;
        text-align: center !important
    }
    .ondemad_head .heading-tagline {
        text-align: center !important;
        font-size: 16px
    }
    .about {
        padding: 0
    }
}

.industry_focus .mob_industy_box h3 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 100px;
    text-shadow: 2px 2px 10px #0000006c
}

.industry_focus #client_carousel .item .industries_quote_btn {
    background: #00000073;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 25px auto;
    letter-spacing: 0
}

@media (min-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0;
        display: none
    }
}

@media (max-width:767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0
    }
}

.mob_industy_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 5px;
    transition: transform .3s ease-out
}

.mob_industy_box:hover:before {
    transform: scaleX(1)
}

.mob_industy_box:hover .industries_quote_btn_div {
    display: block !important
}

.why-cntnt {
    text-align: center
}

.why_MetaBlock {
    padding: 30px 0
}

.why-img-title {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0;
    text-align: center
}

.process_we_follow {
    background: #e3edf2;
    background: linear-gradient(135deg, #e3edf2 0, #b9c3cf 100%);
    padding: 30px 0
}

.enterprise-mobile-app-development-countrybased {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/mobileapp_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width: 767px) {
    .enterprisemob_banbtn {
        text-align: center;
    }
}

@media (min-width: 767px) {
    .enterprise-mobile-app-development-countrybased .header-content .mb-5 {
        text-align: left;
    }
    .enterprise-mobile-app-development-countrybased .header-content {
        margin-top: 9rem;
    }
    .enterprise-mobile-app-development-countrybased .heading-tagline {
        text-align: left;
        font-size: 18px;
    }
    .enterprise-mobile-app-development-countrybased.header-shadow:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 0%) none repeat scroll 0 0;
    }
}

header.enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh
}

@media (max-width:768px) and (min-width:0px) {
    header.enterprise-mobile-app-development {
        height: 97vh;
        padding-top: 133px
    }
    header.enterprise-mobile-app-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase
    }
    .intro_img_sprite {
        background-position: -992px -1247px !important
    }
    header.masthead-blockchain-development .header-content .mb-5 {
        font-size: 24px !important;
        text-align: center;
        line-height: 1.5
    }
    header.masthead-blockchain-development .header-content .heading-tagline {
        width: 100% !important;
        text-align: center
    }
    .bck_request_btn {
        text-align: center
    }
    header.masthead-blockchain-development .text-left {
        text-align: center !important
    }
}

header.masthead-blockchain-development .text-left {
    text-align: left
}

.header-shadow-custom .expert-btn {
    border: 2px solid #fff;
}

.enterprise_mobile_app_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d)
}

.enterprise_mobile_app_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 560px;
    margin-top: 20px
}

@media (max-width:767px) {
    .enterprise_mobile_app_services {
        min-height: auto;
        height: auto
    }
}

.enterprise_mobile_app_services .mobile_app_services_btn_div {
    margin: 10px auto;
    text-align: center
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn i {
    font-size: 20px;
    margin-left: 5px
}

.enterprise_mobile_app_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700
}

.enterprise_mobile_app_services h4 {
    min-height: 50px
}

.enterprise_mobile_app_services h2 {
    min-height: 50px
}

.enterprise_mobile_app_services .feature-content_1 p {
    min-height: 330px
}

.spr-feature-img-1 {
    object-fit: none;
    object-position: 0 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-2 {
    object-fit: none;
    object-position: -80px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-3 {
    object-fit: none;
    object-position: -166px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-4 {
    object-fit: none;
    object-position: -247px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-5 {
    object-fit: none;
    object-position: -331px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-6 {
    object-fit: none;
    object-position: 0 -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-7 {
    object-fit: none;
    object-position: -80px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-8 {
    object-fit: none;
    object-position: -166px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-9 {
    object-fit: none;
    object-position: -246px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-10 {
    object-fit: none;
    object-position: -329px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-11 {
    object-fit: none;
    object-position: -87px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-12 {
    object-fit: none;
    object-position: 1px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-13 {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-14 {
    object-fit: none;
    object-position: -250px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-15 {
    object-fit: none;
    object-position: -336px -161px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-16 {
    object-fit: none;
    object-position: -142px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-17 {
    object-fit: none;
    object-position: -245px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr-feature-img-18 {
    object-fit: none;
    object-position: -350px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.spr_img_consen {
    width: 60px;
    height: 60px;
    margin-left: 0 auto;
    /* background-image: url(../images/inner-pages/blockchain_development/blkch_sprite.png?v2) */
}

.techstack_sprite {
    width: 68%;
    height: 229px;
    background-position: -9px -120px;
    background-size: 111rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite_res {
    width: 100%;
    height: 575px;
    background-position: -1413px -243px;
    background-size: 179rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite {
    width: 65%;
    height: 287px;
    background-position: -11px -469px;
    background-size: 135rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.mobile_app_hire_sprite {
    width: 60%;
    height: 250px;
    background-position: -1875px -1480px;
    background-size: 110rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.hire_sprite {
    width: 77%;
    height: 200px;
    background-position: -1531px -1205px;
    background-size: 90rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.appio-sprite {
    width: 100%;
    border-radius: 10px;
    height: 540px;
    border: 1px solid #d2d2d2;
    background-size: 180rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v2) */
}

.appio-screen-img img {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
    border: 2px solid #d2d2d2
}

.sol-icon .cust_web_imgpack {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1) */
}

.service_sprite {
    background-size: 85rem;
    width: 77px;
    height: 90px
}

.web_portal_sprite {
    margin: 0 63%;
    background-size: 174rem;
    width: 119px;
    height: 101px
}

.web_development_sprite {
    margin: 0;
    background-size: 83rem;
    width: 119px;
    height: 101px
}

.js_framework_sprite {
    margin: 0 63%;
    background-size: 70rem;
    width: 127px;
    height: 101px
}

.web_development_sol_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 63%;
    background-size: 83rem;
    width: 127px;
    height: 122px
}

.webd-intro-sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    background-size: 166rem;
    width: 620px;
    height: 300px;
    background-position: -936px -787px
}

.webdesign_services_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 auto;
    background-size: 280rem;
    width: 350px;
    height: 350px
}

#screenshots {
    padding: 10px 0
}

.swiper-container.appio-screen-view {
    text-align: center
}

.swiper-container.appio-screen-view .swiper-slide {
    padding: 0 43px
}

.swiper-container {
    width: 100%;
    padding-bottom: 50px
}

.swiper-slide .appio-sprite {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px
}

.swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 15px
}

.two .swiper-slide {
    width: 300px
}

.swiper-slide .appio-sprite {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2)
}

.swiper-slide .appio-screen-img .preview-icon {
    z-index: -1;
    width: calc(100% - 30px)
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0
}

.swiper-pagination-bullet {
    border-radius: 10px;
    display: inline-block;
    height: 5px;
    width: 20px;
    opacity: 1;
    transition: .2s;
    background-color: #000
}

.swiper-pagination-bullet:nth-child(5n+1) {
    background-color: #9bcf50
}

.swiper-pagination-bullet:nth-child(5n+2) {
    background-color: #36c6eb
}

.swiper-pagination-bullet:nth-child(5n+3) {
    background-color: #ff7e30
}

.swiper-pagination-bullet:nth-child(5n+4) {
    background-color: #1e87f0
}

.swiper-pagination-bullet:nth-child(5n+5) {
    background-color: #bf095d
}

.swiper-pagination-bullet-active {
    border: medium none;
    height: 5px;
    width: 30px;
    opacity: 1
}

.process_we_follow img {
    width: 100% !important
}

.why_crypto_development_sprite1,
.why_crypto_development_sprite2,
.why_crypto_development_sprite3,
.why_crypto_development_sprite4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.why_crypto_development_sprite1 {
    object-position: 0 0
}

.why_crypto_development_sprite2 {
    object-position: -120px 0
}

.why_crypto_development_sprite3 {
    object-position: -240px 0
}

.why_crypto_development_sprite4 {
    object-position: -361px 0
}

.crypto_services1,
.crypto_services2,
.crypto_services3,
.crypto_services4,
.crypto_services5,
.crypto_services6 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_services1 {
    object-position: -482px 0
}

.crypto_services2 {
    object-position: 0 -105px
}

.crypto_services3 {
    object-position: -120px -105px
}

.crypto_services4 {
    object-position: -244px -105px
}

.crypto_services5 {
    object-position: -362px -105px
}

.crypto_services6 {
    object-position: -483px -109px
}

.crypto_platform1,
.crypto_platform10,
.crypto_platform11,
.crypto_platform12,
.crypto_platform2,
.crypto_platform3,
.crypto_platform4,
.crypto_platform5,
.crypto_platform6,
.crypto_platform7,
.crypto_platform8,
.crypto_platform9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.crypto_platform1 {
    object-position: 13px -211px
}

.crypto_platform2 {
    object-position: -90px -211px
}

.crypto_platform3 {
    object-position: -193px -211px
}

.crypto_platform4 {
    object-position: -296px -211px
}

.crypto_platform5 {
    object-position: -401px -211px
}

.crypto_platform6 {
    object-position: -507px -211px
}

.crypto_platform7 {
    object-position: 6px -293px
}

.crypto_platform8 {
    object-position: -96px -290px
}

.crypto_platform9 {
    object-position: -199px -292px
}

.crypto_platform10 {
    object-position: -298px -292px
}

.crypto_platform11 {
    object-position: -400px -292px
}

.crypto_platform12 {
    object-position: -503px -292px
}

.cryp_xchge_feature1,
.cryp_xchge_feature2,
.cryp_xchge_feature3,
.cryp_xchge_feature4,
.cryp_xchge_feature5,
.cryp_xchge_feature6,
.cryp_xchge_feature7,
.cryp_xchge_feature8,
.cryp_xchge_feature9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_feature1 {
    object-position: 0 0
}

.cryp_xchge_feature2 {
    object-position: -103px 0
}

.cryp_xchge_feature3 {
    object-position: -193px 0
}

.cryp_xchge_feature4 {
    object-position: -290px 0
}

.cryp_xchge_feature5 {
    object-position: -393px 0
}

.cryp_xchge_feature6 {
    object-position: -17px -91px
}

.cryp_xchge_feature7 {
    object-position: -131px -93px
}

.cryp_xchge_feature8 {
    object-position: -243px -99px
}

.cryp_xchge_feature9 {
    object-position: -346px -99px
}

.cryp_xchge_sfeature1,
.cryp_xchge_sfeature2,
.cryp_xchge_sfeature3,
.cryp_xchge_sfeature4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cryp_xchge_sfeature1 {
    object-position: -13px -225px
}

.cryp_xchge_sfeature2 {
    object-position: -138px -225px
}

.cryp_xchge_sfeature3 {
    object-position: -263px -225px
}

.cryp_xchge_sfeature4 {
    object-position: -390px -225px
}

.daapd-sprite-ctrl {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.dappd-sprite-pos-1 {
    object-position: -7px -4px
}

.dappd-sprite-pos-2 {
    object-position: -100px -4px
}

.dappd-sprite-pos-3 {
    object-position: -194px -4px
}

.dappd-sprite-pos-4 {
    object-position: -287px -4px
}

.dappd-sprite-pos-5 {
    object-position: -380px -4px
}

.dappd-sprite-pos-6 {
    object-position: -472px -4px
}

.dappd-sprite-pos-7 {
    object-position: -567px -4px
}

.dappd-sprite-pos-8 {
    object-position: -6px -98px
}

.dappd-sprite-pos-9 {
    object-position: -100px -98px
}

.dappd-sprite-pos-10 {
    object-position: -193px -98px
}

.dappd-sprite-pos-11 {
    object-position: -287px -98px
}

.dappd-sprite-pos-12 {
    object-position: -379px -98px
}

.dappd-sprite-pos-13 {
    object-position: -473px -98px
}

.dappd-sprite-pos-14 {
    object-position: -567px -98px
}

.supc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.supc-sprite-pos-1 {
    object-position: -5px -6px
}

.supc-sprite-pos-2 {
    object-position: -122px -6px
}

.supc-sprite-pos-3 {
    object-position: -241px -6px
}

.supc-sprite-pos-4 {
    object-position: -362px -6px
}

.supc-sprite-pos-5 {
    object-position: -481px -7px
}

.supc-sprite-pos-6 {
    object-position: -604px -7px
}

.hc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hc-sprite-pos-1 {
    object-position: -4px -8px
}

.hc-sprite-pos-2 {
    object-position: -125px -8px
}

.hc-sprite-pos-3 {
    object-position: -246px -8px
}

.hc-sprite-pos-4 {
    object-position: -367px -8px
}

.hc-sprite-pos-5 {
    object-position: -15px -146px
}

.hc-sprite-pos-6 {
    object-position: -136px -146px
}

.hc-sprite-pos-7 {
    object-position: -257px -146px
}

.hc-sprite-pos-8 {
    object-position: -378px -146px
}

.bcd-sprite-ctrl-0 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -2px -250px
}

.bcd-sprite-ctrl-1 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -71px -250px
}

.bcd-sprite-ctrl-2 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -141px -250px
}

.bcd-sprite-ctrl-3 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -210px -250px
}

.bcd-sprite-ctrl-4 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -280px -250px
}

.bcd-sprite-ctrl-5 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -351px -250px
}

.bcd-sprite-ctrl-6 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -1px -316px
}

.bcd-sprite-ctrl-7 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -73px -316px
}

.bcd-sprite-ctrl-8 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -142px -316px
}

.intro_img_sprite {
    width: 100%;
    height: 448px;
    background-position: -919px -1247px;
    background-size: 216rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img_mob_dev {
    width: 80px;
    height: 80px;
    background-size: 92rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.list-strategy .round-circle {
    margin: 0 auto 40px
}

#accordion .panel {
    border: none;
    border-radius: 3px;
    box-shadow: none
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 3px;
    background: 0 0
}

#accordion .panel-title a {
    display: block;
    padding: 12px 18px;
    background: #e6e6e6;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    color: #333;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    position: relative;
    transition: all .5s ease 0s;
    box-shadow: 0 1px 2px rgb(43 59 93 / 30%);
    border-radius: 7px;
}

#accordion .panel-title a.collapsed {
    box-shadow: none;
    color: #333;
    box-shadow: 0 1px 2px rgb(80 80 80 / 30%);
    font-weight: 600;
}

#accordion .panel-title a.collapsed:before,
#accordion .panel-title a:before {
    content: "\f067";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;
    position: relative;
    float: right;
    transform: rotate(135deg);
    transition: all .3s ease 0s
}

#accordion .panel {
    background-color: #fcfcfc;
}

#accordion .panel-body p {
    text-align: justify;
    color: #333;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

#accordion .panel-title a.collapsed:before {
    color: #333;
    transform: rotate(0)
}

.mid_section.faq__section {
    background: #f6f6f6;
}

#accordion .panel-body {
    padding: 0 65px 0 15px;
    /* border: 1px solid #000; */
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
    box-shadow: 0px 2px 10px -7px #797979;
}

.products-section {
    /* background-image: url(../images/inner-pages/blockchain_development/platforms-bg.png); */
    background-size: cover;
    padding: 20px !important;
    margin-top: 0
}

.platform_heading {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 28px;
    margin: 5px 0 10px;
    font-weight: 700
}

.our-platform-inner {
    background: #fff;
    height: 381px;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.products-section .our-plat-img {
    text-align: -webkit-center
}

.our-plat-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin: 10px 0;
    color: #333
}

.products-section .our-plat-describe {
    font-size: 15px
}

.our-plat-explore {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 600
}

.our-plat-explore a {
    color: #ba2352
}

.our-plat-explore .fa-angle-right {
    margin-left: 7px;
    color: #ba2352
}

.owl-theme .owl-dots .owl-dot:hover span,
.products-section .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    margin-top: 20px
}

.products-section .owl-theme .owl-nav {
    display: none
}

.blck-platform-sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hyp-frame-sec {
    text-align: left;
    padding: 20px
}

.hyp-box .normal_text {
    text-align: justify;
    min-height: 383px
}

.hyp-frame-sec {
    background-color: #eefaff
}

.hyp-box {
    padding: 30px;
    border: 1px solid #dcdcdc;
    min-height: 577px;
    background-color: #fff
}

.hyp-buttons {
    border-radius: 5px
}

.hyp-frame-sec .hyp-buttons {
    background-color: #20518d;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 5px
}

.hyp-tools-box {
    text-align: left;
    padding: 26px;
    height: auto;
    background-size: cover;
    min-height: 453px;
    background-color: #012a5e;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hyp-tools-sec {
    background-color: #fafafa;
    padding: 30px
}

.whyhy-enterprise {
    padding: 30px 0 55px
}

@media (min-width:768px) {
    .ten-columns>.col-sm-2 {
        width: 20%
    }
}

.why-ent-box {
    text-align: center
}

.whyent-head {
    font-size: 17px;
    color: #333;
    font-weight: 500
}

.why-ent-box-border {
    border-right: 1px solid #dcdcdc
}

.whyhy-enterprise-wrap {
    background-color: #fff;
    padding: 54px;
    border-radius: 3px;
    border: 1px solid #e2ecff;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .63)
}

.hypcontain-custom {
    margin: 0 auto;
    width: 97.5%;
    max-width: 1520px
}

.hyp-indus-box {
    font-family: proxima_nova_rgbold;
    font-size: 42px;
    line-height: 44px;
    padding: 80px 27px 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 1;
    color: #fff;
    min-height: 497px
}

.hyp-indus-box1 {
    /* background-image: url(../images/inner-pages/hyper-ledger/supplychain.png) */
}

.hyp-indus-box2 {
    /* background-image: url(../images/inner-pages/hyper-ledger/healthcare.png) */
}

.hyp-indus-box3 {
    /* background-image: url(../images/inner-pages/hyper-ledger/identity.png) */
}

.hyp-indus-box4 {
    /* background-image: url(../images/inner-pages/hyper-ledger/finance.png) */
}

.hyp-indus-box5 {
    /* background-image: url(../images/inner-pages/hyper-ledger/realestate.png) */
}

.hyp-indus-box:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    background: rgba(0, 5, 66, .47);
    transition: height .3s cubic-bezier(.4, 0, .2, 1)
}

.hyp-indus-box:hover:before {
    height: 100%
}

.hyp_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.indus-hyp-sec {
    background-color: #f5f7fb;
    padding: 30px 0
}

.why-MetaBlock-hyp {
    background-color: #000;
    padding: 30px;
    background-position: bottom;
}

.why_hyp_content .hyp_common_title {
    color: #fff
}

.why_hyp_content p {
    color: #fff
}

.why-MetaBlock-hyp .list-unstyled li {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.yMetaBlock-hyp-border {
    border-left: solid #80a5b4 1px
}

.hyp-indus-title,
.hyptool-title {
    color: #fff
}

.hyp-tools-box .hyptool-p {
    color: #fff;
    text-align: justify
}

.why_hyp_content .hyp_common_title {
    margin-top: 0;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: center;
}

.hypprocess-sec {
    padding: 30px
}

.hyp-proces-img {
    display: inline-block;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin-bottom: 15px;
    border: 2px dashed #9b9b9b
}

.hypprocess-line:before {
    position: absolute;
    content: '';
    height: 1px;
    top: 30%;
    right: -20%;
    width: 40%;
    border-bottom: 2px dashed #9b9b9b
}

.hypproces-title {
    font-size: 18px;
    color: #012a5e;
    font-weight: 700;
    margin-bottom: 10px
}

.hypp-count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.hyptools-head {
    color: #fff;
    margin-top: 0;
    font-size: 25px;
    line-height: 27px
}

@media (max-width:767px) {
    .hypprocess-line:before {
        display: none
    }
    .mob-pad-ctrl {
        padding: 0
    }
    .why-ent-box-border {
        border-right: 0 solid #0b70d5
    }
    .why-ent-box {
        text-align: center;
        margin-bottom: 18px
    }
    .hyp-indus-box {
        margin-bottom: 18px
    }
    .yMetaBlock-hyp-border {
        border-left: solid #1e4676 0
    }
    .hyp-box,
    .hyp-tools-box {
        margin-bottom: 18px
    }
    .hyp_common_title {
        font-size: 17px;
        line-height: 30px
    }
    .why-MetaBlock-hyp {
        padding: 15px
    }
}

.hyp-frame-sprite {
    width: 137px !important;
    height: 40px;
    object-fit: none
}

.hyp-tool-sprite {
    width: 137px;
    height: 40px;
    object-fit: none
}

.hyp-yent-sprite {
    width: 55px;
    height: 55px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 70px;
    height: 70px;
    object-fit: none
}

.hyp-process-sprite {
    width: 90px;
    height: 90px;
    object-fit: none;
    margin: 40px
}

.hyp-tic-sprite {
    height: 25px;
    width: 30px;
    object-fit: none;
    margin-right: 5px
}

.hyp-ft-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-ft-box {
    text-align: center;
    box-shadow: 0 3px 19px -11px #01285a;
    padding: 20px;
    border: 1px solid #f6f6f6;
    min-height: 320px;
    background-color: #fff;
    border-radius: 6px
}

.hyp-ft {
    padding: 30px;
    background: #f2f2f3
}

.hyp-ft-desc {
    font-size: 15px
}

.hyp-box .btn:focus {
    border: 0 solid #fff;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.hyp-bt-sec {
    padding: 30px;
    background-color: #eefaff
}

.hyp-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 146px
}

.nyp-btb-cont1 {
    background-color: #0d4388;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #012a5e;
}

.nyp-btb-cont4 {
    background-color: #4450d2;
}

.nyp-btb-cont5 {
    background-color: #0d4388;
}

.nyp-btb-cont6 {
    background-color: #af9cc9;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.hyp-btb-tile {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px
}

.hyp-frame-sec .owl-theme .owl-nav [class*=owl-] {
    display: none
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.hyp-indus-sec .list-strategy-wrap .slick-dots li.slick-active {
    background: #00adf6
}

.hyp-indus-sec .explore_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700
}

.hyp-indus-sec .get_demo_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700;
    border-radius: 50px
}

.hyp-indus-sec .slider__arrows ul li a {
    display: block;
    padding: 10px 20px;
    border: 2px solid #008dc9;
    border-radius: 2px;
    color: #fff
}

.hyp-indus-sec .list-strategy-wrap {
    margin-top: 0
}

.hyp-indus-sec {
    background-color: #f6f6f6
}

.hyp-ft-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.hyp-indus-sprite {
    width: 60px;
    height: 60px;
    object-fit: none
}

.hyp-indus-sec .list-strategy .round-circle {
    margin: 0 auto 82px
}

.hyp-indus-sec .bcd-sprite-ctrl-0 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4579px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-1 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4690px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-2 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4811px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-3 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4930px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-4 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5047px 24px !important
}

.hyp-indus-sec .bcd-sprite-ctrl-5 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5163px 24px !important
}

.connect_chat_icons_sec {
    bottom: 8% !important
}

.webdevelopment_new_custom_box {
    padding: 40px;
    min-height: 400px;
    position: relative;
    z-index: 0
}

.webdevelopment_new_title {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 12px;
    color: #fff;
}

.webdevelopment_new_custom_color-1 {
    background-color: #000000;
}

.webdevelopment_new_custom_color-2 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-3 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-4 {
    background-color: #000000;
}

.webdevelopment_new_custom_dark {
    color: #fff
}

.webdevelopment_new_custom_light {
    color: #fff
}

.webdevelopment_new_custom_bg {
    /* background-image: url(../images/inner-pages/website_design/ft-bgicons.svg); */
    background-repeat: no-repeat;
    width: 163px;
    height: 157px;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    filter: hue-rotate(45deg);
}

@media (min-width:767px) {
    .ethdapp_serv_box {
        min-height: 449px
    }
    .ethh_dapp_pts_title {
        min-height: 70px
    }
    .ethdapp_serv_box .feature-content_1 p {
        min-height: 200px;
        margin-bottom: 10px
    }
}

header.masthead-dapp-development .header-content h1 {
    text-align: left
}

header.masthead-dapp-development .heading-tagline {
    text-align: left
}

.why-eth-dev {
    background-color: #eefaff
}

.ethdapp_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}

.why_dapp_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    height: 370px;
    border: 1px solid #dcdcdc
}

.ethdapp_serv_box {
    margin: 30px 0;
    padding: 10px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background-color: #fff
}

.ethh_dapp_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_dapp_platform_sec .list_item li {
    display: inline;
    float: left;
    padding: 30px;
    text-align: center
}

.eth_dapp_platform_sec .list_item li img {
    display: grid;
    margin: 0 auto
}

.eth_dapp_platform_sec .list_item ul.list-unstyled {
    padding-right: 0
}

.ethhdapp_plats_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.new_common_darkbg {
    background-color: #012a5e
}

.dapp-tools-inner {
    background: #fff;
    height: auto;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, .07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-prev {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 60px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 10px
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next i.fa-long-arrow-right,
.eth_dapp_tools .owl-theme .owl-nav .owl-prev i.fa-long-arrow-left {
    font-size: 40px;
    padding: 0;
    line-height: 25px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50px
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot.active span {
    border: 3px solid #ae2954;
    width: 15px;
    height: 15px
}

.eth_dapp_tools p {
    color: #fff
}

.eth_dapp_tool_content {
    margin: 20px 0 0 22px
}

.eth_dapp_tools .ethdapp_common_title {
    font-size: 36px;
    color: #fff
}

.new_common_lightgrey_bg {
    background: #eff2f5
}

.eth_dapp_process_title {
    text-align: right
}

.eth_dapp_process_desc,
.eth_dapp_process_num {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.342em
}

.eth_dapp_process_num {
    font-size: 40px
}

.ethdapp_process_para p {
    font-size: 17px !important;
    line-height: 2;
    margin: 0;
    text-align: justify
}

.align-items-center {
    display: flex;
    align-items: center
}

.connect-c-c {
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    /* background: url(../images/inner-pages/dapp_development/process-connect.svg) */
}

.eth_dapp_tools {
    padding: 54px 40px 20px 40px
}

.eth_dapp_process {
    padding: 50px
}

.new_common_tile_color1 {
    background: #012a5e
}

.new_common_tile_color2 {
    background: #e6f0f4
}

.new_common_tile_color3 {
    background: #0099da
}

.new_common_tile_color4 {
    background: #044391
}

.why_ethdapp_MetaBlock_box {
    min-height: 210px;
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding-top: 30px
}

.why_ethdapp_MetaBlock_title {
    line-height: 21px;
    margin-top: 15px
}

.new_common_container {
    margin: 0 auto;
    width: 91.5%;
    max-width: 1520px
}

.white-text {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    font-weight: 300;
    text-align: center;
}

@media (min-width:767px) {
    .why_ethdapp_MetaBlock_bg {
        /* background: url(../images/inner-pages/dapp_development/whydapp_MetaBlock_bg.jpg) no-repeat; */
        height: 420px;
        background-size: cover;
        background-position: -165px 0
    }
}

.why_ethdapp_MetaBlock {
    background: #eefaff
}

@media (min-width:767px) {
    .eth-dapp-hire {
        /* background: url(../images/inner-pages/dapp_development/eth_dapp_hire.jpg?v1) no-repeat; */
        background-size: cover;
        position: relative;
        padding: 50px
    }
}

.eth-dap-hire-box {
    background: #000;
    color: #fff;
    padding: 30px
}

.eth-daapd-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth-why-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.ethdapp-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

header.masthead-dapp-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/dapp_development/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center
}

.masthead-banner-btn .new_common_btn {
    margin: 20px auto
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .ethdapp-process {
        display: block
    }
    .eth_dapp_process_desc,
    .eth_dapp_process_num,
    .ethdapp_process_para p {
        text-align: center
    }
    .eth-dapp-hire {
        padding: 0
    }
    header.masthead-dapp-development {
        background-position: 0 0;
        background-position: initial
    }
    header.masthead-dapp-development .header-content h1 {
        font-size: 33px !important
    }
    .header-content .heading-tagline,
    header.masthead-dapp-development .header-content h1 {
        text-align: center
    }
    .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 35px
    }
    .eth-dap-hire-box .ethdapp_common_title {
        font-size: 17px !important;
        line-height: 35px
    }
    .eth_dapp_platform_sec .ethdapp_common_title {
        font-size: 22px
    }
    .eth_dapp_tools {
        padding: 0 0 2px 0
    }
    .eth_dapp_tools .ethdapp_common_title {
        font-size: 31px;
        color: #fff
    }
    .why_ethdapp_MetaBlock .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 30px
    }
    .masthead-banner-btn {
        text-align: center
    }
    .ethdapp_serv_box .feature-content_1 p {
        margin-bottom: 10px
    }
}

@media (min-width:767px) {
    .typs-ethtok-box {
        min-height: 570px
    }
}

header.masthead-ethereum-token-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/Banner.png?v1) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.masthead-ethereum-token-development .header-content .heading-tagline,
header.masthead-ethereum-token-development .header-content h1 {
    text-align: left
}

header.masthead-ethereum-token-development .header-content h1 {
    font-size: 47px !important
}

.masthead-ethereum-token-development-btn .expert-btn {
    margin: 0
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none
}

.ethtoken_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.typs-ethtok-box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    text-align: center;
    border: 1px solid #dcdcdc
}

.eth_tok_pts_title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.eth_token_service {
    background-color: #000;
}

.ethtok_service_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #323232;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.eth_tok_models_wrap {
    text-align: center
}

.ethtok_img {
    background-color: #fff;
    padding: 0;
    width: 85px;
    height: 85px;
    margin: 40px;
    border-radius: 5px;
    transform: rotate(45deg);
    position: relative;
    z-index: 1;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67)
}

.eth_tok_count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block
}

.why-ethtok-MetaBlock-box {
    background-color: #000;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .05);
    padding: 35px;
    border-radius: 5px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock {
    border-bottom: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock:nth-child(4n) {
    border-left: none;
    border-right: none
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
    border-right: solid #ddd 1px
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down:nth-child(4n) {
    border-top: none;
    border-right: none
}

.why-ethtok-MetaBlock {
    background: #000;
    padding: 45px 0
}

.why-ethtok-MetaBlock-wrap {
    margin: 35px;
    text-align: center
}

.ethtok_about .ethtoken_common_title {
    font-size: 29px;
    line-height: 40px;
    color: #fff;
}

.ethtok_type_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
    filter: brightness(100);
}

img.ethtok_process_sprite {
    transform: rotate(-45deg)
}

.ethtok_process_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.ethtok_yeth_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.eth_tok_models_wrap .eth_tok_pts_title {
    margin-top: 10px
}

.eth_tok_models_connect:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    background-position: -31px 0;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/icons-new.svg); */
    background-position: -1991px -13px;
    background-size: 210rem;
    left: -48px;
    top: 58px;
    z-index: 0
}

.eth_tok_model {
    background: #000;
    position: relative;
    z-index: -1
}

@media only screen and (max-width:767px) {
    header.masthead-ethereum-token-development .header-content h1 {
        font-size: 34px !important;
        text-align: center
    }
    .heading-tagline {
        text-align: center !important
    }
    .ethtok_about .ethtoken_common_title {
        text-align: center
    }
    .masthead-ethtoken-development-btn {
        text-align: center
    }
    .ethtoken_common_title {
        font-size: 27px;
        line-height: 33px
    }
    .ethtok_service_box {
        margin: 0 0 10px 0 !important
    }
    .ethtok_img {
        margin: 0 auto
    }
    .eth_tok_models_connect:before {
        display: none
    }
    .eth_tok_count {
        margin-top: 30px !important
    }
    .yethtok-MetaBlock-parent .yethtok-MetaBlock {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0
    }
    .ethtok_about .ethtoken_common_title {
        font-size: 17px;
        line-height: 26px
    }
}

@media (min-width:767px) {
    header.masthead-smart {
        /* background: url(../images/inner-pages/smart-contract/new/banner.png) no-repeat */
    }
}

header.masthead-smart {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    background-size: 100% 100% !important;
    height: 85vh;
    background-position: center
}

header.masthead-smart .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff
}

header.masthead-smart .heading-tagline {
    text-align: left
}

.scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px
}

.scont-bt-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center
}

.text-dark {
    color: #022552 !important
}

.scont-bt-title {
    font-size: 43px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    padding: 55px 23px 0 23px
}

.scont-titl-wra {
    /* background: url(../images/inner-pages/smart-contract/new/scont-bg.png) no-repeat; */
    min-height: 240px;
    background-size: cover
}

.scont_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.scont-serv-parent .scont-serv-child {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 0
}

.scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px
}

.scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #ddd 1px;
    border-left: solid #ddd 1px
}

.scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #ddd 1px;
    border-right: solid #ddd 1px
}

.scont-serv-child {
    min-height: 345px;
    padding: 40px 40px;
    border-left: solid #ddd 1px;
    border-bottom: solid #ddd 1px
}

.scont-serv-pts {
    font-size: 19px;
    color: #012a5e;
    text-align: left;
    font-weight: 600;
    padding-bottom: 13px;
    padding-left: 60px;
    line-height: 26px
}

.scont-service-box img {
    float: left;
    width: 50px;
    height: 50px
}

.scont-serv-desc {
    font-size: 15px;
    margin-bottom: 20px
}

.scont_process_title {
    text-align: right
}

.scont-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.eth_dapp_process_num {
    font-size: 42px
}

.scont_process_desc,
.scont_process_num {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.342em
}

.scont-indus-box {
    text-align: center;
    background: #fff;
    height: inherit !important;
    padding: 40px 20px 40px;
    margin: 10px auto;
    border-radius: 10px
}

.scont-indsu-sec {
    background: #eff2f5
}

.scont-indus-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #022552
}

.scont_serv_sprite {
    width: 80px;
    height: 80px;
    object-fit: none
}

.scont_bt_sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto
}

.scont-process-ctrl {
    object-fit: none;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.scont-indus-ctrl {
    object-fit: none;
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.scont-indus-box h3 {
    margin-top: 10px
}

.scont-bt-sec {
    background-color: #f3fbff
}

.scont-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px
}

@media only screen and (max-width:767px) {
    header.masthead-smart .header-content h1 {
        font-size: 27px !important
    }
    .scont-about .scont_common_title {
        font-size: 22px;
        line-height: 29px
    }
    .scont-about p {
        text-align: justify
    }
    .scont-bt-title {
        font-size: 35px;
        line-height: 48px;
        padding: 71px 0 0 0;
        text-align: center
    }
    .scont_process .scont_common_title {
        font-size: 28px;
        line-height: 35px
    }
    .scont-indsu-sec .scont_common_title {
        font-size: 21px;
        line-height: 30px
    }
    .scont-hire-box {
        padding: 0
    }
    .scont_common_title {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 0
    }
    header.masthead-smart {
        background: #24394c
    }
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development .header-content h1 {
        text-align: left !important;
        font-size: 47px !important
    }
}

header.masthead-cryptocurrency-development .heading-tagline {
    text-align: left
}

.why_cryptx {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #dcdcdc;
    min-height: 520px
}

.cryptx_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.cryptx_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px
}

.cryptx_common_desc {
    width: 75%;
    text-align: center !important;
    display: inline-block
}

.common_light_blue_bg {
    background-color: #eefaff
}

.cryptx_serv_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, .67);
    min-height: 315px
}

.new_cryptx_serv_sec .blkchn_devpmt_services:hover {
    filter: initial
}

#why_development .crypt_platform span {
    background: rgba(172, 175, 158, .7) none repeat scroll 0 0;
    border-radius: .2em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.crypt_platform {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    padding: 10px
}

.cryptx_platform p {
    color: #012a5e;
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
    text-align: center
}

.ycryptx_box_ctrl {
    padding: 25px;
    min-height: 200px
}

.ycryptx_pts {
    font-size: 23px;
    margin: 0;
    line-height: 27px;
    color: #012a5e;
    font-weight: 600;
    margin-top: 17px
}

.ycryptx-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    margin: auto 0
}

.ycryptx_MetaBlock_sec:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05)
}

.ycryptx_MetaBlock_sec {
    position: relative;
    z-index: 1;
    padding: 35px 25px 30px 25px
}

.padding_right_ctrl {
    padding-right: 50px
}

.ycryptx_MetaBlock_sec .cryptx_common_title {
    font-size: 31px;
    line-height: 40px
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../images/inner-pages/cryptocurrency_development/new/platform-bg.jpg) no-repeat scroll center top/cover; */
    margin-top: 0
}

@media (min-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        /* background: url(../images/inner-pages/cryptocurrency_development/new/banner.png) no-repeat; */
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
}

.cryptox_about p {
    text-align: justify
}

.cryptx-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px;
    /* background: url(../images/inner-pages/cryptocurrency_development/new/hire-bg-crypt.jpg) no-repeat; */
    background-size: cover;
    position: relative
}

.CryptocurrencyPlatforms .crypt_platform span {
    background: #fff !important;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px
}

.cryptox_about .masthead-banner-btn .new_common_btn {
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        background: #1c1582;
        background: linear-gradient(150deg, #1c1582 7%, #252cc0 100%);
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh
    }
    header.masthead-cryptocurrency-development .header-content h1 {
        font-size: 37px !important
    }
    .align-items-center {
        display: block;
        align-items: center
    }
    .new_common_container {
        margin: 0 auto;
        width: 100%;
        max-width: 1520px
    }
    .ycryptx_MetaBlock_sec .padding_right_ctrl {
        padding-right: 0
    }
    .ycryptx_MetaBlock_sec .cryptx_common_title {
        font-size: 18px;
        line-height: 28px;
        text-align: center
    }
    .ycryptx_box_ctrl {
        text-align: center
    }
    .cryptx-hire-box {
        padding: 0
    }
    .cryptx_platform .cryptx_common_title {
        font-size: 23px;
        line-height: 30px;
        color: #012a5e;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px
    }
    .crypt_platform {
        margin-bottom: 15px
    }
    .cryptx_platform .mt-5 {
        margin-top: 0
    }
    .new_cryptx_serv_sec .cryptx_common_title,
    .ycryptx_dev .cryptx_common_title {
        font-size: 28px;
        line-height: 36px
    }
    .cryptx_serv_box {
        margin: 0 0 17px 0
    }
}

.new_common_btn {
    display: inline-block;
    font-size: 17px;
    color: #fff !important;
    outline: 0;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border: none;
    border-radius: 25px;
    transition: all .3s ease-in-out
}

.defi_banner_sec {
    /* background-image: url(../images/inner-pages/defi/defi-banner.png); */
    height: 670px;
    padding: 131px 10px;
    color: #fff;
    background-position: bottom
}

.about_defi {
    padding: 0 !important
}

.defi_banner_sec h1 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_quote {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0
}

.about_defi p {
    text-align: justify
}

.defi_featuring {
    /*background-image:url(../images/inner-pages/defi/ft-bg.png);*/
    background: #000;
    color: #fff;
    padding: 40px 0;
    background-position: center
}

.defi_futuristic_title {
    font-size: 35px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_serv_box .desc {
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    color: #fff
}

.defi_pts_head {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
}

.defi_sec_titles {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.defi_serv_box:hover {
    box-shadow: 0 5px 30px -10px rgb(38 38 38)
}

.defi_serv_box {
    box-shadow: 0 3px 24px -21px rgb(38 38 38);
    padding: 35px;
    border: 1px solid #e8e8e8;
    min-height: 360px
}

.defi_serv_box .defi_serv_box_arrow {
    background: #0c143d;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    position: absolute;
    bottom: 15px;
    left: 45%;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
}

.defi_serv_box .defi_serv_box_arrow .indicator {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(317deg);
    left: 35px
}

.defi_serv_box .defi_serv_box_arrow .indicator span {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: none;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    animation: arrow_moving_effect 1s linear infinite
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(1) {
    top: -20px;
    left: -20px;
    animation-delay: 0s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(2) {
    top: -15px;
    left: -15px;
    animation-delay: .2s
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(3) {
    top: -10px;
    left: -10px;
    animation-delay: .4s
}

@keyframes arrow_moving_effect {
    0% {
        border-color: #fff;
        transform: translate(0, 0)
    }
    20% {
        border-color: #fff;
        transform: translate(15px, 15px)
    }
    100%,
    20.1% {
        border-color: #ffd64a
    }
}

.defi-bt-sec {
    padding: 30px;
    background-color: #000;
}

.defi_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, .92)
}

.defi-btbpad-ctrl {
    padding: 0
}

.nyp-btb-cont1 {
    background-color: #c139ff;
}

.defi-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none
}

.defi-btb-tile {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1;
    font-family: "Open Sans", sans-serif !important;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #984cff;
}

.nyp-btb-cont4 {
    background-color: #504cc4;
}

.nyp-btb-cont5 {
    background-color: #6863ff;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.defi_bt_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #bdc0c5;
    border-radius: 5px;
    min-height: 285px;
    background-color: #000
}

.defi_align_center {
    display: flex;
    align-items: center
}

.defi_copd {
    padding: 20px 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box {
    background: #202121;
    color: #fff;
    margin: 10px auto
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #fff
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list {
    padding: 10px
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul {
    padding: 0
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 10px auto;
    font-size: 15px;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    box-shadow: 2px 2px 15px 2px #0a1030;
    line-height: 1.5
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li img {
    padding-right: 1rem
}

.defi_yield_right_arrow_icon {
    width: 20px
}

.defi_yield_farming_sec {
    background: #000;
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
    justify-content: center;
    display: flex
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 5px 20px;
    height: 40px;
    line-height: 25px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_last {
    border-right: 1px solid #333
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li:hover {
    background-color: #d53166;
    color: #fff
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li.active {
    background-color: #fff;
    color: #000;
    display: block;
    border-bottom: 3px solid #fff;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_container {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 2rem;
    overflow: auto
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content {
    padding: 20px;
    margin: 15px auto;
    display: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul {
    padding-left: 0
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul li {
    list-style: none
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list {
    border: 1px solid #fff;
    padding: 8px;
    margin: 10px auto;
    display: flex;
    align-items: center
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list p {
    margin-bottom: 0;
    margin-left: 8px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li {
    list-style: none;
    padding: 5px;
    margin: 5px;
    font-size: 15px;
    font-family: "Open Sans", sans-serif
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li i,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li i {
    font-size: 13px
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
    display: none
}

@media screen and (max-width:480px) {
    .defi_yield_farming_sec .defi_yield_farming_div .tabs {
        display: none !important
    }
    .defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
        background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
        color: #fff;
        border-top: 1px solid #333;
        margin: 5px;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none
    }
}

.content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.questions:checked~.plus {
    transform: rotate(45deg)
}

.questions {
    display: none
}

.defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px;
    filter: brightness(24);
}

.defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px;
    filter: hue-rotate(45deg);
}

.defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px;
    filter: hue-rotate(45deg);
}

.defi_bts_sec {
    background-color: #000;
    padding-bottom: 40px
}

@media only screen and (max-width:767px) {
    .defi_featuring {
        padding: 25px
    }
    .defi_futuristic_title {
        font-size: 23px
    }
    .defi_featuring p {
        font-size: 18px;
        margin-bottom: 0
    }
    .defi_sec_titles {
        font-size: 19px;
        line-height: normal
    }
    .defi_copd {
        padding: 0;
        padding-top: 25px
    }
    .defi_serv_box {
        margin-bottom: 30px
    }
    .defi_bt_box {
        margin-bottom: 20px
    }
    .defi_common_title {
        font-size: 22px;
        line-height: normal;
        color: #012a5e;
        font-weight: 700;
        text-align: center
    }
    .defi-bt-sec p {
        text-align: center
    }
}

.defi-faq .content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0
}

.defi-faq .centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px
}

.defi-faq .question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500
}

.defi-faq .answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: .7s ease
}

.defi-faq .questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px
}

.defi-faq .plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: .3s ease
}

.defi-faq .questions:checked~.defi-faq .plus {
    transform: rotate(45deg)
}

.defi-faq .questions {
    display: none
}

.defi-faq .defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px
}

.defi-faq .defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px
}

.defi-faq .defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.defi-faq .defi_bts_sec {
    background-color: #fafafa;
    padding-bottom: 40px
}

.home-new-abt-btn .btn {
    padding: 4px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.home-new-abt-btn i {
    margin-right: 8px;
    font-size: 21px
}

.about_blochainslns {
    padding-top: 50px;
    padding-bottom: 50px
}

.enterprsieblckchain_banner_sec {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/enterprise-blockchain-solution-banner.png); */
    height: auto;
    padding: 131px 10px;
    color: #fff;
    background-position: 0 0;
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover
}

.enterprsieblckchain_banner_sec h1 {
    color: #fff;
    font-weight: 800
}

.ebs_common_title {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    background: linear-gradient(94.84deg, #C139FF 1.15%, #546CFF 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ebs_gamechange_descs {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0
}

.enterprise_blockchain_gamechangesec {
    background-color: #000;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_stat_txtlite {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
}

.ebs_stat_txtstrong {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 36px;
    color: #5d5d5d !important;
}

.ebs_content_box {
    line-height: 1.2;
    margin-top: 20px
}

.ebs-btbpad-ctrl {
    padding: 0
}

.ebs-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px
}

.ebs-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px
}

.ebs-btb-tile {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1
}

.ebs_copd {
    padding: 20px 0
}

.ebs_indus_content {
    display: flex;
    align-items: center
}

.nyp-btb-cont .ebs_common_desc {
    color: #fff;
    text-align: left
}

.ebs_benefit_box {
    display: flex;
    align-items: center;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    margin-bottom: 11px;
    border-radius: 3px;
    padding: 7px
}

.ebs_integrate_techsec .expert-btn {
    margin: 15px auto
}

.ebs_integrate_desc {
    font-size: 17px;
    line-height: 1.3;
    color: #fff !important;
    font-weight: 600;
    margin-top: 15px
}

.epe_blockchainslns_ul {
    padding: 0;
    list-style: none
}

.MetaBlock_box_titles {
    font-size: 24px;
    font-weight: 600
}

.epe_blockchainslns_box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px -8px #000;
    padding: 28px;
    border-radius: 12px;
    color: #fff;
    position: relative;
    z-index: 0
}

.epe_blcklns_bg1 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/pre-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.epe_blcklns_bg2 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/post-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

li.epe_blockchainslns_li {
    font-size: 17px;
    font-weight: 500;
    margin: 18px 0;
    background-color: #00000094;
    padding: 20px
}

.epe_blockchainslns_box.epe_blcklns_bg1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000de -3%, #ffffff29 100%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.epe_blockchainslns_box.epe_blcklns_bg2:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    content: '';
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px
}

.ebs_blockchain_justify {
    display: flex;
    justify-content: center
}

.enterprsieblckchain_banner_sec .expert-btn {
    margin: 0
}

.about_blochainslns p {
    font-size: 20px
}

.ebs-bt-sec .nyp-btb-cont {
    text-align: center;
    padding: 26px;
    min-height: 200px
}

.ebs_integrate_techsec {
    background-color: #000 !important;
    padding-top: 50px;
    padding-bottom: 50px
}

.ebs_integrate_techsec .ebs_common_title {
    font-size: 30px
}

@media (max-width:767px) {
    .enterprsieblckchain_banner_sec h1 {
        font-size: 27px;
        text-align: center
    }
    .ebs_blockchain_justify {
        display: block
    }
    .enterprsieblckchain_banner_sec p {
        text-align: center
    }
    .ebs_common_title {
        font-size: 24px;
        line-height: 30px
    }
    .ebs_benefit_sec {
        padding: 0
    }
    .enterprise_blockchain_gamechangesec {
        text-align: center
    }
    .ebs_stat_txtstrong {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 30px;
        color: #5d5d5d !important;
    }
    .ebs_gamechange_descs {
        font-size: 16px
    }
    .ebs_stat_txtlite {
        font-size: 19px
    }
    .ebs_content_box {
        line-height: 1.2;
        margin-top: 10px
    }
    .ebs_integrate_techsec .ebs_common_title {
        font-size: 18px
    }
    .ebs_integrate_desc {
        font-size: 16px;
        line-height: 1.5;
        color: #fff !important;
        font-weight: 500;
        margin-top: 15px
    }
    .epe_blcklns_bg2 {
        margin-top: 20px
    }
}

/*==========================================COUNTRY BASED PAGES===============================*/

.masthead-blockchain-development-basedcountry {
    position: relative;
    width: 100%;
    padding-top: 195px;
    color: #fff;
    /* background: url(../images/inner-pages/countrybased_pages/blocckchain_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 60rem;
}

.masthead-blockchain-development-basedcountry.header-shadow-custom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    background-color: #000000a1;
}

.masthead-blockchain-development-basedcountry .heading-tagline {
    text-transform: capitalize;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
    display: flex;
    justify-content: center;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn a {
    margin: 5px 5px;
    background-color: #b22b58;
}

.our-achievments .acheivements-list {
    max-width: 100%;
    margin: 0 70px;
}

.our-achievments .acheivements-list .col-6 {
    width: 19.6667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.experience_div {
    /* background-image: url(../about_us/abouts-sprite.png); */
    width: 52px;
    background-position: 399px -984px;
    background-size: 20rem;
    margin-bottom: 30px;
    height: 51px;
    margin: 0px auto;
}

.our-achievments .acheivements-list .col-6 p.achievement {
    margin: 0;
    font-size: 20px;
    line-height: 23px;
    color: #303134;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}

.achievement-details {
    text-align: center;
}

.bg_light.our-achievments {
    background-color: #f9f9f9;
}

@media (max-width: 767px) {
    .masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
        display: block;
    }
    .our-achievments .acheivements-list {
        margin: 0px 0px;
    }
    .our-achievments .acheivements-list .col-6 {
        width: 100%;
    }
}

/*=========================NFT DEVELOPMENT============================*/

.onftcommon_ctrl {
    padding: 45px 0;
}

.MetaBlocknft_sec_titlewrap .onfs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 2.5rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

.masthead-nft-development {
    /* background-image: url(../oimages/nft-development/banner.png); */
    position: relative;
}

.masthead-nft-development .header-content h1,
.masthead-nft-development .header-content h3 {
    text-align: left;
}

.masthead-nft-development .header-content h3 {
    width: 80%;
}

.masthead-nft-development.header-shadow-custom:before {
    /* background-image: url(../oimages/nft-development/nft_bannner.png); */
    background-position: center;
}

.MetaBlock_nft_intro .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_intro .row {
    display: flex;
    justify-content: center;
}

.MetaBlock_nft_services .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_services {
    background-color: #000;
}

.MetaBlocknft_box .MetaBlocknft_heads {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box {
    padding: 15px;
    min-height: 200px;
    margin-bottom: 3.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_heads .MetaBlocknft_serv_frontwrap h3 {
    color: #fff;
    font-size: 23px;
    text-align: center;
}

.MetaBlocknft_serv_frontwrap {
    text-align: center;
}

.nftdev-sprite1 {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_desc {
    font-weight: 500;
    color: #494d4e;
    line-height: 1.5;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.MetaBlock_nft_workflow.onftcommon_ctrl {
    padding: 45px 0px 0px 0px;
}

.MetaBlocknft_container_wrap {
    padding: 0px 70px;
}

.MetaBlock_nft_differences {
    background: #000;
}

.MetaBlock_nft_differences .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc ul {
    padding: 0;
    color: #dbe5e6;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc li {
    list-style: none;
    margin-bottom: 1.2rem;
    text-align: center;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-color: #000;
    display: flex;
    min-height: 480px;
    align-items: flex-end;
}

.MetaBlock_nft_differences .MetaBlocknft_box .ondif_wrap {
    padding: 35px;
    margin-top: 25rem;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_heads {
    color: #fbfeff;
    text-align: center;
    font-size: 22px;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-size: cover;
    background-position: center;
    box-shadow: 1px 22px 28px -9px #797979;
    border-radius: 10px;
}

#sft_difbox {
    /* background-image: url(../oimages/nft-development/semi-fungible-token.png); */
    filter: grayscale(1);
}

#nft_difbox {
    /* background-image: url(../oimages/nft-development/nft-token.png); */
    filter: grayscale(1);
}

#dnft_difbox {
    /* background-image: url(../oimages/nft-development/dnft-token.png); */
    filter: grayscale(1);
}

.MetaBlock_nft_keystone {
    /* background-image: url(../oimages/nft-development/keystonebg1.png); */
    background-size: cover;
    background-position: right;
    filter: grayscale(10);
}

.MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fafeff;
}

.MetaBlock_nft_keystone .MetaBlocknft_keystone_points .onfksp_point {
    color: #d2dcff;
    font-size: 17px;
    padding: 10px;
    border: 1px solid #7a7fbd;
    border-radius: 3px;
    background-color: #ffffff05;
    margin-bottom: 1.2rem;
    font-weight: 500;
}

.MetaBlock_nft_whychoose {
    background: #000;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box {
    text-align: center;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
    width: 51%;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 10px 0px;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box .MetaBlocknft_desc {
    font-size: 17px;
    font-weight: 600;
    color: #11383a;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 7rem;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap .onfs_title {
    text-align: center;
}

.base-timeline {
    list-style-type: none;
    counter-reset: number;
    /* number 2021*/
    position: relative;
    display: block;
    z-index: 2;
    width: 75%;
    /* change or remove*/
    margin: 0 auto;
}

.base-timeline::before {
    content: '';
    width: 95%;
    border-top: 2px solid steelblue;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.base-timeline__item {
    position: relative;
    display: inline-block;
    width: calc(100% / 3 - 15px);
    /* change width */
}

.base-timeline__item::before {
    display: flex;
    justify-content: center;
    align-items: center;
    counter-increment: number;
    /* number -1*/
    content: counter(number) '';
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: steelblue;
    color: white;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

/* modifier with use of the data-year attribute */

.base-timeline__item--data::before {
    content: attr(data-year);
    width: 60px;
    height: 60px;
}

/* hover element */

.base-timeline__item:hover::before {
    background-color: rgba(225, 114, 114, .9);
    transform: scale(1.5);
}

.base-timeline__item::before {
    border: 2px solid;
    border-color: rgba(0, 0, 0, .3);
}

.base-timeline__item:last-child {
    width: 0;
}

.base-timeline__summary-text {
    position: absolute;
    bottom: -3em;
    left: -64px;
    width: 168px;
    text-align: center;
    font-weight: 600;
}

.MetaBlock_nft_hire {
    background-color: #000;
}

.MetaBlock_nft_services .card {
    perspective: 100rem;
    position: relative;
}

.card__side {
    height: 100%;
    width: 100%;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 18px;
    line-height: 1.5;
}

.card__side--front {
    background-color: #222;
}

.card__side--back {
    background-color: #525B6B;
    transform: rotateX(180deg);
    padding: 20px;
}

.MetaBlock_nft_services .card:hover .card__side--front {
    transform: rotateX(-180deg);
}

.MetaBlock_nft_services .card:hover .card__side--back {
    transform: rotateX(0);
}

.education {
    --bg-color: #ffd861;
    --bg-color-light: #ffeeba;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.credentialing {
    --bg-color: #B8F9D3;
    --bg-color-light: #e2fced;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.wallet {
    --bg-color: #CEB2FC;
    --bg-color-light: #F0E7FF;
    --text-color-hover: #fff;
    --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.human-resources {
    --bg-color: #DCE9FF;
    --bg-color-light: #f1f7ff;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.MetaBlock_nft_whychoose .card {
    width: 220px;
    height: 321px;
    background: #8d8b8b;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
    padding: 15px;
}

.card:hover {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card:hover .overlay {
    transform: scale(4) translateZ(0);
}

.MetaBlock_nft_whychoose .card:hover .circle {
    border-color: var(--bg-color-light);
    background: var(--bg-color);
}

.MetaBlock_nft_whychoose .card:hover .circle:after {
    background: var(--bg-color-light);
}

.MetaBlock_nft_whychoose .card:hover p {
    color: var(--text-color-hover);
}

.MetaBlock_nft_whychoose .card:active {
    transform: scale(1) translateZ(0);
    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11), 0 15px 24px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card p {
    font-size: 17px;
    color: #152135;
    margin-top: 30px;
    z-index: 1000;
    transition: color 0.3s ease-out;
    font-weight: 600;
}

.MetaBlocknft_circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.MetaBlocknft_circle:after {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    background: var(--bg-color);
    border-radius: 50%;
    top: 23px;
    left: 24px;
    transition: opacity 0.3s ease-out;
}

.MetaBlocknft_circle img {
    z-index: 10000;
    transform: translateZ(0);
}

.MetaBlock_nft_whychoose .overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: #000;
    top: 56px;
    left: 50px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
    .masthead-nft-development .header-content {
        text-align: center;
    }
    .masthead-nft-development .header-content h1,
    .masthead-nft-development .header-content h3 {
        text-align: center;
    }
    .masthead-nft-development .header-content h3 {
        width: 100%;
    }
    .MetaBlock_nft_differences .MetaBlocknft_box {
        box-shadow: 1px 22px 28px -9px #79797900;
        margin-bottom: 2rem;
    }
    .MetaBlock_nft_keystone {
        background-position: left;
    }
    .MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
        text-align: center;
    }
    .MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
        width: 100%;
    }
    .MetaBlock_nft_whychoose .card p {
        font-size: 19px;
        margin-top: 13px;
    }
    .MetaBlock_nft_whychoose .overlay {
        width: 118px;
        position: absolute;
        height: 118px;
        border-radius: 50%;
        background: var(--bg-color);
        top: 17px;
        left: 0;
        z-index: 0;
        transition: transform 0.3s ease-out;
        right: 0;
        margin: 0 auto;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        margin-bottom: 2rem;
        height: auto;
    }
    .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .base-timeline {
        list-style-type: none;
        counter-reset: number;
        position: relative;
        display: block;
        z-index: 2;
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    .base-timeline::before {
        display: none;
    }
    .base-timeline__item {
        position: relative;
        display: flex;
        width: 100%;
        padding-bottom: 10px;
        align-items: center;
    }
    .base-timeline__summary-text {
        position: static;
        position: initial;
        bottom: -3em;
        left: -64px;
        width: 168px;
        text-align: left;
        font-weight: 600;
        margin-left: 5px;
    }
    .base-timeline__item:last-child {
        width: 100%;
    }
    .MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
        width: 100%;
        padding-top: 3rem;
    }
    .MetaBlocknft_sec_titlewrap .onfs_title {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .MetaBlock_nft_whychoose .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        height: 275px;
    }
    .MetaBlock_nft_whychoose .overlay {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 30px;
    }
}

.MetaBlock_clonescript_store {
    padding: 88px 0px;
}

.MetaBlock_clonescriptstore_categories {
    padding: 130px 0px 40px 0px;
}

.MetaBlock_cloness_categorieslist {
    padding: 0;
}

.MetaBlock_clonescriptstore_categories {
    background-color: #091941;
}

.MetaBlock_clonescriptstore_categories .title {
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.MetaBlockcss_navtabs.nav-tabs>li>a {
    color: #fff !important;
    font-weight: 700;
    padding: 5px 15px;
    border: 1px solid #6284c7;
    margin-right: 0px;
    border-radius: 50px;
    margin: 5px;
    background: transparent;
    text-transform: uppercase;
}

.MetaBlockcss_navtabs.nav-tabs>li:hover {
    margin-bottom: -1px;
    border-radius: 50px;
}

.MetaBlockcss_navtabs.nav-tabs>li.active>a {
    background: #3e6cff;
}

.nav.MetaBlockcss_navtabs>li>a:hover {
    background: #3e6cff;
}

/*.MetaBlockcss_navtabs.nav-tabs>li.active>a:hover{
  background-color: #fff;
    border: 1px solid transparent;
border-radius: 50px;

}*/

#innerTabs.nav-tabs {
    border-bottom: 0;
    padding-top: 10px;
}

#innerTabs.nav-tabs>li a {
    border: 0;
    font-weight: 600;
    border-radius: 50px;
    background: #fff;
    color: #000;
    margin: 0px 5px 10px 0px;
    padding: 5px 15px;
    box-shadow: 0px 1px 10px 2px #0000002e;
    text-transform: uppercase;
    font-size: 14px;
}

#innerTabs.nav-tabs>li.active>a {
    border: 0;
    /* border-radius: 0; */
    color: #fff;
    background: #091941;
}

#innerTabs.nav-tabs>li.active {
    /*border-bottom: 4px solid #00a68f;*/
}

.innertab_details_wrap .row {
    background-color: transparent;
}

#innerTabs {
    display: flex;
    justify-content: center;
}

.innertab_itembox {
    text-align: center;
    padding: 10px;
    border: 1px solid #0000;
    min-height: 172px;
    cursor: pointer;
    /*background: linear-gradient(
179deg
, rgba(255,255,255,1) 44%, rgb(217 217 217) 100%);*/
    background: linear-gradient(179deg, rgb(9 25 65) 44%, rgb(62 108 255) 100%);
    border-radius: 10px;
    box-shadow: 0px 10px 12px -9px #282828;
}

.innertab_itembox p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
    width: 121px;
    margin: 0 auto;
}

.innertabs_itemsarea {
    padding: 0px 100px;
    /*background-image: url(../images/inner-pages/cryptoclone-scripts/cryptobg.jpg);
    background-size: cover;
    background-position: right;
    position: relative;
    z-index: 0;*/
}

.innertabs_itemsarea:before {
    /*position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(47,58,82);
background: radial-gradient(circle, rgb(68 82 112 / 92%) 0%, rgb(5 10 22 / 94%) 100%);
    content: '';
    left: 0;
    z-index: -1;*/
}

.innertab_details_wrap {
    padding: 30px 0px;
}

.innertabs_itemsarea .row:nth-child(2) {
    margin-top: 2rem;
}

.innertab_details_wrap .row {
    justify-content: center;
    display: flex;
}

.innertab_itembox.selected_item {
    border: 1px solid #1f76f0;
    box-shadow: 0px 6px 23px -2px #15a9ff99;
    color: #07c1a7;
}

.MetaBlockcss_buynow_ct {
    text-align: center;
}

.MetaBlockcss_buynow_ct>a {
    background: rgb(9 25 65);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    min-width: 160px;
    border: 0;
    padding: 9px 0px;
    border-radius: 5px;
    margin-bottom: 2rem;
}

#cryptocloneModal {
    padding-top: 10%;
}

.MetaBlockcss_buynow_ct .modal .modal-header {
    background-color: #fff !important;
    padding: 0;
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dde1e5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.MetaBlockcss_buynow_ct .form-control:focus {
    border: 1px solid #529fffab;
    box-shadow: none;
    box-shadow: initial;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-header .close {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    opacity: 1;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: #d53937;
    width: 30px;
    height: 30px;
    border-radius: 27px;
}

.ccmodel_header {
    padding: 10px 0px;
}

.ccmodel_header h5 {
    font-size: 25px;
    font-weight: 700;
    color: #047077;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog {
    border-radius: 50px;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog .modal-content {
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .MetaBlockcss_form_cta button {
    background-color: #ac3258;
    color: #fff;
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 600;
}

#cryptocloneModal ul.tags {
    padding: 0;
    text-align: left;
}

#cryptocloneModal ul.tags li {
    list-style: none;
    display: inline-block;
    background-color: #26ac62;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin: 2px;
    padding: 2px 10px;
    border-radius: 3px;
}

/*#nft-clone .innertabs_itemsarea{
  height: 425px;
    overflow-y: scroll;
}*/

#nft .innertabs_itemsarea .row {
    margin-bottom: 2rem;
}

.MetaBlockcc_cryptoclone_sprite {
    width: 110px;
    height: 110px;
    object-fit: none;
}

@media (min-width: 768px) {
    #cryptocloneModal .modal-dialog {
        max-width: 32%;
        margin: 30px auto;
    }
}

@media (max-width: 768px) {
    .innertabs_itemsarea {
        padding: 0;
        background-color: #f4f4f4;
        width: 100%;
        overflow-x: scroll;
    }
    .innertab_details_wrap {
        display: flex;
        align-items: baseline;
    }
    .MetaBlockcss_navtabs.nav-tabs>li {
        width: 329px;
    }
    .innertabs_itemsarea {
        height: auto !important;
    }
    #defi #innerTabs {
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: left;
    }
    #cryptocloneModal .modal-dialog {
        padding-top: 40%;
    }
    .MetaBlock_clonescriptstore_categories {
        padding: 100px 0px 20px 0px;
    }
}

#mainTabs {
    border: 0;
}

@media (max-width: 1440px) and (min-width: 1280px) {
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        text-align: center;
        border-radius: 50px;
    }
    #mainTabs {
        display: flex;
        justify-content: center;
        border: 0;
    }
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        font-size: 14px;
    }
}

.innertab_itembox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.innertab_itembox input:checked~.checkmark,
.innertab_itembox:hover input~.checkmark,
.checkmark {
    background-color: #212529;
}

.checkmark {
    position: absolute;
    top: 2px;
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 2px solid #eee;
    border-radius: 50px;
    right: 3px;
}

.checkmark:after {
    left: 10px;
    top: 5px;
    width: 10px;
    height: 16px;
    border: solid #5efc50;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

.innertab_itembox.selected_item .checkmark:after {
    display: block;
}

label.block-check {
    display: block;
    margin-bottom: 0;
    margin-bottom: initial;
    font-weight: inherit;
}

.innertab_itembox {
    position: relative;
    overflow: hidden;
}

.innertab_itembox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
}

.innertab_itembox:after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    transition: 0.5s;
}

.innertab_itembox:hover:after {
    left: 100%;
}

/*=========================================NFT MARKETPLACE DEVELOPMENT=================================*/

.masthead-nftmarketplace-development {
    /*background: url(../images/inner-pages/nft_marketplace/banner-bg.png?v6) no-repeat;*/
    background: #fff;
    background-position: center center;
    height: 630px !important;
    margin-top: 73px;
}

.MetaBlock_nftmarketplace {
    padding: 50px 0px !important;
    background: #f4f5ff;
}

.masthead-nftmarketplace-development .header-content h1 {
    text-align: left;
    font-family: Raleway, sans-serif !important;
    font-weight: 900;
    font-size: 56px !important;
    /* font-style: italic; */
}

.masthead-nftmarketplace-development .header-content h1 span {
    color: #00E5FF;
}

.masthead-nftmarketplace-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
    width: 80%;
}

a.expert-btn {
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #f17841;
    line-height: 1.5;
    border-radius: 50px !important;
    border: 2px solid #fff;
}

.masthead-nftmarketplace-development a.expert-btn {
    background-color: #00E5FF;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #08146A;
    box-shadow: 0px 6px 16px -4px #0e1116;
    line-height: 1.5;
}

.onfmarkis_title {
    font-weight: 700;
    font-size: 37px;
    line-height: 45px;
}

#nftmarki_intro {
    position: relative;
}

#nftmarki_intro:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_what:before {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_what.png); */
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_intro:after {
    position: absolute;
    content: '';
    background-color: #fff;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
    width: 80%;
}

#nftmarki_intro .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_tokendev {
    /* background: url(../images/inner-pages/nft_marketplace/nfttoken_developmentbg.jpg) no-repeat; */
    position: relative;
}

.nfttoken_lt_sec img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
}

#nftmarki_tokendev .onfmarkis_title {
    color: #fff;
}

#nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
}

#nftmarki_uft {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
}

#nftmarki_uft:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 29%, rgb(50 60 73 / 57%) 54%, rgb(22 25 32) 130%);
    top: 0;
    opacity: 0.7;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
    color: #c7d0d7;
}

#nftmarki_uft .nftmarket_box {
    background: #ffffff05;
    border: 1px solid #ffffff1a;
    border-radius: 0;
    padding: 18px;
}

.nftmarket_box .nftmarketb_head {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}

.nftmarket_box .nftmarketb_desc {
    color: #d1d1d1;
    font-size: 14px;
    margin-top: 14px;
}

#nftmarki_what {
    /* background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background-position: left;
}

#nftmarki_what .onfmarkis_title {
    color: #0C1968;
    line-height: 58px;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
    line-height: 30px;
}

#nftmarki_what {
    position: relative;
}

.nftwat_lt_sec img {
    position: absolute;
    top: 0;
    width: 38%;
    left: 0;
}

#nftmarket_placeft {
    /*background-image: linear-gradient(
323deg
, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 16.667%,rgba(46, 46, 46, 0.01) 16.667%, rgba(46, 46, 46, 0.01) 33.334%,rgba(226, 226, 226, 0.01) 33.334%, rgba(226, 226, 226, 0.01) 50.001000000000005%,rgba(159, 159, 159, 0.01) 50.001%, rgba(159, 159, 159, 0.01) 66.668%,rgba(149, 149, 149, 0.01) 66.668%, rgba(149, 149, 149, 0.01) 83.33500000000001%,rgba(43, 43, 43, 0.01) 83.335%, rgba(43, 43, 43, 0.01) 100.002%),linear-gradient(
346deg
, rgba(166, 166, 166, 0.03) 0%, rgba(166, 166, 166, 0.03) 25%,rgba(240, 240, 240, 0.03) 25%, rgba(240, 240, 240, 0.03) 50%,rgba(121, 121, 121, 0.03) 50%, rgba(121, 121, 121, 0.03) 75%,rgba(40, 40, 40, 0.03) 75%, rgba(40, 40, 40, 0.03) 100%),linear-gradient(
347deg
, rgba(209, 209, 209, 0.01) 0%, rgba(209, 209, 209, 0.01) 25%,rgba(22, 22, 22, 0.01) 25%, rgba(22, 22, 22, 0.01) 50%,rgba(125, 125, 125, 0.01) 50%, rgba(125, 125, 125, 0.01) 75%,rgba(205, 205, 205, 0.01) 75%, rgba(205, 205, 205, 0.01) 100%),linear-gradient(
84deg
, rgba(195, 195, 195, 0.01) 0%, rgba(195, 195, 195, 0.01) 14.286%,rgba(64, 64, 64, 0.01) 14.286%, rgba(64, 64, 64, 0.01) 28.572%,rgba(67, 67, 67, 0.01) 28.572%, rgba(67, 67, 67, 0.01) 42.858%,rgba(214, 214, 214, 0.01) 42.858%, rgba(214, 214, 214, 0.01) 57.144%,rgba(45, 45, 45, 0.01) 57.144%, rgba(45, 45, 45, 0.01) 71.42999999999999%,rgba(47, 47, 47, 0.01) 71.43%, rgba(47, 47, 47, 0.01) 85.71600000000001%,rgba(172, 172, 172, 0.01) 85.716%, rgba(172, 172, 172, 0.01) 100.002%),linear-gradient(
73deg
, rgba(111, 111, 111, 0.03) 0%, rgba(111, 111, 111, 0.03) 16.667%,rgba(202, 202, 202, 0.03) 16.667%, rgba(202, 202, 202, 0.03) 33.334%,rgba(57, 57, 57, 0.03) 33.334%, rgba(57, 57, 57, 0.03) 50.001000000000005%,rgba(197, 197, 197, 0.03) 50.001%, rgba(197, 197, 197, 0.03) 66.668%,rgba(97, 97, 97, 0.03) 66.668%, rgba(97, 97, 97, 0.03) 83.33500000000001%,rgba(56, 56, 56, 0.03) 83.335%, rgba(56, 56, 56, 0.03) 100.002%),linear-gradient(
132deg
, rgba(88, 88, 88, 0.03) 0%, rgba(88, 88, 88, 0.03) 20%,rgba(249, 249, 249, 0.03) 20%, rgba(249, 249, 249, 0.03) 40%,rgba(2, 2, 2, 0.03) 40%, rgba(2, 2, 2, 0.03) 60%,rgba(185, 185, 185, 0.03) 60%, rgba(185, 185, 185, 0.03) 80%,rgba(196, 196, 196, 0.03) 80%, rgba(196, 196, 196, 0.03) 100%),linear-gradient(
142deg
, rgba(160, 160, 160, 0.03) 0%, rgba(160, 160, 160, 0.03) 12.5%,rgba(204, 204, 204, 0.03) 12.5%, rgba(204, 204, 204, 0.03) 25%,rgba(108, 108, 108, 0.03) 25%, rgba(108, 108, 108, 0.03) 37.5%,rgba(191, 191, 191, 0.03) 37.5%, rgba(191, 191, 191, 0.03) 50%,rgba(231, 231, 231, 0.03) 50%, rgba(231, 231, 231, 0.03) 62.5%,rgba(70, 70, 70, 0.03) 62.5%, rgba(70, 70, 70, 0.03) 75%,rgba(166, 166, 166, 0.03) 75%, rgba(166, 166, 166, 0.03) 87.5%,rgba(199, 199, 199, 0.03) 87.5%, rgba(199, 199, 199, 0.03) 100%),linear-gradient(
238deg
, rgba(116, 116, 116, 0.02) 0%, rgba(116, 116, 116, 0.02) 20%,rgba(141, 141, 141, 0.02) 20%, rgba(141, 141, 141, 0.02) 40%,rgba(152, 152, 152, 0.02) 40%, rgba(152, 152, 152, 0.02) 60%,rgba(61, 61, 61, 0.02) 60%, rgba(61, 61, 61, 0.02) 80%,rgba(139, 139, 139, 0.02) 80%, rgba(139, 139, 139, 0.02) 100%),linear-gradient(
188deg
, rgba(227, 227, 227, 0.01) 0%, rgba(227, 227, 227, 0.01) 20%,rgba(105, 105, 105, 0.01) 20%, rgba(105, 105, 105, 0.01) 40%,rgba(72, 72, 72, 0.01) 40%, rgba(72, 72, 72, 0.01) 60%,rgba(33, 33, 33, 0.01) 60%, rgba(33, 33, 33, 0.01) 80%,rgba(57, 57, 57, 0.01) 80%, rgba(57, 57, 57, 0.01) 100%),linear-gradient(
90deg
, #212830,#010101);*/
    background-size: cover;
    background: #f2ecec;
}

#nftmarket_placeft .onfmarkis_title {
    text-align: center;
    color: #ec861d;
}

#nftmarket_placeft .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarketb_head {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarket_box img {
    text-align: center;
    border: 3px solid #ecb21d;
    padding: 15px;
    margin-bottom: 1.5rem;
}

#nftmarket_placeft .nftmarket_box {
    text-align: center;
}

#nftmarket_placeft .row:nth-child(2) {
    margin-bottom: 2.5rem;
}

#nftmarki_markettechstack {
    /*background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background: #fff;
    background-position: center;
    background-size: cover;
}

#nftmarket_topreason {
    position: relative;
    background-image: linear-gradient(55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%, rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%, rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%, rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%, rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%), linear-gradient(291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%, rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%, rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%), linear-gradient(32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%, rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%, rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%, rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%), linear-gradient(312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%, rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%, rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%), linear-gradient(22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%, rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%, rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%, rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%, rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%), linear-gradient(80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%, rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%, rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%), linear-gradient(257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%, rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%, rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%), linear-gradient(47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%, rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%, rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%), linear-gradient(90deg, #ffffff, #ffffff);
}

#nftmarki_markettechstack .onfmarkis_title {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason:before {
    position: absolute;
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarket_topreason:after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarket_topreason .nftmarket_box .nftmarketb_head {
    color: #3d3d3d;
    font-size: 17px;
    font-weight: 600;
}

#nftmarket_topreason .nftmarket_box {
    padding: 15px 20px;
    border: 1px solid #acacac;
    background-color: #ffffff6e;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.nftmarket_box.nftmarket_art {
    min-height: 310px;
    background-size: cover;
    position: relative;
}

#nftmarket_artbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-01.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_fansportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-02.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_musicbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-03.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_realesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-04.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_vidclipbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-05.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_sportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-06.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_gamesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-07.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_accesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-08.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_domainbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-09.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_infrabg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-10.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicollectbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-11.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_photobg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-12.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_swlicense {
    /* background: url(../images/inner-pages/nft_marketplace/nft-13.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_xchange {
    /* background: url(../images/inner-pages/nft_marketplace/nft-14.jpg?v2) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicont {
    /* background: url(../images/inner-pages/nft_marketplace/nft-15.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_investcollat {
    /* background: url(../images/inner-pages/nft_marketplace/nft-16.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

.nftmarketbox_wrap {
    position: absolute;
    bottom: -9px;
    text-align: center;
    padding: 17px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.nftmarket_box.nftmarket_art:before {
    background: linear-gradient(180deg, rgba(5, 49, 126, 0) 33.54%, #05317E 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    border-radius: 20px;
}

.nftmarket_box.nftmarket_art .nftmarketb_head {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_fields {
    background-color: #14171c;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #0C1968;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap p {
    color: #0E143C;
}

#nftmarki_fields .row:nth-child(2),
#nftmarki_fields .row:nth-child(3),
#nftmarki_fields .row:nth-child(4) {
    margin-bottom: 3rem;
}

#nftmarki_whyMetaBlock {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px;
    border: 2px solid #ff8f1c;
    margin-bottom: 35px;
    min-height: 90px;
    background-color: #ffd6bb0f;
    border-radius: 8px;
}

/*.nftwhyMetaBlock_box img{
position: absolute;
    right: -26px;
    top: -22px;
    border: 3px solid #ff8f1c;
    border-radius: 50px;
    background-color: #181614;
}*/

#nftmarki_whyMetaBlock .row {
    margin-bottom: 1rem;
}

.nftmarki_whysprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

.nftwhyMetaBlock_box .nftwhyMetaBlock_head {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p a {
    color: #fff;
}

a.osimarknftcta_btn {
    background-color: #ffcf33;
    text-align: center;
    padding: 10px 19px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.osimarknft_cta {
    text-align: center;
}

#nftmarki_marketplatform {
    position: relative;
}

#nftmarki_marketplatform .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #ec861d;
    opacity: 1;
    display: inline-block;
    margin: 3px;
}

#nftmarki_marketplatform .owl-dots {
    margin: 30px 2px 0px 2px;
}

#nftmarki_pl1 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl2 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl3 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl4 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl5 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl6 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl7 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl8 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-08.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl9 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-09.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl10 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl11 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-11.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl12 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-12.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl13 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-13.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl14 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-14.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl15 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-15.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl16 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl17 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-17.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl18 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-18.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl19 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-19.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl20 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-20.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl21 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-21.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl25 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl26 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl27 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl28 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl29 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl30 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl31 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl32 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl33 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl34 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl35 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_marketplatform .nftmarket_box {
    height: 310px;
    width: 290px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
}

#nftmarki_fields:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0.8;
}

#nftmarki_fields {
    /*background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat;*/
    position: relative;
    background-size: cover;
    background: #fff;
}

/*#nftmarki_marketplatform .nftmarket_box:before {
    background: linear-gradient( 
0deg
 , rgb(32 33 55) 14%, rgb(3 4 5 / 0%) 100.51%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
}*/

#nftmarki_marketplatform .nft_marketb_wrap {
    background-color: #14202dde;
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #1e1e1e;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
    color: #333333;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap {
    text-align: left;
}

#nftmarki_marketplatform:before {
    position: absolute;
    content: '';
    /* background: url(../images/inner-pages/nft_marketplace/intro_bg.png) no-repeat; */
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarki_marketplatform:after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_marketplatform .nft_marketb_wrap .nftmarki_bxplatform {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

#nftmarki_marketplatform .owl-dots {
    display: flex;
    justify-content: center;
}

#nftmarki_marketplatform .owl-nav {
    position: absolute;
    top: -80px;
    right: 0;
    display: flex;
}

#nftmarki_marketplatform .owl-nav .owl-prev,
#nftmarki_marketplatform .owl-nav .owl-next {
    border: 3px solid #000;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#nftmarki_intro .row{
    display: flex;
    align-items: center;
}*/

.nftmarki_sprite1 {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.nftmarki_sprite2 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 3rem;
}

#nftmarki_intro {
    padding: 0;
}

#nftmarki_whitelablesln {
    /* background : linear-gradient(0deg, rgba(22, 28, 76, 1) 0%, rgba(103, 45, 145, 1) 100%);*/
    background: #fff;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap {
    color: #000;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #000;
}

#nftmarki_developmentprocess {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
    background-size: cover;
}

#nftmarki_developmentprocess .onfmarkis_title {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_developmentprocess .row {
    display: flex;
    justify-content: center;
}

#nftmarketplace_tab {
    display: flex;
    justify-content: center;
    border: 0;
}

.nft-market-tabselectul {
    background-color: #1d2023;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: 1px solid #353535;
}

#nftmarketplace_tab.nav-tabs>li.active>a,
#nftmarketplace_tab.nav-tabs>li.active>a:focus,
#nftmarketplace_tab.nav-tabs>li.active>a:hover {
    background-color: #00000038;
    border: 0;
    border-bottom: 5px solid #ff9905;
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
}

#nftmarketplace_tab.nav-tabs>li>a {
    font-weight: 500;
    font-size: 18px;
    border: 0;
    border-bottom: 5px solid #1d202300;
    color: #ffffff6b;
}

#nftmarketplace_tab.nav>li>a:focus,
#nftmarketplace_tab.nav>li>a:hover {
    text-decoration: none;
    background-color: #00000066;
}

.nft-market-tabcontul {
    background-color: #161616;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tabpane_nfttabswrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.tabpane_nfttabswrap .tpnft_box {
    text-align: center;
    width: 100px;
    height: 116px;
    background-color: #ffffff08;
    margin: 0px 5px;
    border-radius: 4px;
    border: 1px solid #2d2d2d;
    padding: 10px 0px;
}

.tabpane_nfttabswrap .tpnft_head {
    color: #eaf4ff;
    font-size: 15px;
    margin: 5px 0px;
    font-weight: 500;
}

#nftmarketplace_tab.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

.nftmarkitech_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

@media (max-width: 767px) {
    .masthead-nftmarketplace-development .header-content h1 {
        font-weight: 900;
        font-size: 33px !important;
        text-align: center;
    }
    .masthead-nftmarketplace-development .heading-tagline {
        width: 100%;
    }
    .masthead-nftmarketplace-development {
        background-position: left;
        height: 489px !important;
    }
    .nftmarkibanner_cta {
        text-align: center;
    }
    #nftmarki_intro .onfmarkis_title {
        font-weight: 700;
        font-size: 25px;
        text-align: center;
    }
    #nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .MetaBlock_nftmarketplace {
        padding: 30px 0px;
    }
    .onfmarkis_title {
        text-align: center;
        font-size: 22px;
    }
    #nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .nfttoken_lt_sec img {
        display: none;
    }
    #nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
        text-align: center;
    }
    #nftmarki_uft .nftmarket_box {
        margin-bottom: 1rem;
    }
    .nftwat_lt_sec img {
        display: none;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    #nftmarket_placeft .nftmarket_box {
        text-align: center;
        margin-bottom: 1rem;
    }
    .nftmarket_box.nftmarket_art {
        margin-bottom: 2rem;
    }
    #nftmarki_marketplatform .owl-nav {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
    }
    #nftmarki_marketplatform .nftmarket_box {
        height: 310px;
        width: auto;
    }
    #nftmarki_marketplatform .owl-nav {
        margin-top: 1rem;
        justify-content: center;
    }
    #nftmarki_marketplatform .owl-dots {
        margin: 5px 2px 0px 2px;
    }
    #nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
        color: #333333;
        text-align: center;
    }
    #nftmarki_whyMetaBlock {
        /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
        font-weight: 700;
        font-size: 22px;
    }
    #nftmarki_marketplatform .owl-dots .owl-dot.active span {
        background-color: #000;
    }
    #nftmarki_what {
        background-size: cover;
    }
    .tabpane_nfttabswrap {
        overflow-x: scroll;
    }
    #nftmarketplace_tab {
        display: block;
    }
    #nftmarketplace_tab.nav-tabs>li {
        float: none;
    }
    #nftmarketplace_tab.nav>li>a {
        text-align: center;
    }
    .tabpane_nfttabswrap .tpnft_box {
        min-width: 90px;
        width: auto;
        min-height: 135px;
    }
    .tabpane_nfttabswrap {
        justify-content: left;
    }
    .nftwhyMetaBlock_box img {
        position: static;
        position: initial;
    }
    .nftwhyMetaBlock_box .nftwhyMetaBlock_head {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-left: 8px;
    }
    #nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
        min-height: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 1440px) and (min-width: 1280px) {
    #nftmarki_whyMetaBlock {
        /*background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat;*/
        background-size: cover;
        background-position: center;
        background: #fff;
    }
}

/*==================================PANCAKESWAP CLONE SCRIPT===============================*/

.masthead-pancakesclo-development {
    /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
    background-position: right;
    height: 665px !important;
}

.masthead-pancakesclo-development .header-content h1 {
    font-weight: 900;
    font-size: 48px !important;
    text-align: left;
    font-family: Raleway, sans-serif !important;
    text-transform: uppercase;
}

.masthead-pancakesclo-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
}

.masthead-pancakesclo-development .header-content h1 span {
    color: #fea901;
}

.masthead-pancakesclo-development .heading-tagline {
    color: #fff2d9;
}

.masthead-pancakesclo-development .header-content p {
    color: #dbd7ce;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.masthead-pancakesclo-development .header-content {
    margin-top: 9rem;
}

.masthead-pancakesclo-development .header-content a.expert-btn {
    background: -webkit-linear-gradient(271deg, #ffd86b, #542b08);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 2px 16px -4px #e6ba3e;
    line-height: 1.5;
}

.MetaBlock_panckeswapclo {
    padding: 50px 0px;
}

.pancswap_title {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 2rem;
    text-transform: capitalize;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_intro {
    /* background: url(../images/inner-pages/pancaksswap-clone/intro-bg.png) no-repeat; */
    background-size: contain;
    background-position: left;
}

#pancswap_intro .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;
}

#pancswap_featuresnew .pancswap_bft_box .pancswapb_head {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_features .row {
    display: flex;
    align-items: center;
}

#pancswap_featuresnew .pancswap_bft_box {
    text-align: center;
}

#pancswap_featuresnew .row {
    margin-bottom: 3rem;
}

#pancswap_featuresnew .row:nth-child(5) {
    margin-bottom: 0rem;
    display: flex;
    justify-content: center;
}

#pancswap_featuresnew {
    background-color: #000;
}

.panft_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
    margin-bottom: 1rem;
}

#pancswap_featuresnew .pancswap_title {
    text-align: center;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.MetaBlock_panckeswapclo .pancswapb_head {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    margin-left: 6px;
    margin: 2px 4px;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head {
    display: flex;
    align-items: baseline;
}

#pancswap_bftofpc .pancswap_bft_box {
    display: flex;
    align-items: center;
}

#pancswap_bft {
    background: rgb(32, 32, 32);
    background: radial-gradient(circle, rgba(32, 32, 32, 1) 8%, rgba(0, 0, 0, 1) 100%);
    position: relative;
}

#pancswap_bft:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    /* background: url(../images/inner-pages/pancaksswap-clone/springbg.png) no-repeat; */
    background-size: contain;
    background-position: center;
    opacity: 0.1;
}

.pcs_container_swap {
    padding: 0px 80px;
}

#pancswap_bft .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_bft .pancswap_desc {
    color: #ddcfc1;
    width: 60%;
    margin: 19px auto;
    line-height: 1.5;
}

#pancswap_bft .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_bft .row:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pancswap_bft_wrap ul {
    padding: 0;
}

.pancswap_bft_wrap ul li {
    list-style: none;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    text-align: left;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: right;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
    text-align: right;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: left;
    color: #eab53f;
    margin-bottom: .6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

.pancswap_bftrt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

#pancswap_features {
    /*background: url(../images/inner-pages/pancaksswap-clone/pancswapfeatures_bg.jpg) no-repeat;*/
    background-size: cover;
}

#pancswap_features .pancswap_sec_titlewrap p {
    text-align: justify;
}

.pancswapb_ftsec {
    display: flex;
}

.pancswapb_ftsec ul {
    padding: 0;
    display: inline-block;
    padding-right: 10px;
}

.pancswapb_ftsec .pancswapb_desc {
    font-size: 14px;
    font-weight: 500;
}

.pancswapb_ftsec ul li {
    list-style: none;
}

#pancswap_features .pancswapb_head {
    font-size: 18px;
    font-weight: 700;
    color: #ee8400;
    text-align: left;
    margin-bottom: .5rem;
}

.pancswapb_ftsec .pancswap_bft_box {
    margin-bottom: 1rem;
}

#pancswap_wallet {
    /* background: url(../images/inner-pages/pancaksswap-clone/wallet-bg.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_wallet .pancswap_bft_box {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ffaf3412;
    border: 1px solid #c16f2f;
    border-radius: 5px;
}

#pancswap_wallet .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_wallet .pancswap_sec_titlewrap p {
    color: #ddcfc1;
    text-align: center;
}

#pancswap_wallet .pancakewallet_wrap {
    text-align: center;
}

#pancswap_rewards {
    /*background: url(../images/inner-pages/pancaksswap-clone/reward_multipliers.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
}

#pancswap_rewards .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head {
    color: #ffd3ae;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head span {
    display: block;
    font-weight: 300;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
    padding: 10px;
    text-align: left;
    background: linear-gradient(90deg, rgb(75 40 29) 0%, rgb(52 19 9) 100%);
    border-radius: 4px;
    border: 1px solid #cf8b00;
    margin-bottom: 1rem;
    min-width: 145px;
}

#pancswap_clonesoftware {
    /*background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23,0.05) 0%, rgba(23, 23, 23,0.05) 50%,rgba(109, 109, 109,0.05) 50%, rgba(109, 109, 109,0.05) 100%),radial-gradient(circle at 21% 96%, rgba(92, 92, 92,0.05) 0%, rgba(92, 92, 92,0.05) 50%,rgba(199, 199, 199,0.05) 50%, rgba(199, 199, 199,0.05) 100%),radial-gradient(circle at 25% 37%, rgba(230, 230, 230,0.05) 0%, rgba(230, 230, 230,0.05) 50%,rgba(25, 25, 25,0.05) 50%, rgba(25, 25, 25,0.05) 100%),linear-gradient(
90deg
, rgb(77 26 0),rgb(223 124 0));*/
    padding: 10px 0px;
}

#pancswap_clonesoftware .row {
    display: flex;
    align-items: center;
}

#pancswap_clonesoftware .pancswap_title {
    color: #fff;
}

#pancswap_clonesoftware .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: justify;
}

#pancswap_bftofpc {
    /*background-image: linear-gradient(135deg, transparent 0%, transparent 6%,
    rgba(71, 71, 71,0.04) 6%, rgba(71, 71, 71,0.04) 22%,transparent 22%, 
    transparent 100%),linear-gradient(45deg, transparent 0%, transparent 20%,
    rgba(71, 71, 71,0.04) 20%, rgba(71, 71, 71,0.04) 47%,transparent 47%, transparent 100%),
    linear-gradient(135deg, transparent 0%, transparent 24%,rgba(71, 71, 71,0.04) 24%, 
    rgba(71, 71, 71,0.04) 62%,transparent 62%, transparent 100%),linear-gradient(45deg, 
    transparent 0%, transparent 73%,rgba(71, 71, 71,0.04) 73%, rgba(71, 71, 71,0.04) 75%,
    transparent 75%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));*/
}

#pancswap_bftofpc .pancswap_sec_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#pancswap_bftofpc .pancswapb_head {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-align: left;
}

#pancswap_bftofpc .pancswap_title {
    color: #fff;
    font-size: 30px;
}

#pancswap_bftofpc .pancswap_bft_box {}

#pancswap_currency {
    /*background: url(../images/inner-pages/pancaksswap-clone/currencybg.png) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_currency .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_currency .pancswapb_head {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

#pancswap_whydex {
    /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_whydex .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_whydex .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: left;
}

#pancswap_whydex .row {
    justify-content: center;
    display: flex;
}

#pancswap_dexbin {
    /*  background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-binnace.jpg) no-repeat;*/
    background-position: right;
    background-size: cover;
}

#pancswap_dexbin .pancswap_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 2rem;
    color: #fff;
    text-align: center;
}

#pancswap_dexbin .pancswap_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.pancswap_sec_titlewrap p,
.pancswap_desc {
    font-size: 15px;
    margin-bottom: 8px;
    text-align: left;
}

.pancakebox_wrap {
    text-align: center;
}

.pancakeswap_coins {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#pancswap_currency .pancswap_bft_box {
    text-align: center;
}

.pancswap_dexbin_btn {
    display: flex;
    align-items: center;
}

.pancswap_dexbin_btn.watsp {
    background-color: #20a652;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    margin-right: 10px;
}

.pancswap_dexbin_btn.tgrm {
    background-color: #0083db;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn i {
    font-size: 27px;
    margin-right: 5px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn img {
    margin-right: 5px;
}

.pancakeswap_socialccta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pancakeswap_socialccta img {
    width: 25px;
    background-color: #fff;
    border-radius: 50px;
    padding: 4px;
}

@media (max-width: 767px) {
    .masthead-pancakesclo-development {
        /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
        background-position: left;
        height: 665px !important;
        background-size: cover !important;
    }
    .masthead-pancakesclo-development .header-content h1 {
        font-weight: 900;
        font-size: 40px !important;
        text-align: center;
        font-family: Raleway, sans-serif !important;
        text-transform: uppercase;
        line-height: 1.1;
    }
    .masthead-pancakesclo-development .header-content p {
        text-align: center;
    }
    .MetaBlock_panckeswapclo {
        padding: 20px 0px;
    }
    .pancswap_title {
        font-size: 22px;
        text-align: center;
        line-height: 1.3;
        text-transform: capitalize;
    }
    #pancswap_bftofpc .pancswap_title {
        color: #fff;
        font-size: 24px;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap {
        text-align: center !important;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap p {
        text-align: center !important;
    }
    .pancswap_sec_titlewrap p,
    .pancswap_desc {
        font-size: 18px;
        text-align: justify;
    }
    #pancswap_features .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_features .pancswap_dexbin_btn.watsp {
        justify-content: center;
    }
    #pancswap_features .pancswap_dexbin_btn.tgrm {
        justify-content: center;
    }
    #pancswap_intro {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    #pancswap_bft .pancswap_desc {
        color: #ddcfc1;
        width: 100%;
    }
    #pancswap_bft .row:nth-child(2) {
        display: block;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
        text-align: left;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
        text-align: left;
    }
    #pancswap_features {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    .pancswapb_ftsec {
        display: block;
    }
    #pancswap_wallet .pancswap_bft_box {
        display: block;
        padding: 10px 15px;
        background-color: #ffaa343d;
        border: 1px solid #b8682afa;
        border-radius: 5px;
        margin-bottom: 1rem;
    }
    #pancswap_rewards .pancakebox_wrap {
        text-align: center;
    }
    #pancswap_whydex {
        /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #pancswap_dexbin {
        background-position: left;
        background-size: cover;
    }
    #pancswap_dexbin .pancswap_title {
        font-weight: 700;
        font-size: 20px;
    }
    #pancswap_dexbin .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_dexbin .pancswap_dexbin_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pancswap_dexbin_btn.watsp {
        margin-right: 0px;
        margin-bottom: 1rem;
    }
    #pancswap_featuresnew .row:nth-child(5) {
        display: block;
    }
}

.cxscommon_ctrl p {
    margin-bottom: 0;
}

#cxsbannner {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/banner.png) no-repeat; */
    background-size: contain;
    background-position: top;
}

#cxsbannner .header-content h1 {
    text-align: left;
    font-size: 39px !important;
    font-weight: 700;
}

header#cxsbannner {
    /*height: 580px !important;*/
}

#cxsbannner .heading-tagline {
    text-align: left;
    font-size: 17px;
}

#cxsbannner a.expert-btn {
    background-color: #1cbec9;
    border: 0;
    border-radius: 0 !important;
    color: #fff;
    box-shadow: none;
    box-shadow: initial;
    font-size: 16px;
    min-width: 200px;
}

.cxscommon_ctrl {
    padding: 50px 0px;
}

#cxs_intro {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/intro-bg.jpg); */
    text-align: center;
}

.MetaBlockcxs_sec_titlewrap .oncxs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 3rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

#cxs_whatis {
    /*background-color: #1b334d;*/
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #282828;
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap p {
    color: black;
    margin-bottom: 0;
}

#cxs_whitelabel {
    background-size: cover;
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/cxs_whitelabel_bg.png) no-repeat; */
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#cxs_fts {
    background-color: #1b334d;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#MetaBlockcxstabs.nav-tabs>li.active>a {
    border-radius: 50px;
    color: #0d233b;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a {
    border-radius: 50px;
    color: #95a5b6;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a:hover {
    background-color: #081d35;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li.active>a:hover {
    background-color: #fff;
}

#MetaBlockcxstabs.nav-tabs {
    border-bottom: 0px solid #ddd;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 2rem;
}

#MetaBlockcxstabs {
    background-color: #0f2135;
    padding: 7px;
    border-radius: 50px;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_fts .ocsxt_box {
    display: inline-block;
    padding: 15px;
    background-color: #29a0cf;
    min-width: 200px;
    border-radius: 2px;
}

#cxs_fts .ocsx_head {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

#cxs_fts .tab-content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#cxs_benefits .ocsxt_box .ocsx_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-left: 10px;
}

#cxs_benefits {
    background-color: #f6faff;
}

#cxs_benefits .ocsxt_box {
    border: 1px solid #cddff2;
    background-color: #fff;
    padding: 15px;
    /*min-height: 190px;*/
    margin-bottom: 3rem;
    box-shadow: 0 8px 9px -10px #1b334d;
    display: flex;
    align-items: center;
}

#cxs_benefits .ocsx_desc {
    color: #5e6f83;
}

#cxs_benefits .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #1b334d;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch {
    background-color: #1b334d;
}

#cxs_cryptlaunch .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch .ocsx_head {
    color: #7fdbff;
    font-weight: 600;
    min-height: 45px;
    text-align: center;
}

#cxs_cryptlaunch .ocsx_desc {
    color: #d7ecf4;
    text-align: center;
    font-size: 15px;
}

#cxs_cryptlaunch .ocsxt_box {
    border: 1px solid #3e5268;
    padding: 15px;
    min-height: 260px;
    background-color: #00000047;
    text-align: center;
}

#cxs_whycrypt {
    background-color: #1782ac;
}

#cxs_whycrypt .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}

#cxs_whycrypt .ocsxt_box .ocsx_head {
    color: #dff6ff;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

#cxs_clonescripts {
    background-color: #1b334d;
}

#cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: left;
    color: #c7efff;
    font-size: 25px;
}

#cxs_clonescripts .ocsxt_box {
    background: linear-gradient(179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
    padding: 20px 15px;
    text-align: center;
    border-radius: 4px;
    min-height: 235px;
}

#cxs_clonescripts .ocsxt_box .ocsx_head {
    color: #08233f;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1rem;
}

#cxs_clonescripts .ocsxt_box .ocsx_desc {
    color: #373b3f;
    font-size: 16px;
}

#cxs_clone_carousel .owl-nav {
    position: absolute;
    top: -73px;
    right: 0;
}

#cxs_clone_carousel .owl-nav .owl-prev,
#cxs_clone_carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 32px;
    background-color: #07182b;
    border: 3px solid #658ebf;
}

#cxs_clone_carousel .owl-nav .owl-prev i {
    font-size: 24px;
    color: #7eade6;
    padding-right: 3px
}

#cxs_clone_carousel .owl-nav .owl-next i {
    font-size: 24px;
    color: #7eade6;
    padding-left: 4px;
}

#cxs_clone_carousel .owl-dots {
    padding-top: 3rem;
}

.cxsclone_wrap {
    padding: 0px 30px;
}

.sprite1 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-bottom: 1rem;
}

.sprite2 {
    width: 60px;
    height: 60px;
    object-fit: none;
    margin-bottom: 1rem;
}

#cxs_whycrypt .ocsxt_box {
    text-align: center;
}

.sprite3 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none;
    margin-bottom: 1rem;
}

.btn.cbwatsapp {
    background-color: #1a9a49;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.btn.cbtelegram {
    background-color: #0097cf;
    color: #fff;
    font-weight: 700;
}

#cxs_intro .cxs_btn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.cxs_btn .cxsbtn_box i {
    font-size: 25px;
}

.cxs_btn .cxsbtn_box a.btn {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    #cxs_intro .cxs_btn {
        display: block;
    }
    .btn.cbwatsapp {
        margin-bottom: 10px;
    }
    .MetaBlockcxs_sec_titlewrap .oncxs_title {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.5;
    }
    #cxs_whitelabel {
        background-size: cover;
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        background-color: #1782ac;
        background-position: bottom;
    }
    #MetaBlockcxstabs.nav-tabs>li.active>a {
        font-size: 16px;
        min-width: auto;
    }
    #MetaBlockcxstabs.nav-tabs>li>a {
        font-size: 15px;
        min-width: auto;
        padding: 4px;
    }
    #MetaBlockcxstabs {
        padding: 5px;
    }
    .ocsx_tab_wrap {
        text-align: center;
    }
    #cxs_fts .ocsxt_box {
        display: inline-block;
        padding: 7px;
        background-color: #29a0cf;
        min-width: 330px;
        border-radius: 2px;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cxsclone_wrap {
        padding: 0px;
    }
    #cxs_cryptlaunch .ocsxt_box {
        min-height: auto;
        margin-bottom: 1.3rem;
    }
    #cxs_whycrypt .ocsxt_box {
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #cxs_clone_carousel .owl-nav {
        position: static;
        position: initial;
        top: -73px;
        right: 0;
    }
    #cxs_clone_carousel .owl-dots {
        display: none;
    }
    #cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
        text-align: center;
    }
    #cxsbannner .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        font-weight: 700;
    }
    .header-content {
        text-align: center;
    }
    #cxsbannner {
        background-position: left;
    }
}

@media (max-width: 1280px) and (max-width: 1440px) {
    #cxs_clonescripts .ocsxt_box {
        background: linear-gradient(179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
        padding: 20px 15px;
        text-align: center;
        border-radius: 4px;
        min-height: 300px;
    }
}

header.masthead-sportsbet .header-content {
    text-align: left;
    padding-top: 90px;
}

header.masthead-sportsbet .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-sportsbet .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

header.masthead-sportsbet .header-content .expert-btn {
    background: #ff5aae;
    color: #ffffff;
    border: 1px solid #ff76bc;
}

header.masthead-sportsbet .sportbet_hero_img img {
    position: absolute;
    max-width: none;
    right: 0;
    left: 0;
}

header.masthead-sportsbet {
    overflow: hidden;
}

.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.MetaBlock_sportsbet {
    padding: 30px 0px 30px 0px;
}

.MetaBlock_sportsbet .onfsportsbet_title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p,
.MetaBlock_sportsbet .MetaBlocksportbet_box p {
    margin-bottom: 0;
}

#sportsbet_ftsec {
    background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(176deg, rgb(37, 56, 222), rgb(96, 189, 244));
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    color: #fff;
}

#sportsbet_ftsec .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 31rem;
}

#sportsbet_ftsec .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

#sportsbet_btsec {
    background-image: radial-gradient(circle at center center, rgba(217, 217, 217, 0.05) 0%, rgba(217, 217, 217, 0.05) 15%, rgba(197, 197, 197, 0.05) 15%, rgba(197, 197, 197, 0.05) 34%, rgba(178, 178, 178, 0.05) 34%, rgba(178, 178, 178, 0.05) 51%, rgba(237, 237, 237, 0.05) 51%, rgba(237, 237, 237, 0.05) 75%, rgba(138, 138, 138, 0.05) 75%, rgba(138, 138, 138, 0.05) 89%, rgba(158, 158, 158, 0.05) 89%, rgba(158, 158, 158, 0.05) 100%), radial-gradient(circle at center center, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 100%);
    background-size: 42px 42px;
}

#sportsbet_btsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_btsec .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_btsec .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_btsec .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_hwitwrks {
    background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient(circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient(circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient(circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient(circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, rgb(34, 222, 237), rgb(135, 89, 215));
    padding-bottom: 70px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 28rem;
    position: relative;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:before {
    position: absolute;
    width: 3px;
    height: 41px;
    content: '';
    background-color: #fff;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:after {
    position: absolute;
    width: 30px;
    height: 30px;
    content: '';
    background-color: #ff3b84;
    bottom: -44px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 50px;
    border: 4px solid #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box span {
    background-color: #2d39cc;
    width: 25px;
    height: 25px;
    padding: 0px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap {
    margin-bottom: 3rem;
}

#sportsbet_hwitwrks .row:nth-child(2) {
    position: relative;
}

#sportsbet_hwitwrks .row:nth-child(2):before {
    position: absolute;
    width: 100%;
    height: 3px;
    content: '';
    bottom: 0;
    border: none;
    border-top: 4px dotted #fff;
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

.ocean {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box {
    background-color: #663784;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 33rem;
    position: relative;
    text-align: center;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_appdev {
    overflow: hidden;
    position: relative;
    background: rgb(17, 22, 32);
    background: linear-gradient(180deg, rgb(72 125 232 / 81%) 0%, rgb(255 76 167 / 62%) 100%);
}

#sportsbet_appdev:before {
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    /* background: url(../images/inner-pages/sports-betting/sports-bg.jpg) no-repeat; */
    background-size: cover;
    top: 0;
    filter: blur(2px);
    z-index: -1;
    background-position: center;
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game01 {
    /* background: url(../images/inner-pages/sports-betting/games-01.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game02 {
    /* background: url(../images/inner-pages/sports-betting/games-02.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game03 {
    /* background: url(../images/inner-pages/sports-betting/games-03.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game04 {
    /* background: url(../images/inner-pages/sports-betting/games-04.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game05 {
    /* background: url(../images/inner-pages/sports-betting/games-05.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game06 {
    /* background: url(../images/inner-pages/sports-betting/games-06.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game07 {
    /* background: url(../images/inner-pages/sports-betting/games-07.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game08 {
    /* background: url(../images/inner-pages/sports-betting/games-08.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game09 {
    /* background: url(../images/inner-pages/sports-betting/games-09.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game10 {
    /* background: url(../images/inner-pages/sports-betting/games-10.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game11 {
    /* background: url(../images/inner-pages/sports-betting/games-11.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game12 {
    /* background: url(../images/inner-pages/sports-betting/games-12.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game13 {
    /* background: url(../images/inner-pages/sports-betting/games-13.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_appdev .MetaBlocksportbet_box {
    background-size: cover !important;
    padding: 20px;
    text-align: right;
    border-radius: 4px;
    margin-bottom: 1rem;
    position: relative;
    z-index: 0;
    box-shadow: 0 5px 7px -2px #ff83da;
}

#sportsbet_appdev .MetaBlocksportbet_box:before {
    background: linear-gradient(270deg, rgb(17 22 32 / 81%) 0%, rgb(27 30 44 / 26%) 100%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1;
}

#sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    margin: 0;
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_revenue_model {
    background-image: linear-gradient(45deg, transparent 0%, transparent 55%, rgba(64, 64, 64, 0.04) 55%, rgba(64, 64, 64, 0.04) 76%, transparent 76%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 14%, rgba(64, 64, 64, 0.04) 14%, rgba(64, 64, 64, 0.04) 41%, transparent 41%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 2%, rgba(64, 64, 64, 0.04) 2%, rgba(64, 64, 64, 0.04) 18%, transparent 18%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 61%, rgba(64, 64, 64, 0.04) 61%, rgba(64, 64, 64, 0.04) 71%, transparent 71%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_revenue_model .MetaBlocksportbet_box {
    text-align: center;
}

#sportsbet_revenue_model .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform {
    /* background: url(../images/inner-pages/sports-betting/blockchain-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_blockchainplatform:before {
    background-color: #071d3cc7;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box {
    background-color: #0314249e;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    text-align: center;
    border: 1px solid #8fc2d25c;
    min-height: 325px;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_softdevelopment {
    background-image: repeating-linear-gradient(90deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(0deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient(135deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), linear-gradient(90deg, hsl(275, 3%, 97%), hsl(275, 3%, 97%));
}

#sportsbet_techstack {
    /* background: url(../images/inner-pages/sports-betting/techstac-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_techstack:before {
    position: absolute;
    content: '';
    top: 0;
    background: rgb(17, 22, 32);
    background: linear-gradient(181deg, rgb(23 17 32 / 97%) 0%, rgb(154 81 152 / 40%) 100%);
    width: 100%;
    height: 100%;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 2rem;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_techstack.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
    background-color: #230b1394;
    color: #eaeaea;
    font-weight: 700;
    border-radius: 60px;
    width: 126px;
    text-align: center;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li.active a {
    background-color: #d83068;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs {
    justify-content: center;
    display: flex;
    border-bottom: 0;
    margin-bottom: 2rem;
}

.MetaBlocksportbet_techstack_sec .tab-content .row {
    justify-content: center;
    margin-bottom: 1rem;
    display: flex;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec .tab-content .MetaBlocksportbet_box .onfsportsbe_head {
    text-align: center;
    color: #fff;
}

.tech-sprite {
    width: 55px;
    height: 55px;
    object-fit: none;
}

#sportsbet_techstack .tab-content .MetaBlocksportbet_box {
    background-color: #120b218c;
    text-align: center;
    padding: 10px;
    border: 1px solid #e4c8ee52;
    border-radius: 5px;
}

#sportsbet_whychoose {
    background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.whychoose_pts_wrap ul {
    padding: 0;
    margin-bottom: 0;
}

.whychoose_pts_wrap ul li {
    background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23, 0.05) 0%, rgba(23, 23, 23, 0.05) 50%, rgba(109, 109, 109, 0.05) 50%, rgba(109, 109, 109, 0.05) 100%), radial-gradient(circle at 21% 96%, rgba(92, 92, 92, 0.05) 0%, rgba(92, 92, 92, 0.05) 50%, rgba(199, 199, 199, 0.05) 50%, rgba(199, 199, 199, 0.05) 100%), radial-gradient(circle at 25% 37%, rgba(230, 230, 230, 0.05) 0%, rgba(230, 230, 230, 0.05) 50%, rgba(25, 25, 25, 0.05) 50%, rgba(25, 25, 25, 0.05) 100%), linear-gradient(90deg, rgb(156, 48, 160), rgb(75, 105, 255));
    list-style: none;
    margin-bottom: 1rem;
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

#sportsbet_hire {
    /* background: url(../images/inner-pages/sports-betting/hire-bg.png) no-repeat; */
}

#sportsbet_hire .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_hire.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

.sportbet-sprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

#sportsbet_whychoose .row {
    align-items: center;
    display: flex;
}

@media (max-width: 767px) {
    header.masthead-sportsbet .header-content h1 {
        font-size: 34px !important;
    }
    .MetaBlock_sportsbet .onfsportsbet_title {
        font-size: 24px;
        line-height: 32px;
    }
    .MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap {
        text-align: center;
    }
    #sportsbet_hwitwrks .row:nth-child(2):before {
        display: none;
    }
    #sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
        font-size: 25px;
    }
    #sportsbet_revenue_model .MetaBlocksportbet_box {
        text-align: center;
    }
    #sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
        width: 80px;
        text-align: center;
        padding: 5px;
        font-size: 14px;
    }
    .MetaBlocksportbet_techstack_sec .tab-content .row {
        display: block;
        margin-bottom: 0;
    }
    #sportsbet_techstack .tab-content .MetaBlocksportbet_box {
        margin-bottom: 2rem;
    }
    #sportsbet_whychoose .row {
        display: block;
    }
    #sportsbet_hire {
        background-size: cover;
        background-position: right;
    }
    #sportsbet_typesofsportsbit .MetaBlocksportbet_box {
        min-height: 0;
        min-height: initial;
    }
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    display: none;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    border-bottom-color: currentColor;
    border-bottom-color: initial;
}

.MetaBlock_cryptoexchange_tabs .nav-justified .nav-item {
    text-align: center;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px 40px !important;
    font-size: 17px;
    border: none !important;
    color: #1b334d;
    font-weight: 700;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    position: relative;
    border: 1px solid #1b334d;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 6px;
    background-color: #ecf3ff;
}

.MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
    width: 80%;
    margin: 0px auto;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li {
    margin: 0px !important;
    border-right: 1px solid #1b334d;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs.nav-justified>li {
    width: 100%;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    background: #1b334d;
    border: none !important;
    color: #fff !important;
    border-radius: 0;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 8px 9px -2px rgb(125 127 156 / 35%);
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    min-height: 93px;
    justify-content: center;
    text-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card_head {
    font-weight: 700;
    font-size: 16px;
    margin: 10px;
}

.tech_stack_img {
    width: 60%;
}

.MetaBlock_cryptoexchange_tabs .card:hover {
    transform: none;
}

@media(min-width:768px) {
    .MetaBlock_cryptoexchange_tabs .nav-tabs {
        display: flex;
    }
    .MetaBlock_cryptoexchange_tabs .card {
        border: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .card-header {
        display: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .MetaBlock_cryptoexchange_tabs .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc {
        background: #1b334d;
        font-weight: bold;
        padding: 10px;
        display: flex;
        margin-top: 15px;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc_head {
        color: #fff;
        font-weight: bold;
    }
    .MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
        width: 100%;
    }
    .tech_stack_img {
        width: 100%;
    }
    .MetaBlock_cryptoexchange_tabs .cryptocurrency_tabs_scroll_mobile {
        overflow: scroll;
        height: 317px;
    }
}

/*=========================================NFT Game Platform DEVELOPMENT=================================*/

.nft_gameplatform {
    padding: 50px 0px;
}

#nftgp_hero {
    background: radial-gradient(circle at 80% 50%, rgb(42 46 59) 0%, rgb(31 35 45) 42.71%, rgb(14 17 23) 100%);
    padding: 130px 0px 50px 0px;
}

#nftgp_hero .header-content {
    padding-top: 5rem;
}

#nftgp_hero .header-content h1 {
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    font-size: 45px !important;
}

#nftgp_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

#nftgp_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

.nftgp_custom_container {
    padding: 0px 50px;
}

#nftgp_sec1 {
    padding-top: 50px;
    padding: 0;
    overflow: hidden;
}

#nftgp_sec1 .row {
    display: flex;
    align-items: center;
}

#nftgp_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}

.nft_gameplatform#nftgp_sec2 .row {
    display: flex;
    justify-content: center;
}

.nftgb_dark_theme {
    background-color: #222631;
}

.nftgb_lite_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #222631;
}

.nftgb_dark_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #fff;
}

.nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
}

.nft_gameplatform#nftgp_sec2 .nftgp_sectitle_wrap {
    text-align: center;
}

.nft_gameplatform p {
    margin-bottom: 0;
}

.nftgb_dark_theme .nftgp_sectitle_wrap p {
    color: #dcdee4;
}

.nftgb_dark_theme .nftgp_box .nftgp_head {
    color: #fff;
}

.nftgb_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

.nft_gameplatform .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

#nftgp_sec3 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 {
    padding: 0;
    padding-top: 50px;
    overflow: hidden;
}

#nftgp_sec4 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 5rem;
}

#nftgp_sec4 .nftgp_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #7d8395;
    border-radius: 10px;
}

#nftgp_sec4 .nftgp_box img {
    border-radius: 10px;
    transition: .3s;
}

#nftgp_sec4 .nftgp_box img:hover {
    transform: scale(1.01);
}

#nftgp_sec4 .row:nth-child(2),
#nftgp_sec4 .row:nth-child(3),
#nftgp_sec4 .row:nth-child(4) {
    margin-bottom: 4rem;
}

#nftgp_sec4.nft_gameplatform .nftgp_box .nftgp_head {
    margin-top: 1rem;
}

#nftgp_sec5 .row:nth-child(2) {
    justify-content: center;
    display: flex;
}

#nftgp_sec5 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec5 .row:nth-child(2) .col-md-4 {
    padding: 0;
}

#nftgp_sec5 .row .col-md-4:nth-child(1) {
    background-color: #222631;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .row .col-md-4:nth-child(2) {
    background-color: #af27e7;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-left-radius: 20px;
}

#nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-right-radius: 20px;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul {
    padding: 0;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li {
    list-style: none;
    color: #fff;
    padding: 20px 20px;
    border-bottom: 1px solid #ffffff2b;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li.nftgp_diff_head {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #0000004d;
}

#nftgp_sec6 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec7.nft_gameplatform .nftgp_box {
    padding: 15px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 3px -2px black;
    border-radius: 5px;
    min-height: 100px;
}

#nftgp_sec7 .row:nth-child(2),
#nftgp_sec7 .row:nth-child(3) {
    margin-bottom: 2rem;
}

.nftgp_techsprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_techtitle {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #ffffffe6;
    color: #222631;
    padding: 20px 0px;
}

/*.nftgp_head {
    color: #222631;
    margin: 10px 0px;
    font-weight: 500;
}*/

.nftgp_techlist ul li {
    display: inline-block;
    text-align: center;
}

.nftgp_techlist ul {
    padding: 20px 0px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-around;
}

.nftgp_techstack_wrap {
    background-color: #ededed;
    margin-bottom: 3rem;
}

.keyfac-sprite {
    width: 120px;
    height: 120px;
    object-fit: none;
    transition: .2s;
}

.keyfac-sprite:hover {
    transform: scale(1.1);
}

.nftgp_whychoose {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .nftgp_custom_container {
        padding: 0px 00px;
    }
    #nftgp_hero .header-content h1 {
        font-size: 26px !important;
        text-align: center;
    }
    #nftgp_sec1 {
        padding: 35px 0px;
    }
    #nftgp_sec3 {
        padding: 35px 0px;
    }
    #nftgp_sec4 .nftgp_box {
        margin: 20px 0px;
    }
    #nftgp_hero .header-content {
        text-align: center;
    }
    .nftgp_sectitle_wrap {
        text-align: center;
    }
    .nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .nft_gameplatform#nftgp_sec2 .row,
    #nftgp_sec4 .row {
        display: block;
    }
    #nftgp_sec5 .row:nth-child(2) {
        justify-content: center;
        display: block;
    }
    #nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head,
    #nftgp_sec5 .row .col-md-4:nth-child(1),
    #nftgp_sec5 .row .col-md-4:nth-child(2),
    #nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
        border-radius: 0;
    }
    .nftgp_techlist ul {
        display: block;
        text-align: center;
    }
    .nftgp_techlist ul li {
        padding: 6px;
    }
    .nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
        display: block;
    }
}

.nftgp_servsprite {
    width: 231px;
    height: 231px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_box {
    display: flex;
    align-items: center;
}

/*
whitepaper style start*/

#white_paper_page {
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
}

@media(min-width:767px) {
    #white_paper_page .whitepaper_banner_sec {
        /* background-image: url('public/oimages/white-paper-img/whitepaper-banner.png'); */
        height: 600px;
        background-size: cover;
        background-position: top;
        display: grid;
        align-items: center;
    }
}

#white_paper_page .whitepaper_banner_sec .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#white_paper_page .whitepaper_banner_sec .contents {
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    padding-top: 10px;
}

#white_paper_page .whitepaper_btn:hover {
    color: #fff;
}

#white_paper_page .what_whitepaper,
#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_aspects,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_process,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_why,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire,
#white_paper_page .whitepaper_hire_do {
    padding: 0px;
}

#white_paper_page .what_whitepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_btn {
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    background-image: linear-gradient(315deg, #fbd100 0%, #ff660c 74%);
    font-size: 16px;
    padding: 8px 10px;
    box-shadow: 0 1px 27px #ff660c;
}

#white_paper_page .what_whitepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_whitepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .what_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_litepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .what_litepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_litepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_litepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_litepaper .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_comprehensive .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card {
    padding: 10px;
    margin-top: 20px;
    min-height: 200px;
    box-shadow: 0 0px 9px #ff660c7d;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    border: 1px solid #ff660c63;
    border-radius: 10px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_title {
    font-weight: 800;
    font-size: 25px;
    text-transform: capitalize;
    text-align: center;
    color: #ff660c;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_aspects .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
    line-height: 1.3;
}

#white_paper_page .whitepaper_aspects .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_aspects .card {
    position: relative;
}

#white_paper_page .whitepaper_aspects .card .face {
    transition: 0.5s;
    height: 116px
}

#white_paper_page .whitepaper_aspects .card .face.face1 {
    position: relative;
    background: #040029;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(86px);
    border: 1px solid #eeeef14a;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 {
    background: #e15300;
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover {
    padding: 10px;
    transition: 0.5s;
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover h3 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 .content__hover {
    opacity: 1;
}

#white_paper_page .whitepaper_aspects .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgb(0 0 0 / 80%);
    transform: translateY(-29px);
    height: 114px;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face2 {
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face2 p {
    padding: 10px;
    margin: 0;
}

#white_paper_page .whitepaper_investors .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_investors .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card {
    min-height: 240px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    margin-top: 30px;
    border-left: 1px solid #ff660c;
    padding: 5px 10px;
    border-right: 1px solid #ff660c;
    box-shadow: 0 0px 9px #4343439e;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_content {
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
}

#white_paper_page .whitepaper_process .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_process .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_process .whitepaper_process_card {
    min-height: 223px;
    margin-top: 30px;
    border: 2px dotted #50cef266;
    padding: 10px 7px;
    border-radius: 10px;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_needs .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_needs .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_why .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#white_paper_page .whitepaper_industries .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_industries .white_paper_industry_img {
    width: 35px;
    height: 35px;
    object-fit: none;
}

#white_paper_page .whitepaper_industries .whitepaper_industries_card {
    padding: 20px 12px;
    border-radius: 4px;
    border: 1px solid #ff690078;
    color: #3e3e3e;
    margin-top: 2rem;
    text-align: center;
}

#white_paper_page .whitepaper_industries .white_paper_industry_card_title {
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    padding-top: 10px;
    color: #fff;
}

#white_paper_page .whitepaper_hire .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}

#white_paper_page .whitepaper_hire .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card {
    padding: 10px 7px;
    background: linear-gradient(178deg, #0c003d 0%, #03001f 74%);
    box-shadow: 0 0px 9px #ff690091;
    min-height: 265px;
    border: 1px solid #ff690073;
    border-radius: 10px;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_title {
    color: #ff6900;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_hire_do .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_do_card {
    padding: 10px 10px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    box-shadow: 0 0px 9px #4343439e;
    min-height: 197px;
    margin-top: 20px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_title {
    color: #ff691e;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 10px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire_do {
    box-shadow: 0 0px 9px #00cbff7a;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_paper_page .whitepaper_why {
    position: relative;
}

#white_paper_page .whitepaper_why ul li:before {
    content: "\25BA";
    color: #ff6900;
    position: absolute;
    left: 30px;
}

#white_paper_page .whitepaper_process_row_align {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
    #white_paper_page .whitepaper_banner_sec .title {
        font-size: 30px;
        text-align: center;
    }
    #white_paper_page .whitepaper_banner_sec .contents {
        font-size: 20px;
        text-align: center;
        padding-bottom: 10px;
    }
    #white_paper_page .what_whitepaper .title {
        font-size: 25px;
    }
    #white_paper_page .what_whitepaper .contents {
        text-align: justify;
    }
    #white_paper_page .what_whitepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    .whitepaper_btn_mobile {
        text-align: center;
    }
    #white_paper_page .what_whitepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
        padding-top: 10px;
    }
    #white_paper_page .what_litepaper .contents,
    #white_paper_page .whitepaper_aspects .contents,
    #white_paper_page .whitepaper_investors .contents,
    #white_paper_page .whitepaper_needs .contents,
    #white_paper_page .whitepaper_hire_do .contents {
        text-align: justify;
    }
    #white_paper_page .what_litepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .what_litepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .whitepaper_litepaper .title,
    #white_paper_page .whitepaper_comprehensive .title,
    #white_paper_page .whitepaper_aspects .title,
    #white_paper_page .whitepaper_investors .title,
    #white_paper_page .whitepaper_process .title,
    #white_paper_page .whitepaper_needs .title,
    #white_paper_page .whitepaper_why .title,
    #white_paper_page .whitepaper_industries .title,
    #white_paper_page .whitepaper_hire .title,
    #white_paper_page .whitepaper_hire_do .title {
        font-size: 25px;
    }
    #white_paper_page .whitepaper_process .whitepaper_process_card {
        min-height: 0;
        min-height: initial;
    }
    #white_paper_page .whitepaper_hire .whitepaper_hire_card {
        min-height: 0;
        min-height: initial;
        margin-top: 30px;
    }
    #white_paper_page .whitepaper_industries .whitepaper_industries_card {
        min-height: 130px;
    }
}

/*
whitepaper style end*/

/*=========================================Metaverse DEVELOPMENT=================================*/

#metavdev_hero {
    background-color: #202036;
    /* background-image: url(../images/inner-pages/metaverse-development-company/banner1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.metavdev_custom_container {
    padding: 0px 50px;
}

#metavdev_hero .header-content {
    padding-top: 5rem;
}

#metavdev_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
    color: #000;
}

#metavdev_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #f1ae2a;
    color: #fff;
}

#metavdev_se4 a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

#metavdev_hero .header-content h1 {
    text-transform: capitalize;
    font-weight: 900;
    text-align: left;
    font-size: 50px !important;
    background-image: linear-gradient(90deg, #2f005b 0%, #682d86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    text-shadow: none;
}

#metavdev_sec1 {
    padding: 0;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

#metavdev_sec1 p {
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /* background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

#metavdev_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.MetaBlock_metaverse_deve p {
    margin-bottom: 0;
}

#metavdev_sec1 .row {
    display: flex;
    align-items: center;
}

.MetaBlock_metaverse_deve {
    padding: 40px 0px;
}

.metavdev_dark_theme {
    background-color: #eefaff;
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: left;
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

/*#metavdev_sec2{
    position: relative;
    background-position: center;
        padding-top: 50px;
    background-image: url(https://images.unsplash.com/photo-1626379945538-6c8824dd898f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
}*/

/*#metavdev_sec2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:linear-gradient(359deg, rgb(17 11 29 / 93%) 0.18%, rgb(61 26 58 / 92%) 100%);
    top: 0;
    opacity: 0.7;
    }*/

#metavdev_sec2 ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
}

#metavdev_sec2 ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

#metavdev_sec2 ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

/*#metavdev_sec2 ul:before {
position: absolute;
width: 100%;
height: 8px;
background-color: #ac93ee;
border-radius: 5px;
content: '';
bottom: -40px; 
}*/

#metavdev_sec2 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

#metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    position: relative;
    margin-bottom: 0.2rem;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title.title_alict:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap.title_alilt .nftgp_sec_title:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /*background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title:before {
    background-color: #fff;
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: '';
    bottom: -10px;
    border-radius: 50px;
}

/*#metavdev_sec2 ul li:before{
position: absolute;
    width: 25px;
    height: 25px;
    background-color: #ac93ee;
    border-radius: 50px;
    content: '';
    bottom: -48px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/

#metavdev_sec2.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

/*.metavdev_timestamp {
    position: absolute;
    bottom: -81px;
    left: 0;
    right: 0;
    font-size: 22px;
    font-weight: 700;
}*/

.metaban_span {
    display: block;
    font-weight: 300;
    font-size: 30px;
    margin-top: 1.5rem;
}

#metavdev_sec3 .nftgp_box {
    text-align: center;
    background-color: #ffffff17;
    border-radius: 5px;
    padding: 15px;
    min-height: 285px;
    /* margin-bottom: 3rem; */
    margin-top: 50px;
    box-shadow: inset -3px -6px 16px 0px #9f9ba1, inset 9px 5px 14px 0px #7c7c7c38;
}

/*#metavdev_sec3 .nftgp_box:hover {
    box-shadow: -3px -6px 16px 0px #fdfdfdb0, 9px 5px 14px 0px #00000026;
    transition: all .3s;
}*/

/*#metavdev_sec3 .nftgp_box:before {
    content: "";
    height: 60px;
    width: 60px;
    border-radius: 100px;
    background-color: #84c1ff2b;
    position: absolute;
    bottom: -28px;
    right: -10px;
    opacity: 0;
}*/

/*#metavdev_sec3 .nftgp_box:hover:before {
    opacity: 1;
}*/

/*.nftgp_box {
    transition: all .3s;
    padding: 0 45px 0px;
    margin: 20px;
    background: transparent linear-gradient(311deg, #ebecf0 0%, #ebecf0 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset -3px -6px 16px 0px #fdfdfdb0, inset 9px 5px 14px 0px #00000026;
    border-radius: 20px;
    height: 100%;
    position: relative;
}*/

#metavdev_sec3.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
    padding-top: 10px;
    text-align: center;
}

#metavdev_se4 .nftgp_box .nftgp_head {
    color: #202036;
    font-size: 17px;
    margin-bottom: 0px;
    text-align: center;
}

/*#metavdev_se4{
    background-size: cover;
    padding: 50px;
    position: relative;
    background-image: url(https://images.unsplash.com/photo-1620120966883-d977b57a96ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
}*/

/*#metavdev_se4:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background : linear-gradient(359deg, rgb(65 31 61 / 90%) 0.18%, rgb(54 54 113 / 92%) 100%);
}*/

#metavdev_se4 .nftgp_box {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 31.18%, rgb(255 255 255) 100%);
    padding: 15px;
    /* margin-bottom: 1.5rem; */
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    box-shadow: 0px 0px 6px #ccc;
    display: flex;
    align-items: center;
    min-height: 75px;
    justify-content: center;
}

#metavdev_se4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    margin-bottom: .2rem;
}

#metavdev_se5 .row:nth-child(1) {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se5 .nftgp_sectitle_wrap p {
    color: #000;
}

#metavdev_se5 .row:nth-child(2),
#metavdev_se5 .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box {
    background: #fff;
    padding: 10px;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    min-height: 436px;
    box-shadow: 0px 0px 9px #ccc;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #3a0863;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    color: #000;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_content_wrap {
    margin: 27px 5px;
}

#metavdev_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#sec7_bg1 {
    background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat;
    background-size: cover;
}*/

#metavdev_se8 .nftgp_box {
    height: 195px;
    width: 182px;
    position: relative;
}

#metavdev_se8 .nftgp_content_wrap {
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(1deg, #4747c2 0%, #2c2c67 74%);
}

#metavdev_se8 .nftgp_head {
    background: linear-gradient(1deg, #3e0070 0%, #1d004c 74%);
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 800;
    width: 195px;
    margin: 0 auto;
    font-size: 20px;
}

#metavdev_se8 .owl-nav .owl-prev,
#metavdev_se8 .owl-nav .owl-next {
    border: 3px solid #f3b5ff;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #e14fff;
}

#metavdev_se8 .owl-nav .owl-prev {
    left: 0px;
}

#metavdev_se8 .owl-nav .owl-next {
    right: 0px;
}

#metavdev_se8 .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    width: 100%;
}

#metavdev_se8 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se6 .nftgp_box {
    padding: 15px 20px;
    min-height: 175px;
    border-radius: 12px;
    border: 1px solid #3a0863;
    box-shadow: 4px 5px 0 #3a0863;
}

/*#metavdev_se6{
    position: relative;
    background-size: cover;
    background-image: url(https://images.unsplash.com/photo-1511447333015-45b65e60f6d5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1255&q=80);
}*/

/*#metavdev_se6:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
     background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
 }*/

#metavdev_se6 .nftgp_box .nftgp_head {
    text-align: center !important;
}

#metavdev_se6 .nftgp_box .nftgp_desc {
    color: #202036;
    font-weight: 500;
    text-align: center;
}

#metavdev_se6 .row {
    margin-bottom: 3rem;
}

#metavdev_se6 .row:nth-child(4) {
    margin-bottom: 0;
}

#metavdev_se11 .nav-tabs {
    display: none;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a:hover {
    color: #e900ff !important;
}

#metavdev_se11 .nav-tabs>li.active>a,
#metavdev_se11 .nav-tabs>li.active>a:focus,
#metavdev_se11 .nav-tabs>li.active>a:hover {
    color: #e900ff !important;
    background: transparent;
    border: none;
    border-bottom: 2px solid #e900ff;
}

#metavdev_se11 .nav-tabs>li>a:hover {
    background: transparent;
    color: #e900ff;
}

#metavdev_se11 .nav-tabs>li>a {
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

@media(min-width:768px) {
    #metavdev_se11 .nav-tabs {
        display: flex;
        justify-content: center;
    }
    #metavdev_se11 .card {
        border: none;
    }
    #metavdev_se11 .card .card-header {
        display: none;
    }
    #metavdev_se11 .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #metavdev_se11 .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    #metavdev_se4 .nftgp_box,
    #metavdev_se6 .nftgp_box {
        min-height: 0px !important
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title {
        text-align: center !important;
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title:before {
        left: 40%;
    }
}

#metavdev_se11 .nav-tabs {
    border-bottom: 1px solid #dddddd57;
}

#metavdev_se11 .tech_stact_card_content {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    padding-top: 10px;
    margin-bottom: 0px;
}

#metavdev_se11 .tech_stact_card {
    margin-top: 20px;
    border: 1px dotted #ffffff70;
    text-align: center;
    padding: 10px;
}

#opensea_clone_script #metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(100);
}

#metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(0);
}

/*#metavdev_sec2 ul li:hover{
  background: #7900ff;
      box-shadow: 0 0px 9px #7900ff;
    border: 1px solid #7900ff;
    
}*/

#metavdev_se8 .nftgp_img_sprite {
    width: 195px !important;
    height: 182px;
    object-fit: none;
}

@media only screen and (max-width: 600px) {
    #metavdev_hero {
        background: #440f2f;
    }
    #metavdev_hero .header-content h1 {
        background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    }
    #metavdev_hero .header-content .heading-tagline {
        color: #fff;
    }
    #metavdev_sec2 ul {
        display: grid;
    }
    #metavdev_sec2 ul li {
        width: 100%;
        margin: 10px 0px;
    }
    #metavdev_se5 .row:nth-child(2),
    #metavdev_se5 .row:nth-child(3) {
        display: grid;
    }
    #metavdev_se9 {
        display: none;
    }
    .metavdev_custom_container {
        padding: 0px;
    }
    #metavdev_hero .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        line-height: 1;
    }
    #metaverse_dev_company .metaban_span {
        font-size: 23px;
    }
    #metaverse_dev_company .MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title,
    #metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_dev_company .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
        text-align: center;
        font-size: 27px;
    }
    #metavdev_sec1 p {
        text-align: center;
    }
    #metavdev_se6 .nftgp_box {
        margin-top: 30px;
    }
    #metavdev_se10 .nftgp_box {
        margin-top: 20px;
    }
    #metavdev_se11 [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #metavdev_se11 .card-header {
        background: #fff;
        margin-top: 20px;
    }
    #metavdev_se11 .fa-chevron-down:before {
        content: "\f078";
    }
    #mdc_collapse-C .card-body .row {
        display: grid;
    }
    #metavdev_se11 .card-header h5 {
        color: #000;
        font-weight: 800;
        font-size: 18px;
    }
    #metavdev_se11 .card-body {
        height: 200px;
        overflow: scroll;
    }
}

/*#metavdev_se7{
    position: relative;
    padding:50px 0px;
    background-size: 42px 42px;
    background-image: radial-gradient(circle at center center, rgba(255,255,255, 0.05) 0%, rgba(255,255,255, 0.05) 15%,rgba(197, 197, 197,0.05) 15%, rgba(197, 197, 197,0.05) 34%,rgba(178, 178, 178,0.05) 34%, rgba(178, 178, 178,0.05) 51%,rgba(237, 237, 237,0.05) 51%, rgba(237, 237, 237,0.05) 75%,rgba(138, 138, 138,0.05) 75%, rgba(138, 138, 138,0.05) 89%,rgba(158, 158, 158,0.05) 89%, rgba(158, 158, 158,0.05) 100%),radial-gradient(circle at center center, rgb(32,32,54) 0%, rgb(32,32,54) 6%,rgb(32,32,54) 6%, rgb(32,32,54) 12%,rgb(32,32,54) 12%, rgb(32,32,54) 31%,rgb(32,32,54) 31%, rgb(32,32,54) 92%,rgb(32,32,54) 92%, rgb(32,32,54) 97%,rgb(32,32,54) 97%, rgb(32,32,54) 100%); 

}*/

#metavdev_se7 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se7:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}

#metavdev_se7 .nftgp_box {
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    /* box-shadow: 0 0px 9px #0ee3cf;
    border: 1px solid #0ee3c5;*/
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 0px 14px #c5c5c5c2;
}

/*#metavdev_se7 .nftgp_box:before {
    background: linear-gradient(90deg, #45457d 0%, #20203652 74%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
}*/

#metavdev_se7.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    color: #000;
}

/*#metadev7_clone {
    background-image: url(https://images.unsplash.com/photo-1624398891398-fbb14f1acc11?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
    background-size: cover;
    background-position: center;
} */

#metavdev_se9 .nftgp_box {
    background-color: #fff;
    padding: 25px;
    position: relative;
    border: 1px solid #dcdcdc;
}

#metavdev_se9 .nftgp_box .sec9_count {
    background-color: #481b93;
    border-radius: 50px;
    width: 40px;
    /* text-align: center; */
    height: 40px;
    position: absolute;
    top: -20px;
    font-weight: 600;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-bottom: 4px;
}

#metavdev_se9 .nftgp_box.nftgp_horiline,
#metavdev_se9 .nftgp_box.nftgp_vertline,
#metavdev_se9 .nftgp_box.nftgp_lthoriline {
    position: relative;
    z-index: 0;
}

#metavdev_se9 .row:nth-child(2) {
    margin-bottom: 3rem;
}

#metavdev_se9 .nftgp_box.nftgp_horiline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    right: -32px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9 .nftgp_box.nftgp_vertline:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 32px;
    background-color: #fff;
    bottom: -31px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#metavdev_se9 .nftgp_box.nftgp_lthoriline:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    left: -31px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
}

#metavdev_se9 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#metavdev_se10{
    position: relative;
    background:url(https://images.unsplash.com/photo-1604818640599-71bda0165d53?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80);
}
#metavdev_se10:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
}*/

#metavdev_se10 .nftgp_box {
    padding: 10px;
    /* background-image: linear-gradient(22deg, #c4c8ec 0%, #ffffff 100%); */
    border-radius: 12px;
    background: #fff;
    border: 1px solid #3a0863;
    box-shadow: inset 3px -2px 0px 0px #3a0863;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metavdev_se10.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 17px;
    text-align: center;
}

#metavdev_se10 .row:nth-child(2),
#metavdev_se10 .row:nth-child(3) {
    margin-bottom: 2rem;
}

/*=========================================Metaverse DEVELOPMENT -END=================================*/

/*opensea clone style start*/

#opensea_clone_script {
    background-color: #000000;
    background-image: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding-bottom: 60px;
}

#opensea_clone_script .row_align {
    justify-content: center;
    display: flex;
}

#opensea_clone_script .ocs_banner,
#opensea_clone_script .ocs_nft,
#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    padding: 0px;
}

#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    margin-top: 80px;
}

@media (min-width: 767px) {
    #opensea_clone_script .ocs_banner {
        height: 600px;
        display: flex;
        align-items: center;
        /* background: url(../images/inner-pages/opensea-clone/banner.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
}

#opensea_clone_script .ocs_banner .title {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
}

#opensea_clone_script .ocs_banner .contents {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

#opensea_clone_script .ocs_nft .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .ocs_nft .contents {
    color: #fff;
    font-size: 16px;
    position: relative;
}

#opensea_clone_script .ocs_nft .contents:before {
    content: "\25BA";
    position: absolute;
    color: #9402d6;
    left: -24px;
}

#opensea_clone_script .ocs_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(126deg, #ab05ff 0%, #8600bd 98%);
    border: transparent;
    border-radius: 5px;
    box-shadow: inset -4px -4px 0px #680593;
}

#opensea_clone_script .ocs_btn:hover {
    color: #fff;
}

#opensea_clone_script .osc_video .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .osc_video .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_whitelabel .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_design {
    padding: 20px;
}

#opensea_clone_script .osc_whitelabel .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_whitelabel ul {
    padding-left: 0px;
}

#opensea_clone_script .osc_whitelabel ul li {
    list-style: none;
    padding-top: 15px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_subdesign {
    background: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px -2px 12px 2px #680593;
}

#opensea_clone_script .osc_whitelabel .whitelabel_icons {
    line-height: 1.5;
    color: #680593;
}

#opensea_clone_script .osc_features .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

#opensea_clone_script .osc_features .nav-tabs {
    display: none;
}

#opensea_clone_script .osc_features .nav-item .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

@media(min-width:768px) {
    #opensea_clone_script .osc_features .nav-tabs {
        display: flex;
        justify-content: center;
        border-bottom: none;
    }
    #opensea_clone_script .osc_features .card {
        border: none;
    }
    #opensea_clone_script .osc_features .card .card-header {
        display: none;
    }
    #opensea_clone_script .osc_features .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #opensea_clone_script .osc_features .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#opensea_clone_script .osc_features .osc_features_card {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #9b02e2;
    box-shadow: 3px 3px 0px 0px #9b02e2;
    border-radius: 0px 20px;
}

#opensea_clone_script .osc_features .osc_features_content {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 800;
}

#opensea_clone_script .osc_features .nav-tabs>li>a {
    margin-right: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
}

#opensea_clone_script .osc_features .nav-tabs>li {
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav-tabs>li.active>a,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:focus,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:hover {
    background-color: #9b02e2;
    color: #fff;
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav>li>a:focus,
#opensea_clone_script .osc_features .nav>li>a:hover {
    background: transparent;
    border: transparent;
}

#opensea_clone_script .osc_tech_stack .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #fff;
    text-shadow: none;
    position: relative;
}

#opensea_clone_script .osc_advantages .title {
    font-size: 28px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_advantages .main {
    width: 250px;
    height: 250px;
    border: 1px solid #CCC;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#opensea_clone_script .osc_advantages .main:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #9b02e2 !important;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: opensea_circle 6s linear infinite;
}

@keyframes opensea_circle {
    0% {
        transform: rotate(0deg) translate(-125px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(-125px) rotate(-360deg);
    }
}

#opensea_clone_script .osc_advantages ul li {
    list-style: none;
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    font-weight: bold;
}

#opensea_clone_script .osc_advantages ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .title {
    font-size: 45px;
    text-align: left;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_customcurrencies .sub_title {
    text-align: left;
    color: #fff;
}

#opensea_clone_script .osc_customcurrencies .sub_content {
    display: grid;
    justify-content: center;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .sub_title_1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    margin-top: 50px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #9b02e2;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#opensea_clone_script .osc_customcurrencies .osc_row_align {
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_left {
    margin-left: 60px;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical {
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #9401d9;
    transform: translate(-50%, 50%);
    color: #000;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#opensea_clone_script .osc_business .title {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_business .osc_business_card {
    margin-top: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 25px 0px 25px 0px;
}

#opensea_clone_script .osc_business .osc_business_card_content {
    color: #000;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_build_platform .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#opensea_clone_script .osc_collaboration .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card {
    padding: 20px;
    background: #fff;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 6px 6px 0px 0px #9401d9;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_content {
    text-align: center;
    margin-bottom: 0px;
    padding-top: 10px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before {
    position: relative;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
    content: "";
    height: 5px;
    width: 100%;
    background: #9401d9;
    position: absolute;
    top: 50%;
}

#opensea_clone_script .osc_whychoose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_whychoose ul li {
    list-style: none;
    padding-top: 20px;
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_whychoose ul li i {
    color: #9401d9;
}

#opensea_clone_script .osc_whychoose ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_live .title {
    font-size: 45px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#opensea_clone_script .osc_live .osc_live_card {
    background: #fff;
    padding: 20px;
    min-height: 145px;
    margin-top: 30px;
    border-radius: 30px 0px 30px 0px;
}

#opensea_clone_script .osc_live .osc_live_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_live .osc_live_card_content {
    margin-bottom: 0px;
    text-align: center;
    padding-top: 10px;
}

#opensea_clone_script .animate_border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #9202d2;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 50px;
}

#opensea_clone_script .animate_border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    animation: opensea_animborder 2s linear infinite;
    border-radius: 50px;
}

@keyframes opensea_animborder {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(113px)
    }
}

@media only screen and (max-width: 600px) {
    .osc_advantages .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .ocs_banner .title,
    #opensea_clone_script .ocs_nft .title,
    #opensea_clone_script .osc_video .title,
    #opensea_clone_script .osc_whitelabel .title,
    #opensea_clone_script .osc_features .title,
    #opensea_clone_script .osc_customcurrencies .title,
    #opensea_clone_script .osc_business .title,
    #opensea_clone_script .osc_build_platform .title,
    #opensea_clone_script .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #opensea_clone_script .osc_collaboration .title,
    #opensea_clone_script .osc_whychoose .title,
    #opensea_clone_script .osc_live .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #opensea_clone_script .ocs_banner .contents,
    #opensea_clone_script .osc_video .contents,
    #opensea_clone_script .osc_whitelabel .contents,
    #opensea_clone_script .osc_customcurrencies .sub_title {
        text-align: justify;
    }
    #opensea_clone_script .ul_mob {
        padding-left: revert !important;
    }
    #opensea_clone_script .osc_customcurrencies .sub_title_1 {
        font-size: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before:before,
    #opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
        display: none;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_right {
        margin-right: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_left {
        margin-left: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_business_mob {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_card {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
        display: none;
    }
    #opensea_clone_script .osc_btn_mob {
        text-align: center !important;
    }
    #opensea_clone_script .ocs_banner {
        padding-top: 100px;
    }
    #opensea_clone_script .ocs_btn_mob {
        text-align: center;
    }
    #opensea_clone_script .ocs_nft .contents {
        text-align: justify;
    }
    #opensea_clone_script .ocs_nft .contents:before {
        display: none;
    }
    #opensea_clone_script .animate_border {
        margin: 0 auto;
    }
    #opensea_clone_script .osc_advantages .main {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .osc_features .card-header {
        padding: 5px;
        background: #fff;
        margin-top: 20px;
    }
    #opensea_clone_script .osc_features .card-body {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_features [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #opensea_clone_script .fa-chevron-down:before {
        content: "\f078";
    }
    #opensea_clone_script .osc_features .card-header h5 {
        font-size: 17px;
        font-weight: 800;
        padding: 0px 10px;
    }
}

/*opensea clone style end*/

/*metaverse game dev style start*/

#metaverse_game_development .row_justify {
    display: flex;
    justify-content: center;
}

#metaverse_game_development .row_align {
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_nft_game {
    background: linear-gradient(130deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_collabration {
    background: linear-gradient(326deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_why_MetaBlock {
    background: linear-gradient(21deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_benefits,
#metaverse_game_development .osc_tech_stack {
    background: linear-gradient(323deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_advantage {
    background: linear-gradient(106deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_main_benefits {
    background: linear-gradient(178deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_build_platform {
    background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_banner,
#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_collabration,
#metaverse_game_development .mgd_why_MetaBlock {
    padding: 0px;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_why_MetaBlock,
#metaverse_game_development .mgd_collabration {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 767px) {
    #metaverse_game_development .mgd_banner {
        /* background-image: url('public/images/inner-pages/metaverse-game-dev/banner.png'); */
        height: 650px;
        display: grid;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
}

#metaverse_game_development .mgd_banner .title {
    color: #fff;
    font-size: 45px;
    text-align: left;
    font-weight: 800;
}

#metaverse_game_development .mgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 22px;
    padding-top: 15px;
    line-height: 1.3;
}

#metaverse_game_development .mgd_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(130deg, rgba(245, 74, 5, 1) 16%, rgba(166, 34, 21, 1) 58%, rgb(117 0 69) 91%);
    border-radius: 20px 0px 20px 0px;
    border: none;
}

#metaverse_game_development .mgd_btn:hover {
    color: #fff;
}

#metaverse_game_development .mgd_heighlights {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#metaverse_game_development .game_icon {
    font-size: 20px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

#metaverse_game_development .mgd_platform .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#metaverse_game_development .mgd_platform .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

#metaverse_game_development .mgd_platform .sub_content {
    color: #fff;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform_main {
    margin-top: 40px;
}

#metaverse_game_development .mgd_live .title {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#metaverse_game_development .mgd_live ul li {
    list-style: none;
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_live ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 16px;
}

#metaverse_game_development .mgd_live ul li i {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotation 2s infinite linear;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_element .mgd_element_card {
    padding: 10px;
    min-height: 158px;
    margin-top: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_element .mgd_element_img {
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #b12712;
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 0px 6px 0px #d3390c;
}

#metaverse_game_development .mgd_element .mgd_element_img:hover {
    box-shadow: 0px -1px 0px 5px #d3390c;
}

#metaverse_game_development .mgd_benefits .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card {
    padding: 15px;
    box-shadow: inset -3px -6px 16px 0px #897f7f8c, inset 9px 5px 14px 0px #202036;
    background-color: #ffffff17;
    border-radius: 5px;
    margin-top: 30px;
    min-height: 200px;
    display: grid;
    align-items: center;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card {
    padding: 10px;
    margin-top: 20px;
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    box-shadow: 8px 0px 0px 0px #f77905;
    border-radius: 20px 0px 20px 0px;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card_content {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_main_benefits .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card {
    padding: 20px;
    margin-top: 40px;
    border-radius: 20px;
    min-height: 285px;
    box-shadow: -1px 1px 6px 4px #00000087;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon_main {
    position: relative;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon {
    font-size: 40px;
    /*animation: zoom-in-zoom-out 2s ease-out infinite;*/
    color: #f77905;
    transform: rotate(323deg);
    position: absolute;
    top: -15px;
    left: -14px;
}

#metaverse_game_development .mgd_build_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
    padding: 15px;
    margin-top: 20px;
    min-height: 355px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_head {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_in {
    height: 70px;
    width: 70px;
    background: #181226;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #f77905;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out:before {
    content: "";
    -webkit-clip-path: polygon(100% 0, 0 0, 51% 100%);
    clip-path: polygon(100% 0, 0 0, 51% 100%);
    position: absolute;
    bottom: -20px;
    width: 30px;
    height: 30px;
    background: #f77905;
}

#metaverse_game_development .mgd_nft_game .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    display: flex;
    align-items: center;
    height: 450px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #fa7903fc;
    border-radius: 0px 80px 0px 80px;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content_design {
    background: linear-gradient(130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    padding: 10px;
    border: 2px solid #ff6e00;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_nft_game .owl-dots {
    display: none;
}

#metaverse_game_development .mgd_nft_game .owl-carousel .owl-item img {
    width: 100% !important;
}

#metaverse_game_development .mgd_nft_game .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff6a00;
}

#metaverse_game_development .mgd_collabration .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card {
    padding: 40px 20px;
    margin-top: 20px;
    border-top: 2px dotted #ff7300;
    border-left: 2px dotted #ff7300;
    border-right: 2px dotted #ff7300;
    position: relative;
    border-radius: 20px;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    background: #ff7300;
    padding: 7px;
    position: absolute;
    top: 32px;
    left: 0;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_content {
    text-align: left;
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
}

#metaverse_game_development .mgd_why_MetaBlock .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li {
    display: flex;
    margin-top: 25px;
    align-items: center;
}

#metaverse_game_development .mgd_why_MetaBlock ul li i {
    color: #ff7300;
    font-size: 18px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    padding-left: 15px;
}

#metaverse_game_development .mgd_why_MetaBlock .mgd_why_MetaBlock_ul {
    display: grid;
    justify-content: flex-end;
}

#metaverse_game_development .metaverse_game_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_game_development .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

#metaverse_game_development .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    #metaverse_game_development .row_justify {
        display: inline;
        display: initial;
    }
    #metaverse_game_development .row_align {
        display: inline;
        display: initial;
    }
    .mgd_banner {
        background: linear-gradient(95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #metaverse_game_development .mgd_banner .title {
        font-size: 30px;
        text-align: center;
    }
    #metaverse_game_development .mgd_banner .contents {
        text-align: center;
    }
    .mgd_btn_mob {
        text-align: center;
    }
    #metaverse_game_development .mgd_platform .title,
    #metaverse_game_development .mgd_live .title,
    #metaverse_game_development .mgd_element .title,
    #metaverse_game_development .mgd_benefits .title,
    #metaverse_game_development .mgd_build_platform .title,
    #metaverse_game_development .mgd_nft_game .title,
    .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_game_development .mgd_collabration .title,
    #metaverse_game_development .mgd_why_MetaBlock .title {
        font-size: 25px;
        line-height: 1.3;
    }
    #metaverse_game_development .mgd_platform .contents {
        text-align: justify;
    }
    #metaverse_game_development .mgd_platform .sub_title,
    #metaverse_game_development .mgd_platform .sub_content {
        text-align: center;
    }
    #metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
        margin-top: 0px;
        min-height: 0;
        min-height: initial;
    }
}

/*metaverse game dev style end*/

/*celebrity nft marketplace style start*/

#celebrity_nft_marketplace_dev {
    background: linear-gradient(45deg, #2f0f37, #1d0b3c, #1a0817);
    padding-bottom: 80px;
}

#celebrity_nft_marketplace_dev .cnmd_banner,
#celebrity_nft_marketplace_dev .cnmd_business,
#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    padding: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    margin-top: 50px;
}

@media (min-width: 767px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        /* background: url(public/images/inner-pages/celebrity-nft-marketplace/banner.jpg); */
        height: 600px;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
}

#celebrity_nft_marketplace_dev .cnmd_banner .title {
    font-size: 40px;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 2px 2px #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_banner .contents {
    font-size: 18px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
    line-height: 1.6;
}

#celebrity_nft_marketplace_dev .row_justify {
    display: flex;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .row_align {
    display: flex;
    align-items: center;
}

#celebrity_nft_marketplace_dev .cnmd_btn {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    background: #ff5e00;
    border-radius: 5px;
}

#celebrity_nft_marketplace_dev .cnmd_business .title {
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_business .contents {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .contents {
    color: #fff;
    font-size: 17px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_platform .contents {
    text-align: center;
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
    padding: 20px 10px;
    background: #ffffff0f;
    margin-top: 35px;
    border: 1px solid #ffffff1c;
    border-radius: 10px;
    min-height: 335px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:after {
    top: 0%;
    right: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-left-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:before {
    top: 0%;
    left: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-right-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design {
    height: 70px;
    width: 70px;
    border-radius: 0px 0px 50% 50%;
    background: #ff5e00;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .title {
    text-align: left;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before {
    content: " \25C9";
    position: absolute;
    color: #ff5e00;
    left: -20px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 15px;
    line-height: 1.5;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card {
    background: #2f1a46b5;
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 4px 0px 0px #fb6711;
    border: 1px solid #e1d9e914;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_counter {
    counter-reset: cnmd_counter_increment;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card:before {
    counter-increment: cnmd_counter_increment;
    content: counter(cnmd_counter_increment);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background: #ff5e00;
    position: absolute;
    top: 8px;
    left: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card_content {
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_features .title {
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.2;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card {
    margin-top: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title {
    font-size: 20px;
    font-weight: 800;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title:before {
    content: "|";
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_content {
    font-size: 17px;
    color: #fff;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
    display: none;
}

@media(min-width:768px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
        display: flex;
        border-bottom: 0;
        border-bottom: initial;
        justify-content: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card {
        border: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .card-header {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-link {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:hover {
    background-color: #fb6711;
    color: #fff;
    border: none;
    border-radius: 40px 0px 40px 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
    border: none;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 19px;
    color: #fff;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 1px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 20px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li:before {
    content: "\276F";
    position: absolute;
    left: -15px;
    color: #ff5e00;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title {
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li {
    list-style: none;
    color: #fff;
    padding-top: 25px;
    font-size: 17px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
    content: "\25B6";
    position: absolute;
    left: -20px;
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_process .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_process .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card {
    display: flex;
    min-height: 295px;
    margin-top: 30px;
    border: 1px solid #ffffff38;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_content {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head_des {
    background: #fb6711;
    padding: 20px;
    border-radius: 0% 10px 90% 0px;
    width: 165px;
    height: 165px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_content_des {
    padding: 10px 15px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:before {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:after {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 1px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px 2px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
    width: 20px;
    height: 20px;
    background: #fb6711;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before {
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    right: 0;
    top: 130px;
    left: 0;
}

#celebrity_nft_marketplace_dev .cnmd_turn .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card {
    padding: 15px 10px;
    margin-top: 20px;
    border: 1px dotted #ff5e00;
    min-height: 170px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    min-height: 105px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .platform_icons {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

#celebrity_nft_marketplace_dev .platform_icons_new {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#celebrity_nft_marketplace_dev .process_icons_new {
    height: 70px;
    width: 70px;
    object-fit: none;
    margin: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_line {
    width: 100px;
    height: 2px;
    background: #ff5e00;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        height: 500px;
        display: flex;
        align-items: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .title,
    #celebrity_nft_marketplace_dev .cnmd_business .title,
    #celebrity_nft_marketplace_dev .cnmd_superlative .title,
    #celebrity_nft_marketplace_dev .cnmd_platform .title,
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity .title,
    #celebrity_nft_marketplace_dev .cnmd_features .title,
    #celebrity_nft_marketplace_dev .cnmd_benefits .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title,
    #celebrity_nft_marketplace_dev .cnmd_process .title,
    #celebrity_nft_marketplace_dev .cnmd_collaboration .title,
    #celebrity_nft_marketplace_dev .cnmd_turn .title,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .contents,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_btn_mob {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_business .contents,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
        text-align: justify;
    }
    #celebrity_nft_marketplace_dev .cnmd_line {
        margin: 0 auto;
    }
    #celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
        min-height: auto;
    }
    #celebrity_nft_marketplace_dev .row_align {
        display: grid;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header {
        background: #fff;
        padding: 8px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header h5 {
        font-weight: 800;
        font-size: 18px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-body {
        height: 250px;
        overflow: scroll;
    }
}

/*celebrity nft marketplace style end*/

/*cryptocurrency exchange script new style start*/

.cryptocurrency_exchange_script {
    background: #fff;
    padding-bottom: 50px;
}

.cryptocurrency_exchange_script .cesd_banner,
.cryptocurrency_exchange_script .cesd_what,
.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    padding: 0px;
}

.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    /* margin-top: 70px;*/
    padding-top: 60px;
}

.cryptocurrency_exchange_script .row_justify {
    display: flex;
    justify-content: center;
}

.cryptocurrency_exchange_script .row_align {
    display: flex;
    align-items: center;
}

.cryptocurrency_exchange_script .cesd_banner {
    background: #fff;
    height: 100%;
    padding-top: 130px;
    padding-bottom: 80px;
}

.cryptocurrency_exchange_script .cesd_banner .title {
    font-weight: 800;
    text-align: left;
    font-size: 35px;
    text-transform: uppercase;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_banner .contents {
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_btn {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    background: #9d0035;
    border-radius: 5px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card {
    border: 1px solid #000;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card_main {
    width: auto;
}

.cryptocurrency_exchange_script .cesd_what .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_what .contents {
    color: #000;
    font-size: 16px;
    text-align: center;
}

.cryptocurrency_exchange_script .cesd_whitelabel {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_whitelabel .title {
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_whitelabel .contents {
    color: #000;
    font-size: 16px;
    text-align: justify;
}

.cryptocurrency_exchange_script .cesd_scope .title {
    font-size: 35px;
    color: #000;
    font-weight: 800;
    text-align: left;
    line-height: 1.1;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_scope ul li {
    list-style: none;
    color: #000;
    font-size: 16px;
    padding-top: 15px;
    position: relative;
}

.cryptocurrency_exchange_script .cesd_scope ul li:before {
    content: "\25B6";
    color: #1ef4f4;
    position: absolute;
    left: -20px;
}

.cryptocurrency_exchange_script .cesd_workflow {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_workflow .title {
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .title {
    color: #000;
    font-weight: 800;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_various_business .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card {
    margin-top: 30px;
    min-height: 408px;
    border: 1px solid #ae2a54;
    padding: 20px;
    box-shadow: 0px 0px 4px 2px #ae2a54;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_head {
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    padding-top: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_content {
    color: #000;
    text-align: justify;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    background: #ae2a54;
}

.cryptocurrency_exchange_script .cesd_features .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_features .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head {
    color: #000;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head:before {
    content: "|";
    color: #9d0035;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_corefeatures {
    background: linear-gradient(144deg, #16a7af, transparent, transparent, transparent, transparent, #16a7af);
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
    display: none;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
    color: #000;
    font-weight: 800;
    font-size: 20px;
}

@media(min-width:768px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
        display: flex;
        border-bottom: none;
        justify-content: center;
        border: 1px solid #15e9f4;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li {
        border-left: 1px solid #15e9f4;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a:hover {
        background: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
        margin-right: 0px;
        border: none;
        border-radius: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a:hover {
        background-color: #16a7af;
        color: #fff;
        border: 0px;
        border-bottom-color: #fff;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card {
        border: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .card-header {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
    margin-top: 20px;
    border: 1px solid #16a7af;
    padding: 13px;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 3px 3px 0px #16a7af;
    min-height: 212px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_head {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-top: 10px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_content {
    text-align: center;
    font-size: 16px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_clone .title {
    font-weight: 800;
    text-align: left;
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_clone .contents {
    text-align: left;
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card {
    padding: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_clone .item {
    background: #001b1d;
    /* box-shadow: 1px 2px 1px 1px #fff; */
    border: 1px solid #053e42;
    border-radius: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_icon_design {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #d40042;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 1px #d80043;
}

.cryptocurrency_exchange_script .cesd_clone .owl-dots {
    display: none;
}

.cryptocurrency_exchange_script .cesd_clone .owl-nav {
    position: absolute;
    left: 47%;
    bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_clone .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 20px;
    margin: 5px;
    padding: 4px 10px;
    background: #c7094d;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.cryptocurrency_exchange_script .cesd_platform {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
    padding: 20px 30px;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_head {
    color: #000;
    font-size: 20px;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .timeline_after {
    position: relative;
}

.cryptocurrency_exchange_script .timeline_after:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0px;
    background: #000;
    left: 50%;
    right: 50%;
    width: 1px;
}

.cryptocurrency_exchange_script .timeline_counter_after {
    position: relative;
    overflow: hidden;
    counter-increment: timeline_counter_before;
}

.cryptocurrency_exchange_script .timeline_counter_after:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #0eb4bd;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    content: counter(timeline_counter_before);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
}

.cryptocurrency_exchange_script .timeline_counter_after:before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    border: 2px solid #fff;
    border-left-color: #c7094d;
    border-right-color: #c7094d;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.cryptocurrency_exchange_script .cesd_collaboration {
    background: #fff;
    margin-bottom: 35px;
}

.cryptocurrency_exchange_script .cesd_collaboration .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card {
    margin-top: 35px;
    padding: 20px;
    background: linear-gradient(4deg, #b11848, #e01a58, #bd194c);
    border: 1px dotted #ffffff24;
    border-radius: 20px 0px 20px 0px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_project {
    background: #fff;
}

.cryptocurrency_exchange_script .cesd_project .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_content {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #16b4bd;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0eb4bda8;
    box-shadow: 0px 0px 4px 3px #16b4bd;
}

.cryptocurrency_exchange_script .project_after_line {
    position: relative;
}

.cryptocurrency_exchange_script .project_after_line:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #0eb4bd;
    position: absolute;
    top: 140px;
}

.cryptocurrency_exchange_script .project_after_round {
    width: 20px;
    height: 20px;
    background: #0eb4bd;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_business_icon {
    height: 60px;
    width: 60px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_clone_icon {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_project_icon {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.cryptocurrency_exchange_script .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    .cryptocurrency_exchange_script .row_justify {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .row_align {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .cesd_banner .title,
    .cryptocurrency_exchange_script .cesd_whitelabel .title,
    .cryptocurrency_exchange_script .cesd_scope .title,
    .cryptocurrency_exchange_script .cesd_various_business .title,
    .cryptocurrency_exchange_script .cesd_features .title,
    .cryptocurrency_exchange_script .cesd_corefeatures .title,
    .cryptocurrency_exchange_script .cesd_clone .title,
    .cryptocurrency_exchange_script .cesd_platform .title,
    .cryptocurrency_exchange_script .cesd_collaboration .title,
    .cryptocurrency_exchange_script .cesd_project .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    .cryptocurrency_exchange_script .cesd_banner .contents {
        text-align: center;
    }
    .cesd_btn_align {
        text-align: center;
    }
    .cryptocurrency_exchange_script .cesd_banner {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .cryptocurrency_exchange_script .cesd_what .title {
        font-size: 25px;
    }
    .cryptocurrency_exchange_script .cesd_what .contents {
        text-align: justify;
    }
    .cryptocurrency_exchange_script .cesd_whitelabel,
    .cryptocurrency_exchange_script .cesd_scope,
    .cryptocurrency_exchange_script .cesd_workflow,
    .cryptocurrency_exchange_script .cesd_various_business,
    .cryptocurrency_exchange_script .cesd_features,
    .cryptocurrency_exchange_script .cesd_corefeatures,
    .cryptocurrency_exchange_script .cesd_clone,
    .cryptocurrency_exchange_script .cesd_platform,
    .cryptocurrency_exchange_script .cesd_collaboration,
    .cryptocurrency_exchange_script .cesd_project {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_features .cesd_features_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
        min-height: 0;
        min-height: initial;
    }
    .cryptocurrency_exchange_script .cesd_btn {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .cryptocurrency_exchange_script .cesd_clone .owl-nav {
        left: 36%;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:before {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
        padding: 0px;
    }
    .cryptocurrency_exchange_script .project_after_round {
        display: none;
    }
    .cryptocurrency_exchange_script .project_after_line:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_project .cesd_project_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .card-header {
        background: #fff;
        margin-top: 10px;
    }
    .cryptocurrency_exchange_script .card-header h5 {
        font-size: 20px;
        font-weight: 800;
    }
    .cryptocurrency_exchange_script .card-body {
        height: 200px;
        overflow: scroll;
    }
    .cryptocurrency_exchange_script .cesd_line {
        display: none
    }
    .cryptocurrency_exchange_script .line {
        display: none
    }
}

/*cryptocurrency exchange script new style end*/

/* Blockchain Game Devlopment new style starts */

.blockchain_game_dev .row_justify {
    display: flex;
    justify-content: center;
}

.blockchain_game_dev .bgd_banner {
    padding: 50px;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_benefits,
.blockchain_game_dev .bgd_platform,
.blockchain_game_dev .bgd_usecase,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.blockchain_game_dev .row_align {
    display: flex;
    align-items: center;
}

.blockchain_game_dev .bgd_banner_btn {
    font-size: 16px;
    color: #fff !important;
    font-weight: 800;
    text-align: center;
    background: #fe5b6d;
    border-radius: 5px;
}

@media (min-width: 767px) {
    .blockchain_game_dev .bgd_banner {
        background: linear-gradient(45deg, #151027, #1b122a, #151027);
        height: 100vh;
        display: flex;
        align-items: center;
        /* background: url('public/images/inner-pages/blockchain-game-dev/banner.png'); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
    }
}

.blockchain_game_dev .bgd_banner .title {
    text-align: left;
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    background: linear-gradient(45deg, #151027, #1b122a, #151027);
}

.blockchain_game_dev .bgd_top_notch .title {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_top_notch .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_bg {
    width: 15px;
    height: 15px;
    background: #ff5c6e;
    display: block;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 20px #ff5c6e;
}

.blockchain_game_dev .bgd_services .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_services .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_services .bgd_services_list_design {
    background: linear-gradient(130deg, rgb(234 83 102 / 37%) 0%, rgb(11 11 46) 15%, rgb(49 23 55) 100%);
    display: flex;
    align-items: center;
    height: 500px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #f25669;
    border-radius: 0px 80px 0px 80px;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content_design {
    background: linear-gradient(130deg, rgb(245 88 106 / 33%) 0%, rgb(11 11 46) 39%, rgb(36 19 52) 88%);
    padding: 10px;
    border: 2px solid #ff5c6e;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_services .owl-carousel .owl-item img {
    width: 100% !important;
}

.blockchain_game_dev .bgd_services .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

.blockchain_game_dev .bgd_services .owl-theme .owl-nav [class*=owl-] {
    background: #ff6a00;
    font-size: 20px;
}

.blockchain_game_dev .bgd_services .owl-dots {
    display: none;
}

.blockchain_game_dev .bgd_game .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_game .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list {
    padding: 25px;
    margin-top: 35px;
    box-shadow: 0px 0px 11px 6px #1502095c;
    border-radius: 20px;
    background: linear-gradient(45deg, #60264330, #130e30a1);
    min-height: 295px;
    position: relative;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_title {
    color: #ff6273;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list:after {
    content: "";
    border: 1px solid #ff627369;
    position: absolute;
    width: 93%;
    height: 88%;
    left: 15px;
    border-radius: 20px;
    top: 15px;
}

.blockchain_game_dev .bgd_benefits .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list {
    display: flex;
    margin-top: 20px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_title {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 18px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list_main {
    margin-left: 15px;
}

.blockchain_game_dev .bgd_platform .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_platform .contents {
    text-align: center;
    font-size: 16px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list {
    background: #191129;
    padding: 15px;
    box-shadow: 0px 0px 20px 13px #05050536;
    margin-top: 10px;
    min-height: 330px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 0px;
    position: relative;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ff6273;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -7px;
    transform: translate(-50%, 50%);
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul {
    display: grid;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li {
    list-style: none;
    padding-top: 20px;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li:before {
    content: "\25C9";
    position: absolute;
    left: 0px;
    color: #ff6273;
}

.blockchain_game_dev .bgd_usecase .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list {
    padding: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_title {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_content {
    color: #000;
    font-size: 16px;
    padding-top: 7px;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #191129;
    position: absolute;
    top: 0px;
    left: 50%;
    right: 50%;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side:after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #ff6273;
    position: absolute;
    left: 100%;
    top: 15px;
    right: 0px;
    bottom: 0px;
    transform: translate(-50%, 50%);
    z-index: 1;
}

.blockchain_game_dev .bgd_process .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .title {
    text-align: left;
    font-weight: 800;
    color: #fff;
    font-size: 50px;
    line-height: 1.0;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .contents {
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list {
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    border-radius: 15px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #000;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

.blockchain_game_dev .services_img {
    width: 320px;
    height: 340px;
    object-fit: none;
}

.bgd_benefits_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    max-width: none;
    max-width: initial;
}

@media only screen and (max-width: 600px) {
    .blockchain_game_dev .bgd_banner {
        background: #161128;
        padding: 0px;
        height: 500px;
        display: flex;
        align-items: center;
    }
    .blockchain_game_dev .row_justify,
    .blockchain_game_dev .row_align {
        display: inline;
        display: initial;
    }
    .blockchain_game_dev .bgd_banner .title {
        text-align: center;
        font-size: 30px;
    }
    .blockchain_game_dev .bgd_banner .contents,
    .blockchain_game_dev .bgd_stand .title,
    .blockchain_game_dev .bgd_stand .contents {
        text-align: center;
    }
    .bgd_banner_btn_mob {
        text-align: center !important;
    }
    .blockchain_game_dev .bgd_top_notch .title,
    .blockchain_game_dev .bgd_services .title,
    .blockchain_game_dev .bgd_game .title,
    .blockchain_game_dev .bgd_benefits .title,
    .blockchain_game_dev .bgd_platform .title,
    .blockchain_game_dev .bgd_usecase .title,
    .blockchain_game_dev .bgd_process .title,
    .blockchain_game_dev .bgd_stand .title {
        font-size: 25px;
    }
    .blockchain_game_dev .bgd_usecase .bgd_usecase_side:after,
    .blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
        display: none;
    }
}

/* Blockchain Game Devlopment new style ends */

/*white label cryptocurrency software start*/

.white_label_main .row_justify {
    display: flex;
    justify-content: center;
}

.white_label_main .wl_banner {
    height: 100vh;
    /* background: url('public/images/inner-pages/whitelabel-crypto/whitelabel-banner.png'); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.white_label_main .wl_banner .title {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.white_label_main .wl_banner .contents {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    padding-top: 10px;
}

.white_label_main .wl_btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    padding: 15px;
    border-radius: 50px;
    margin-top: 7px;
}

.white_label_main .wl_btn_hover:hover {
    background: #fff;
    color: #000;
}

.white_label_main .wl_dev,
.white_label_main .wl_features_sec,
.white_label_main .wl_types,
.white_label_main .wl_benefits,
.white_label_main .wl_process,
.white_label_main .wl_why,
.white_label_main .wl_hire,
.white_label_main .wl_automate,
.white_label_main .wl_breadcrumb {
    padding: 0px;
}

.white_label_main .wl_dev {
    margin-top: 20px;
}

.white_label_main .wl_dev .title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    line-height: 1.3;
    text-align: center;
}

.white_label_main .wl_dev .contents {
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: 1.7;
    padding-top: 10px;
}

.white_label_main .wl_features_sec .wl_features_head .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.white_label_main .wl_features_sec .wl_features_head .contents {
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
}

.white_label_main .wl_features_sec .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    .white_label_main .wl_features_sec .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li>a {
        border: 1px solid #ad1650 !important;
        border-radius: 0px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 800;
        color: #ad1650;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li.active>a {
        background: #ad1650;
        color: #fff;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-heading {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: #ad1650;
        padding: 15px 10px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-title a {
        display: block;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a .panel-title {
        font-weight: 800;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

.white_label_main .wl_features_sec .features_list {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    box-shadow: 1px 1px 12px 0px rgb(151 163 184 / 50%);
}

.white_label_main .wl_features_sec {
    margin-top: 20px;
    background: #cccccc38;
}

.white_label_main .wl_features_sec .features_list .sub_content {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.white_label_main .wl_types {
    margin-top: 20px;
}

.white_label_main .wl_types .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_types .types_list {
    padding: 15px;
    margin-top: 20px;
    text-align: center;
    border: 1px dotted #000;
    min-height: 326px;
}

.white_label_main .wl_types .types_list .sub_title {
    font-size: 19px;
    font-weight: 800;
}

.white_label_main .wl_types .types_list .sub_content {
    font-size: 15px;
}

.white_label_main .wl_benefits {
    margin-top: 50px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_benefits .title {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
}

.white_label_main .wl_benefits ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_benefits ul {
    padding-left: 0px;
}

.white_label_main .wl_benefits ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .line {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
}

.white_label_main .line_center {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
    margin: 0 auto;
    margin-bottom: 10px;
}

.white_label_main .row_align {
    display: flex;
    align-items: center;
}

.white_label_main .wl_process {
    margin-top: 20px;
}

.white_label_main .wl_process .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

.white_label_main .wl_process .process_list .sub_title {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
}

.white_label_main .wl_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
}

.white_label_main .wl_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ae2a53;
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.white_label_main .wl_why {
    margin-top: 40px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_why .title {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_why .contents {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 10px;
}

.white_label_main .wl_why ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_why ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .wl_hire {
    margin-top: 30px;
    margin-bottom: 30px;
}

.white_label_main .wl_hire .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_hire .contents {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.wl_automate {
    margin-top: 40px;
}

.wl_automate_div {
    border: 2px solid #205a5d;
    padding: 40px;
    text-align: center;
    border-radius: 5px;
}

.wl_automate .contents {
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3
}

.wl_breadcrumb {
    margin-top: 20px;
}

@media only screen and (max-width: 600px) {
    .white_label_main .row_justify,
    .white_label_main .row_align {
        display: inherit;
    }
    .white_label_main .wl_banner .title,
    .white_label_main .wl_dev .title,
    .white_label_main .wl_features_sec .wl_features_head .title,
    .white_label_main .wl_types .title,
    .white_label_main .wl_benefits .title,
    .white_label_main .wl_process .title,
    .white_label_main .wl_why .title,
    .white_label_main .wl_hire .title,
    .wl_automate .contents {
        font-size: 25px;
    }
    .white_label_main .wl_banner .contents {
        font-size: 18px;
    }
    .white_label_main .wl_dev .contents,
    .white_label_main .wl_hire .contents {
        text-align: justify;
    }
    .white_label_main .wl_types .types_list {
        min-height: 0;
        min-height: initial;
    }
    .white_label_main .wl_benefits ul {
        padding-left: revert;
    }
}

/*white label cryptocurrency software end*/

/* web 3.0 Development company starts  */

.web-3-0-development-company .cesd_various_business .cesd_various_business_card {
    min-height: 330px;
}

.web-3-0-development-company .cesd_various_business .cesd_various_business_icon_design {
    margin: 0px auto;
}

.web-3-0-development-company .MetaBlock_nft_services .contents,
.web-3-0-development-company .cesd_collaboration .contents,
.web-3-0-development-company .cesd_corefeatures .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.web-3-0-development-company .card__side {
    min-height: 230px;
    height: 230px;
}

.web-3-0-development-company .cesd_collaboration .cesd_collaboration_card {
    min-height: 255px;
    margin-bottom: 22px;
}

.web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    position: absolute;
    margin-top: -61px;
    margin-left: -27px;
}

.web-3-0-development-company .cesd_clone .owl-nav {
    bottom: 5px;
}

.web-3-0-development-company .bcgnd_clr {
    background-image: radial-gradient(circle at center center, transparent 0%, rgb(0, 0, 0) 85%), linear-gradient(78deg, rgba(192, 192, 192, 0.05) 0%, rgba(192, 192, 192, 0.05) 50%, rgba(60, 60, 60, 0.05) 50%, rgba(60, 60, 60, 0.05) 100%), linear-gradient(227deg, rgba(97, 97, 97, 0.05) 0%, rgba(97, 97, 97, 0.05) 50%, rgba(52, 52, 52, 0.05) 50%, rgba(52, 52, 52, 0.05) 100%), linear-gradient(240deg, rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 50%, rgba(249, 249, 249, 0.05) 50%, rgba(249, 249, 249, 0.05) 100%), linear-gradient(187deg, rgba(1, 1, 1, 0.05) 0%, rgba(1, 1, 1, 0.05) 50%, rgba(202, 202, 202, 0.05) 50%, rgba(202, 202, 202, 0.05) 100%), linear-gradient(101deg, rgba(61, 61, 61, 0.05) 0%, rgba(61, 61, 61, 0.05) 50%, rgba(254, 254, 254, 0.05) 50%, rgba(254, 254, 254, 0.05) 100%), linear-gradient(176deg, rgba(237, 237, 237, 0.05) 0%, rgba(237, 237, 237, 0.05) 50%, rgba(147, 147, 147, 0.05) 50%, rgba(147, 147, 147, 0.05) 100%), linear-gradient(304deg, rgba(183, 183, 183, 0.05) 0%, rgba(183, 183, 183, 0.05) 50%, rgba(57, 57, 57, 0.05) 50%, rgba(57, 57, 57, 0.05) 100%), radial-gradient(circle at center center, hsl(351, 4%, 12%), hsl(351, 4%, 12%));
}

.web-3-0-development-company .cryptocurrency_exchange_script {
    padding-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    .web-3-0-development-company .cesd_banner {
        padding-top: 100px;
    }
    .web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin: 0px auto;
    }
    .web-3-0-development-company .card-body {
        height: auto;
        overflow: hidden;
    }
}

/* web 3.0 Development company ends  */

/*================TESTIMONAL CSS - START ======================*/

.essential_page_testimonal #essential_sec1 {
    /*background-color: #eee;*/
    /* background-image: url(../oimages/essentials/testimonials/bg-cover.png); */
    height: 500px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

#essential_sec1 {
    /* margin-top: 8rem;
    background-position: bottom;*/
}

#essential_sec1 .essential_content_wrap .essential_title {
    color: #193060;
    font-size: 45px;
    font-weight: 800;
    padding-top: 30px;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 20px;
    color: #526283;
    margin-top: 20px;
}

#essential_sec2 .essential_content_wrap #mainTabs {
    justify-content: center;
    display: flex;
    border-bottom: 1px solid #de4141;
}

#essential_sec2 .essential_content_wrap #mainTabs li a {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 0;
    border: 0;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a {
    background-color: #de4141;
    color: #fff;
}

#essential_sec2 .essential_content_wrap #mainTabs li>a:hover {
    border: 0;
    color: #de4141db;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a:hover {
    color: #fff;
}

.testimonal_content_wrap {
    margin-top: 5rem;
    min-height: 190px;
}

.testimonal_customername {
    font-size: 27px;
    font-weight: 700;
    color: #d12b2b;
}

.testimonal_location {
    font-size: 21px;
    font-weight: 500;
    color: #8c8c8c;
}

.testimonal_feedback {
    margin-top: 1rem;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

.testimonal_customer_detail {
    display: flex;
    align-items: center;
    font-style: italic;
    margin-bottom: 5px;
}

.testimonal_customer_detail .circle_dot {
    width: 6px;
    height: 5px;
    background-color: #9d9d9d;
    border-radius: 20px;
    margin: 0px 6px;
}

.testimonal_content_wrap iframe {
    border-radius: 10px;
}

@media (max-width: 767px) {
    #essential_sec1 {
        background-position: left;
        text-align: center;
        margin-top: 3rem;
    }
    #essential_sec1 .essential_content_wrap .essential_title {
        color: #193060;
        font-size: 36px;
        font-weight: 800;
    }
    #essential_sec2 .essential_content_wrap #mainTabs li a {
        font-size: 16px;
    }
    .testimonal_customer_detail {
        display: block;
    }
    .testimonal_customer_detail .circle_dot {
        display: none;
    }
    .testimonal_customername {
        margin-bottom: 1.5rem;
    }
    .testimonal_content_wrap {
        min-height: auto;
        margin-top: 4rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #dcdcdc;
    }
    .testimonal_content_wrap iframe {
        border-radius: 10px;
        width: 100%;
        height: auto;
    }
    .essential_pages#essential_sec2 {
        padding-bottom: 0;
    }
}

/*================TESTIMONAL CSS - END ======================*/

/*==================== SCAMMER PAGE - START ================== */

.essential_page_scammer #essential_sec1 {
    padding: 60px 0px;
    text-align: center;
    /* background-image: url(../oimages/essentials/scam/banner.png); */
}

.essential_page_scammer #essential_sec1 .essential_content_wrap {
    text-align: left;
}

.essential_page_scammer #essential_sec1 .essential_content_wrap p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_scammer #essential_sec2 .essential_content_wrap {
    padding: 10px;
}

.essential_page_scammer #essential_sec2 {
    position: relative;
}

.essential_page_scammer #essential_sec2:before {
    position: absolute;
    width: 100%;
    height: 20%;
    /*background-color:#e6eff4;*/
    content: '';
}

.scam_form #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_scammer #essential_form {
    padding-top: 0;
}

.scam_form #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.scam_form #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column textarea {
    width: 100%;
    padding: 17px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border-radius: 3px;
}

.scam_form #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_scammer #essential_sec1 .essential_content_wrap {
        text-align: center;
    }
    .scam_form #essential_form .essential_content_wrap {
        padding: 25px;
        margin-bottom: 2rem;
    }
}

/*==================== SCAMMER PAGE - END ================== */

/*==================== CASESTUDIES - START ================== */

.essential_page_casestudydetails #essential_sec1 .essential_content_wrap .essential_title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -1px;
    padding-bottom: 2rem;
    margin-top: 1rem;
}

.essential_page_casestudydetails #essential_sec1 {
    margin-top: 1rem;
    background-position: top;
    padding-top: 0;
}

.casetudy_details_descs {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.39;
    color: #49505e;
    margin-bottom: 1.9rem;
}

.casetudy_details_descs.casestudydetails_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
}

.casetudy_details_descs.casestudydetails_heads {
    color: #193060;
    font-size: 20px;
    font-weight: 700;
}

.essential_page_casestudydetails #essential_form {
    padding-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
    margin-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_casestudydetails #essential_form p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

.essential_page_casestudydetails #essential_form {
    background-color: #f3f3f3;
    padding: 80px 0px;
}

.essential_page_casestudydetails #essential_form .form_wrap {
    text-align: center;
    width: 60%;
    margin: 0 auto 2rem auto;
}

.essential_page_casestudydetails .custom_row {
    justify-content: center;
    display: flex;
}

.casestudy_breadcrump ol {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 1rem;
}

.casestudy_breadcrump ol li {
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
}

.casestudy_breadcrump ol>li+li:before {
    padding: 0 5px;
    color: #111;
    content: ">";
}

@media (max-width: 767px) {
    .case_stu_sec_img {
        padding-top: 100px !important;
    }
    .essential_page_casestudydetails #essential_sec1 {
        text-align: left;
        margin-top: 0rem;
    }
    .essential_page_casestudydetails #essential_form .form_wrap {
        width: 100%;
    }
}

/*==================== CASESTUDIES - END ================== */

/*==================== FEEDBACK - START ================== */

.essential_page_feedback #essential_sec1 {
    /* background-image: url(../oimages/essentials/feedback/feedback.png); */
}

.essential_page_feedback #essential_form .selection_wrap label {
    font-weight: 500;
    font-size: 14px;
}

.essential_page_feedback #essential_form .feedback_head {
    font-weight: 700;
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .form_column {
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .inner_container {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_feedback #essential_form {
    padding-top: 0;
    position: relative;
}

.essential_page_feedback #essential_form:before {
    /*background-color: #e6eff4;*/
    position: absolute;
    content: '';
    width: 100%;
    height: 8%;
    z-index: -1;
}

.essential_page_feedback {}

.essential_page_feedback #essential_form .feedback_inputs_wrap {
    margin: 1.6rem 0;
}

.essential_page_feedback #essential_form .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_feedback #essential_form {
        padding-bottom: 0;
    }
}

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
}

.essential_page_feedback .starrating>input {
    display: none;
}

/* Remove radio buttons */

.essential_page_feedback .starrating>label:before {
    content: "\f005";
    /* Star */
    margin: 2px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block;
}

.essential_page_feedback .starrating>label {
    color: #222222;
    /* Start color when not clicked */
}

.essential_page_feedback .starrating>input:checked~label {
    color: #ff8f00;
}

/* Set yellow color when star checked */

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
    justify-content: left;
}

.essential_page_feedback .starrating>input:hover~label {
    color: #ff8f00;
}

/* Set yellow color when star hover */

/*==================== FEEDBACK - END ================== */

/*==================== CASESTUDY - START ================== */

.essential_page_casestudyhome #essential_sec1 {
    /* background-image: url(../oimages/essentials/casestudies/casestudy-home.jpg); */
    background-position: top;
    position: relative;
}

.essential_page_casestudyhome #essential_sec1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #07102194;
    content: '';
    top: 0;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_title {
    color: #fff;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #f1f5ff;
    line-height: 1.4;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_descs {
    color: #494848;
    font-weight: 500;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 1px 5px -3px black;
    min-height: 450px;
    margin-top: 30px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_cardswrap {
    padding: 25px 30px;
}

.essential_page_casestudyhome #casestudy_cards {
    padding-top: 25px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol li {
    font-size: 15px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol {
    margin-bottom: 1rem;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump {
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .essential_page_casestudyhome #essential_sec1:before {
        left: 0;
    }
}

/*==================== CASESTUDY - END ================== */

/*==================== COMPLAINT BOARD - END ================== */

.essential_page_complaintboard #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group textarea {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 25px;
    border: 2px dashed rgb(34 33 33 / 40%);
    border-radius: 3px;
    transition: 0.2s;
    justify-content: center;
    background-color: #f7f7f7;
}

.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 0px solid rgba(255, 255, 255, 0.1);
    border-radius: 0px;
    margin-right: 10px;
    color: #3586FF;
    font-weight: 600;
}

.file-message {
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

.essential_page_complaintboard #essential_form {
    padding-top: 0;
}

.essential_page_complaintboard #essential_sec1 {
    /* background-image: url(../oimages/essentials/complaint-board/banner.jpg); */
}

/*.essential_page_complaintboard #essential_form:before {
    background-color: #e6eff4;
    position: absolute;
    content: '';
    width: 100%;
    height: 10%;
    z-index: -1;
}*/

@media (max-width: 767px) {
    .essential_page_complaintboard #essential_form .essential_content_wrap {
        padding: 20px;
    }
    .essential_page_complaintboard #essential_form {
        padding-bottom: 20px;
    }
}

@media (max-width:991px) {
    #nftmarki_what:before {
        background: none;
        background-color: #f2f4f8;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
        width: 100%;
    }
}

/*binance new style start*/

.binance_main .banner_sec {
    padding: 0px;
    /* background: url('public/images/inner-pages/binance_new/banner.png'); */
    height: 100vh;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.binance_main .banner_sec:after {
    content: 'Binance clone script';
    font-size: 75px;
    font-weight: 800;
    color: #ffffff00;
    text-transform: uppercase;
    position: absolute;
    top: 15%;
    left: 0px;
    right: 0px;
    -webkit-text-stroke: 1px #ffffff14;
    transform: translate(17%, 50%);
    letter-spacing: 3px;
}

.binance_main .row_justify {
    display: flex;
    justify-content: center;
}

.binance_main .row_align {
    display: flex;
    align-items: center;
}

.binance_main .banner_sec .title {
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.binance_main .banner_sec .contents {
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 30px;
}

.binance_main .clone_sec {
    padding: 50px 0px;
}

.binance_main .clone_sec .title {
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.binance_main .clone_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .clone_bg {
    position: relative;
}

.binance_main .clone_bg:after {
    content: "";
    /* background: url('public/images/inner-pages/binance_new/clone-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec {
    padding: 50px 0px;
    background: #F1EBEB;
    position: relative;
}

.binance_main .whitelabel_sec:after {
    content: "";
    /* background: url('public/images/inner-pages/binance_new/whitelabel-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .whitelabel_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .whitelabel_sec .white_index {
    z-index: 1;
    position: relative;
}

.binance_main .features_sec {
    padding: 50px 0px;
}

.binance_main .features_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.binance_main .features_sec .features_list {
    padding: 10px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-height: 335px;
    transition: 0.5s;
}

.binance_main .features_sec .features_list:hover {
    transform: scale(1.1);
    background: #e4970021;
}

.binance_main .features_sec .features_list .sub_title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.binance_main .features_sec .features_list .sub_content {
    font-size: 17px;
    line-height: 1.8;
}

.binance_main .features_sec .features_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .security_sec {
    background: linear-gradient(180deg, rgba(67, 66, 66, 0.26) 0%, rgba(241, 235, 235, 0) 100%);
    padding: 50px 0px;
}

.binance_main .security_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.binance_main .security_sec .security_list {
    padding: 10px;
    margin-top: 10px;
    min-height: 260px;
}

.binance_main .security_sec .security_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.binance_main .security_sec .security_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .security_sec .row_after_line {
    position: relative;
}

.binance_main .security_sec .row_after_line:after {
    content: "";
    top: 25px;
    width: 1px;
    height: 750px;
    background-color: #00000059;
    position: absolute;
    left: 33%;
}

.binance_main .security_sec .border_bottom {
    border-bottom: 1px solid #00000059;
}

.binance_main .app_sec {
    padding: 50px 0px;
    border-top: 1px solid #ccc;
}

.binance_main .app_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .app_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .benefits_sec {
    padding: 50px 0px;
    background: linear-gradient(90deg, #FEF3A7 -38.65%, #FFFFFF 48.12%, #FEF3A8 136.72%);
}

.binance_main .benefits_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .benefits_sec .benefits_list {
    padding: 10px;
    margin-top: 30px;
    background: linear-gradient(179.97deg, #FEF29F 0.02%, rgba(255, 255, 255, 0) 86.75%);
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 3px rgba(102, 80, 1, 0.24);
    border-radius: 10px;
    min-height: 300px;
    transition: 0.5s;
}

.binance_main .benefits_sec .benefits_list:hover {
    transform: scale(1.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_img {
    background: #FFC700;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_icons {
    filter: brightness(0);
}

.binance_main .benefits_sec .benefits_list .sub_title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.binance_main .benefits_sec .benefits_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .benefits_sec .benefits_img {
    background: #000000;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.binance_main .benefits_sec .benefits_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .crypto_sec {
    padding: 50px 0px;
}

.binance_main .crypto_sec .title {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .crypto_sec .crypto_list {
    padding: 10px;
}

.binance_main .crypto_sec .crypto_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.binance_main .crypto_sec .crypto_list .sub_content {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 0px;
}

.binance_main .crypto_sec .crypto_list .counter {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFC700;
    font-size: 30px;
    color: #fff;
}

.binance_main .tech_sec {
    padding: 50px 0px;
    background: #000000;
}

.binance_main .tech_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

.binance_main .tech_sec .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.binance_main .unique_sec {
    padding: 50px 0px;
}

.binance_main .unique_sec .title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.binance_main .unique_sec .contents {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .unique_sec ul li {
    list-style: none;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    position: relative;
}

.binance_main .unique_sec ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -25px;
    color: #deaf06;
    font-size: 20px;
}

.binance_main .banner_btn {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    background: #e6ca00;
    border-radius: 0px;
    color: #000 !important;
    padding: 10px 30px;
    -webkit-clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    position: relative;
    border: 1px solid #fff;
}

.binance_main .banner_btn:after {
    border-top-style: solid;
    top: 0px;
    left: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_one 3s alternate infinite;
}

.binance_main .banner_btn:before {
    border-bottom-style: solid;
    bottom: 0px;
    right: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_two 3s alternate infinite;
}

@keyframes binance_border_two {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-155px);
    }
}

@keyframes binance_border_one {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(155px);
    }
}

.binance-whatsapp {
    background: #006e29;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

.binance-telegram {
    background: #4eaff0;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px
}

@media(max-width: 991px) {
    .binance_main .banner_sec {
        background: #181818;
        height: auto;
        height: initial;
        padding: 100px 0px;
        text-align: center;
    }
    .binance_main .clone_bg:after,
    .binance_main .whitelabel_sec:after,
    .binance_main .security_sec .row_after_line:after,
    .binance_main .banner_sec:after {
        display: none;
    }
    .binance_main .clone_bg,
    .binance_main .whitelabel_sec,
    .binance_main .app_sec {
        text-align: center;
    }
    .binance_main .security_sec .border_bottom {
        border-bottom: none;
    }
    .binance_main .unique_sec .contents {
        text-align: justify;
    }
    .binance_main .unique_sec .title {
        text-align: center;
    }
}

@media(max-width: 765px) {
    .binance_main .banner_sec .title {
        font-size: 40px;
    }
    .binance_main .clone_sec .title,
    .binance_main .whitelabel_sec .title,
    .binance_main .features_sec .title,
    .binance_main .security_sec .title,
    .binance_main .app_sec .title,
    .binance_main .benefits_sec .title,
    .binance_main .crypto_sec .title,
    .binance_main .tech_sec .title,
    .binance_main .unique_sec .title {
        font-size: 30px;
    }
    .binance_main .features_sec .features_list,
    .binance_main .security_sec .security_list,
    .binance_main .benefits_sec .benefits_list {
        min-height: 0;
        min-height: initial;
    }
}

/*binance new style end*/

/*========Move to Earn game development company START=======*/

@media(min-width: 991px) {
    #m2e_game_main .m2e_game_dev_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/banner.png'); */
    }
}

#m2e_game_main .m2e_game_dev_banner .title {
    color: #000;
    font-weight: 900;
    font-size: 45px;
    line-height: 55px;
}

#m2e_game_main .m2e_game_dev_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn_sec {
    margin-top: 30px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #0789cd;
        box-shadow: 0 0 3px #0789cd;
    }
    50% {
        background-color: #6e40c6;
        box-shadow: 0 0 40px #6e40c6;
    }
    100% {
        background-color: #1287d1;
        box-shadow: 0 0 3px #7e48e4;
    }
}

#m2e_game_main .m2e_game_dev_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_sec .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_comp_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_comp_sec .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_comp_sec .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_features {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_features .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .features_box {
    padding: 20px;
    margin-top: 30px;
    border-radius: 2px 20px 2px 20px !important;
    background: linear-gradient(45deg, #66b8e37d, #a688df66);
    min-height: 320px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .sub_contents {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#m2e_game_main .m2e_game_dev_features .sprite_icons {
    width: 58px;
    height: 58px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#m2e_game_main .m2e_game_dev_platform {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_platform .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_platform .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #a7bee6;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_platform .osc_row_align {
    display: flex;
    align-items: center;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
    margin-left: 60px;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical {
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #0f8bcc;
    position: absolute;
    left: 50%;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #a7bee6;
    transform: translate(-50%, 50%);
    color: #fff;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_why .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why .industries_box {
    display: inline-block;
    border: 1px solid #afafaf;
    transition: .3s ease-out;
    position: relative;
    overflow: hidden;
    padding: 20px;
    min-height: 365px;
    margin-top: 20px;
}

#m2e_game_main .m2e_game_dev_why .industries_box:before {
    z-index: 2;
    background: #0789cd33;
    left: inherit;
    bottom: inherit;
    right: -18px;
    width: 37px;
    top: -18px;
    height: 37px !important;
    transform: rotate(45deg);
    content: '';
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#m2e_game_main .m2e_game_dev_why .industries_box .right_choice_tile {
    opacity: 0;
    padding: 0.3125rem 0;
    visibility: hidden;
    background-color: #0789cd;
    display: block;
    transition: width .6s ease-out;
    width: 0;
    padding: 1px 0;
    margin: 10px 0;
    transition: .6s ease-out;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover {
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover:before {
    background: #0789cd;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .right_choice_tile {
    display: block;
    opacity: 1;
    visibility: visible;
    width: 7rem;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_title {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_contents {
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_mobapp {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_mobapp .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_mobapp .contents {
    font-size: 16px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box {
    padding: 20px;
    margin-top: 30px;
    min-height: 410px;
    background: #fff;
    border-radius: 8px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover .sub_title {
    color: #5749dc;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_title {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    min-height: 325px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn_sec {
    margin-top: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn {
    padding: 10px 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    font-size: 12px;
}

#m2e_game_main .m2e_game_dev_why_choose {
    padding-top: 50px;
    padding-bottom: 50px;
}

#m2e_game_main .m2e_game_dev_why_choose .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why_choose .contents {
    font-size: 16px;
    text-align: justify;
}

#m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789CD 25.11%, #9C68FF 68.78%);
    border-radius: 15px;
    border: none;
    margin-top: 10px;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
    padding: 20px;
    border: 1px dashed #0789cd;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    min-height: 118px;
    display: flex;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list i {
    color: #0789cd;
    font-size: 20px;
    padding-top: 3px;
    padding-right: 8px;
}

@media(min-width: 991px) {
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img1 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img1.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img2 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img2.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img3 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img3.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img4 {
        /* /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img4.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
}

@media(max-width: 992px) and (min-width: 766px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center !important;
        height: 600px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .nft_marketplace_whitelabel {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .nft_marketplace_whitelabel .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
}

@media(max-width: 767px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_comp_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .m2e_game_dev_platform,
    #m2e_game_main .m2e_game_dev_why,
    #m2e_game_main .m2e_game_dev_mobapp,
    #m2e_game_main .m2e_game_dev_why_choose {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_comp_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .m2e_game_dev_platform .title,
    #m2e_game_main .m2e_game_dev_why .title,
    #m2e_game_main .m2e_game_dev_mobapp .title,
    #m2e_game_main .m2e_game_dev_why_choose .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box,
    #m2e_game_main .m2e_game_dev_why .industries_box,
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box,
    #m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
        min-height: 0px;
        margin-top: 10px;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
        min-height: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_right,
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
        margin-left: 0px;
        margin-right: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
        top: 20px;
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
        margin-left: 60px;
    }
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn_sec,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn,
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*======Move to Earn game development company END======*/

/*========Blockchain Crowdfunding Development Company START=======*/

.blockchain_crowd_main .bc_row_flex {
    display: flex;
    justify-content: center;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .banner_sec {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/blo-crowdfunding/banner.png'); */
    }
}

.blockchain_crowd_main .banner_sec .title {
    font-size: 40px;
    color: #361baa;
    font-weight: 800;
    line-height: 50px;
}

.blockchain_crowd_main .banner_sec .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

.blockchain_crowd_main .banner_sec .banner_btn_sec {
    margin-top: 30px;
}

.blockchain_crowd_main .banner_sec .banner_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #701abb;
        box-shadow: 0 0 0px #701abb;
    }
    50% {
        background-color: #701abb;
        box-shadow: 0 0 10px #701abb;
    }
    100% {
        background-color: #701abb;
        box-shadow: 0 0 0px #7e48e4;
    }
}

.blockchain_crowd_main .platform_dev {
    padding: 50px 0px;
}

@media(min-width: 991px) {
    .blockchain_crowd_main .platform_dev_bg {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        padding: 50px 65px 50px 90px;
        border-radius: 30px;
        display: flex;
        /* background: url('public/images/inner-pages/blo-crowdfunding/sec-2-img1.png'); */
    }
}

.blockchain_crowd_main .platform_dev .title {
    font-size: 35px;
    font-weight: 800;
    text-align: left;
    color: #000;
}

.blockchain_crowd_main .platform_dev .contents {
    color: #000;
    line-height: 1.8;
    text-align: left;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    color: #fff !important;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

.blockchain_crowd_main .how_does {
    padding: 50px 0px;
}

.blockchain_crowd_main .how_does .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .how_does .contents {
    line-height: 1.8;
    text-align: center;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .how_does_list {
    background: #3f89ec;
    padding: 15px;
    margin-top: 30px;
    border-radius: 10px;
    min-height: 325px;
}

.blockchain_crowd_main .how_does_list .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .how_does_list .sub_title {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
}

.blockchain_crowd_main .how_does_list .sub_content {
    color: #fff;
    margin-bottom: 0px;
    line-height: 1.8;
}

.blockchain_crowd_main .features_sec {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .features_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    color: #000;
}

.blockchain_crowd_main .features_list {
    padding: 10px;
    margin-top: 20px;
    min-height: 160px;
    border: 1px dashed #3f89ec;
    text-align: center;
    border-radius: 5px;
}

.blockchain_crowd_main .features_list:hover {
    box-shadow: 0px 0px 7px 0px #c3c7da;
    transform: scale(1.08);
    border: none;
}

.blockchain_crowd_main .features_list:hover .sub_title {
    color: #3f89ec;
}

.blockchain_crowd_main .features_list .sub_title {
    color: #000;
    font-size: 21px;
    font-weight: 700;
}

.blockchain_crowd_main .features_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_sec {
    padding: 50px 0px;
}

.blockchain_crowd_main .advantage_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .advantage_list {
    background: #3f89ec;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.blockchain_crowd_main .advantage_list .sub_title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.blockchain_crowd_main .advantage_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_list_top {
    margin-top: 60px;
}

.blockchain_crowd_main .advantage_sec .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blockchain {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .create_blockchain .title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .create_blockchain_list {
    padding: 5px;
    text-align: center;
    margin-top: 30px;
}

.blockchain_crowd_main .create_blockchain_list:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #a96ef396;
    border-radius: 10px;
}

.blockchain_crowd_main .create_blockchain .create_blockchain_list:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

.blockchain_crowd_main .create_blockchain_list .sub_title {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
}

.blockchain_crowd_main .create_blockchain_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 10px;
}

.blockchain_crowd_main .create_blockchain .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blck_desig {
    width: 75px;
    height: 75px;
    background: linear-gradient(39.01deg, #4485EF -27.39%, #5277F7 17.7%, #5B76F7 23.67%, #7374F6 33.36%, #9A70F4 45.49%, #BB6DF3 54.4%);
    border-radius: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_crowd_main .create_after {
    position: relative;
}

/*.blockchain_crowd_main .create_after:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    top: 50px;
    left: 0px;
  }*/

.blockchain_crowd_main .blockchain_solutions {
    padding: 50px 0px;
}

.blockchain_crowd_main .blockchain_solutions .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list {
    padding: 15px;
    background: #3f89ec;
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    min-height: 230px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.blockchain_crowd_main .why_MetaBlock {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .why_MetaBlock .title {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .contents {
    color: #000;
    text-align: center;
    font-size: 17px;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 0px;
}

.blockchain_crowd_main .why_MetaBlock .why_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .why_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@media(max-width: 992px) and (min-width: 766px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

@media(max-width: 767px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 25px;
        text-align: center;
        line-height: 35px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .platform_dev .contents {
        text-align: center;
    }
    .blockchain_crowd_main .advantage_list_top {
        margin-top: 20px;
    }
    .blockchain_crowd_main .how_does_list,
    .blockchain_crowd_main .features_list,
    .blockchain_crowd_main .blockchain_solutions .solutions_list {
        min-height: 0px;
        margin-top: 10px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*========Blockchain Crowdfunding Development Company END=======*/

/*========Smart Contract MLM software development START=======*/

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/smart-contract-mlm-software/banner.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_banner .title {
    font-weight: 800;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    margin-top: 50px;
    text-transform: uppercase;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .cus_title {
    color: #54FFFF;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .contents {
    color: #fff;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn_sec {
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #00063E;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00FFFF;
    color: #fff;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgba(0, 255, 255, 0.2);
    width: 215px;
    height: 58px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
    padding: 10px 15px;
    text-transform: uppercase;
    border: 2px solid #00FFFF;
    border-radius: 0px 15px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    margin-left: 35px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1:hover {
    background: #00FFFF;
    border: none;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
    position: absolute;
    content: '';
    top: -9px;
    left: -10px;
    background: rgba(0, 255, 255, 0.2);
    width: 205px;
    height: 60px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec {
    margin-top: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 15px;
    background: #4DD30D;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_services {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
    padding: 20px;
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_title {
    font-weight: 700;
    font-size: 20px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features {
    padding: 70px 0px;
    background: rgba(0, 49, 179, 0.12);
}

#smart_contract_mlm_main .smart_contract_mlm_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_features .features_box {
    padding: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 0px 25px;
    text-align: center;
    min-height: 240px;
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box1:hover {
    border: 3px solid #B500D2;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box2:hover {
    border: 3px solid #00FFA3;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box3:hover {
    border: 3px solid #8F00FF;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box4:hover {
    border: 3px solid #FF7A00;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box5:hover {
    border: 3px solid #FF00E5;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box6:hover {
    border: 3px solid #D20000;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
    padding: 20px;
    margin-top: 30px;
    background: linear-gradient(180deg, rgba(224, 230, 245, 0) 0%, #E0E6F5 100%);
    border-radius: 15px;
    min-height: 270px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box:hover {
    background: linear-gradient(180deg, #E0E6F5 0%, rgba(224, 230, 245, 0) 86.98%);
    border: 1px solid #00095E;
    border-radius: 15px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title_sec {
    display: flex;
    align-items: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095E;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 10px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sprite_icons {
    width: 46px;
    height: 46px;
    object-fit: none;
}

@media(min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background-size: cover;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('public/images/inner-pages/smart-contract-mlm-software/why_bg.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095E;
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_why .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list {
    display: flex;
    padding: 10px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list img {
    width: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 8px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00063E;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00063E;
    color: #00063E;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -8px;
    background: rgb(0 9 94 / 18%);
    width: 270px;
    height: 58px;
    border-radius: 0px 20px;
}

@media(max-width: 992px) and (min-width: 766px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 450px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media(max-width: 767px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits#smart_contract_mlm_main .smart_contract_mlm_why {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title,
    #smart_contract_mlm_main .smart_contract_mlm_why .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_features .features_box,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn,
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn,
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
        padding: 10px 35px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
        top: -6px;
        left: -6px;
        width: 255px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 50px 0px;
    }
}

@media(max-width: 424px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Smart Contract MLM software development END======*/

/*========Metamask Wallet Clone Script START=======*/

#metamask_clone_main .cus_row {
    justify-content: center;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/metamask-clone/banner.webp'); */
    }
}

#metamask_clone_main .metamask_clone_banner .title {
    font-weight: 800;
    font-size: 35px;
    line-height: 55px;
    color: #000;
    margin-top: 50px;
    text-transform: uppercase;
}

#metamask_clone_main .metamask_clone_banner .cus_title {
    color: #000;
    font-size: 55px;
    font-weight: 900 !important;
}

#metamask_clone_main .metamask_clone_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn_sec {
    margin-top: 30px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542CF -0.41%, #D6518B 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
    padding: 10px 20px;
    border: 2px solid #d6518b;
    border-radius: 35px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec {
    padding-top: 70px;
    padding-bottom: 180px;
    background: #F0F0FC;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_sec:after {
        position: absolute;
        content: '';
        top: 5%;
        right: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_sec .title {
    font-weight: 800;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn_sec {
    margin-top: 10px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
    text-transform: uppercase;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 13px;
    background: #4DD30D;
    border-radius: 35px;
    color: #fff !important;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
    text-transform: uppercase;
    padding: 8px 35px;
    font-weight: 600;
    font-size: 13px;
    background: #00aff0;
    border-radius: 35px;
    color: #fff !important;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_bg {
    background: linear-gradient(180deg, #3B1479 0%, #AF54DB 100%);
}

#metamask_clone_main .metamask_clone_card_sec {
    padding: 0px;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_card_sec #metamask_clone_card {
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('public/images/inner-pages/metamask-clone/metamask-card.webp'); */
        border-radius: 35px;
        padding: 30px;
        margin-top: -120px;
    }
}

#metamask_clone_main .metamask_clone_card_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: capitalize;
    margin-top: 0px;
}

#metamask_clone_main .metamask_clone_card_sec .contents {
    text-align: justify;
    font-size: 16px;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_features {
    padding-top: 70px;
    padding-bottom: 100px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features:after {
        position: absolute;
        content: '';
        top: 12%;
        left: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .contents {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_features .features_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_features .feat_cus_row {
    margin-left: -85px;
    margin-right: -85px;
    justify-content: center;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .feat_cus_row:before {
        position: absolute;
        content: '';
        top: -15%;
        left: 12%;
        height: 400px;
        width: 100%;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/map.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .features_box {
    padding: 30px 15px;
    background: #fff;
    border-radius: 15px;
    min-height: 380px;
    margin-right: 10px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .features_box_eve {
    padding: 30px 15px;
    margin-top: 100px;
    background: #fff;
    border-radius: 15px;
    min-height: 355px;
    margin-right: 10px;
    position: relative;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box_eve:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .sub_title {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_features .sub_contents {
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#metamask_clone_main .metamask_clone_features .sprite_icons {
    width: 54px;
    height: 54px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_benefits {
    padding: 50px 0px;
}

#metamask_clone_main .metamask_clone_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_benefits .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box {
    padding: 15px;
    margin-top: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box1 {
    background: #E8DBF6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box2 {
    background: #F6F0DB;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box3 {
    background: #DFF6DB;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box4 {
    background: #DBF4F6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box5 {
    background: #F5DBF6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box6 {
    background: #DBE9F6;
}

#metamask_clone_main .metamask_clone_benefits .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_crypto {
    padding: 50px 0px;
    background: #F0F0FC;
}

#metamask_clone_main .metamask_clone_crypto .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_crypto .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_box {
    padding: 20px 12px;
    background: #FFFFFF;
    border-radius: 15px;
    text-align: center;
    margin-right: 20px;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_crypto .sub_title {
    font-weight: 600;
    font-size: 17px;
    color: #000;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_crypto .sprite_icons {
    height: 78px;
    width: 82px;
    object-fit: none;
}

@media(min-width: 991px) {
    #metamask_clone_main .metamask_clone_types {
        padding-top: 30px;
        background-repeat: no-repeat !important;
        background-position: center;
        /* background: url('public/images/inner-pages/metamask-clone/types-bg.svg'); */
    }
}

#metamask_clone_main .metamask_clone_types .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .contents {
    text-align: justify;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_types .types_box {
    padding: 15px;
    margin-top: -40px;
    background: linear-gradient(180deg, #F0F0FC 0%, #FFD8FD 100%);
    box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    min-height: 395px;
    text-align: center;
    position: relative;
    z-index: 1;
}

#metamask_clone_main .metamask_clone_types .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .sub_contents {
    font-size: 16px;
    padding-top: 8px;
    color: #000;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_types .sprite_icons {
    width: 60px;
    height: 70px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_techstack {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -220px;
}

#metamask_clone_main .metamask_clone_techstack .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_techstack .contents {
    text-align: justify;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_techstack .metamask_tech_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542CF -0.41%, #D6518B 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why {
    padding: 50px 0px;
    background: #F0F0FC;
}

#metamask_clone_main .metamask_clone_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_why .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_why .why_box {
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_why .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why .sprite_icons {
    width: 90px;
    height: 90px;
    object-fit: none;
}

@media(max-width: 992px) and (min-width: 766px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .smart_contract_mlm_benefits {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_sec .smart_contract_mlm_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_card_sec .service_box_row {
        margin-top: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #metamask_clone_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media(max-width: 767px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 25px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .cus_title {
        font-size: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .metamask_clone_benefits,
    #metamask_clone_main .metamask_clone_crypto,
    #metamask_clone_main .metamask_clone_types,
    #metamask_clone_main .metamask_clone_why {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
        padding: 8px 25px;
        font-size: 12px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
        padding: 8px 8px;
        font-size: 12px;
        border-radius: 35px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .metamask_clone_benefits .title,
    #metamask_clone_main .metamask_clone_crypto .title,
    #metamask_clone_main .metamask_clone_types .title,
    #metamask_clone_main .metamask_clone_why .title,
    #metamask_clone_main .metamask_clone_techstack .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main #metamask_clone_card {
        background: linear-gradient(101.83deg, #B7B7E2 10.6%, #F5DDF7 43.45%, #FFCCE3 77.7%);
        border-radius: 35px;
        margin: 0px 10px;
        padding: 20px 15px;
    }
    #metamask_clone_main .metamask_clone_features .feat_cus_row {
        margin-left: 0px;
        margin-right: 0px;
    }
    #metamask_clone_main .metamask_clone_features .features_box_eve {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_sec .metamask_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents,
    #metamask_clone_main .metamask_clone_types .contents,
    #metamask_clone_main .metamask_clone_techstack .contents,
    .metamask_tech_btn_sec {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_crypto .crypto_box {
        margin: 20px;
    }
    #metamask_clone_main .metamask_clone_features .features_box,
    #metamask_clone_main .smart_contract_mlm_benefits .benefits_box,
    #metamask_clone_main .metamask_clone_benefits .benefits_box,
    #metamask_clone_main .metamask_clone_types .types_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
        padding: 10px 15px;
        font-size: 13px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
        padding: 9px 10px;
        font-size: 13px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_types {
        background: linear-gradient(180deg, #3B1479 0%, #AF54DB 106.72%);
    }
    #metamask_clone_main .metamask_clone_techstack {
        margin-top: 0px;
        padding: 50px 0px;
    }
}

@media(max-width: 424px) {
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Metamask Wallet Clone Script END======*/

#token_dev_main {
    background: #090909;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_banner {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/banner.webp?v1');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

#token_dev_main .token_dev_banner .bnr_img_sec {
    margin-top: 18%;
}

@media (max-width: 1400px) {
    #token_dev_main .token_dev_banner .banner_anim_img {
        top: 6.5%;
    }
}

@media (max-width: 1366px) {
    #token_dev_main .token_dev_banner .banner_anim_img {
        top: 8%;
    }
}

#token_dev_main .token_dev_banner .banner_cont_sec {
    padding-left: 10%;
}

#token_dev_main .token_dev_banner .title {
    font-weight: 700;
    font-size: 35px !important;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
    color: #fff;
}

#token_dev_main .token_dev_banner .bnr_bld_title {
    font-weight: 900;
    letter-spacing: 3px;
    color: #A06EFF;
    font-size: 65px !important;
}

#token_dev_main .token_dev_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    padding-top: 10px;
}

#token_dev_main .token_dev_banner .banner_btn_sec {
    margin-top: 30px;
    position: relative;
}

#token_dev_main .token_dev_banner .banner_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_banner .banner_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_banner .banner_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_banner .banner_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_banner .banner_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_banner .banner_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@keyframes gradient_color_border {
    to {
        transform: translateX(-50%)
    }
}

@keyframes zoom-in-zoom-out-btn {
    0% {
        transform: scale(0.9, 0.9);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0.9, 0.9);
    }
}

#token_dev_main .token_dev_banner .banner_anim_img {
    position: absolute;
    top: 5%;
    left: 3.8%;
    animation: bounce2 3s infinite ease-in-out;
}

@keyframes bounce2 {
    0% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(-5px);
    }
    ;
}

#token_dev_main .token_dev_banner .banner_btn_sec svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    right: -28%;
    z-index: 0;
    stroke-width: 3;
}

#token_dev_main .token_dev_banner .banner_btn_sec svg text {
    text-transform: uppercase;
    animation: stroke 5s infinite alternate;
    stroke-width: 3;
    stroke: #a06eff;
    font-size: 280px;
    letter-spacing: 12px;
    opacity: 0.45;
}

@keyframes stroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 3;
    }
    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
    }
    80% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-width: 4;
    }
    100% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 1;
    }
}

#token_dev_main .token_dev_crypto_sec {
    padding: 50px 0px;
}

#token_dev_main .token_dev_crypto_sec .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_crypto_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
    border-radius: 6px;
    border: 1px solid #52FF00;
    background: rgba(82, 255, 0, 0.15);
    margin-right: 10px;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.mobile {
    display: none;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #00F0FF;
    background: rgba(0, 240, 255, 0.15);
    color: #fff !important;
}

#token_dev_main .token_dev_services {
    padding: 50px 0px;
}

#token_dev_main .token_dev_services .back_color {
    border-radius: 26px;
    background: #000;
    padding: 40px 20px;
}

#token_dev_main .token_dev_services .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_services .cus_col {
    position: relative;
}

#token_dev_main .token_dev_services .cus_col:after {
    position: absolute;
    content: '';
    top: 32%;
    right: 0px;
    height: 60%;
    width: 2px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #A06EFF 48.75%, rgba(0, 0, 0, 0.00) 100%);
}

#token_dev_main .token_dev_services .service_box {
    padding: 15px;
    text-align: center;
    margin-top: 20px;
}

#token_dev_main .token_dev_services .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#token_dev_main .token_dev_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_services .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#token_dev_main .token_dev_models {
    padding: 50px 0px;
    position: relative;
}

#token_dev_main .token_dev_models .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_models .model_box {
    padding: 15px;
    border-radius: 7px;
    background: #000;
    margin-top: 50px;
    text-align: center;
    min-height: 232px;
}

#token_dev_main .token_dev_models .model_box:hover {
    border: none;
    box-shadow: inset 0px 0px 15px 0px #a87cff75;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#token_dev_main .token_dev_models .sub_title {
    background: linear-gradient(139deg, #A170FF 0%, #BFA2FF 100%);
    color: #090909;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    padding: 5px 20px;
    margin-top: -10%;
}

#token_dev_main .token_dev_models .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_idea_cardsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/token-dev-ideacard.webp?v7');
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        min-height: 477px;
        padding: 60px;
        border-radius: 20px;
    }
}

#token_dev_main .token_dev_idea_cardsec .title {
    font-size: 45px;
    color: #965EFF;
    font-weight: 900;
    line-height: 1.6;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_idea_cardsec .sub_title {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

#token_dev_main .token_dev_techstack {
    padding: 50px 0px;
}

#token_dev_main .token_dev_techstack .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_techstack .contents {
    font-size: 20px;
    font-weight: 500;
}

#token_dev_main .token_dev_features {
    padding: 50px 0px;
}

#token_dev_main .token_dev_features .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_features #feature_bg_color {
    padding: 30px;
    border-radius: 39px;
    background: rgba(160, 110, 255, 0.08);
    box-shadow: 0px 0px 12px 0px #A06EFF inset;
    margin-top: 20px;
}

#token_dev_main .token_dev_features .feature_box {
    border-radius: 6px;
    background: #000;
    box-shadow: 0px 0px 21px 0px rgba(160, 110, 255, 0.58) inset;
    padding: 20px;
    margin: 15px 0px;
    min-height: 248px;
}

#token_dev_main .token_dev_features .head_sec {
    display: flex;
    align-items: center;
}

#token_dev_main .token_dev_features .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#token_dev_main .token_dev_features .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#token_dev_main .token_dev_benefits {
    padding: 50px 0px;
}

#token_dev_main .token_dev_benefits .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_benefits .benefits_list_sec {
    max-height: 400px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#token_dev_main .token_dev_benefits .benefits_list_sec {
    scrollbar-width: thin;
    scrollbar-color: #00F0FF transparent;
    overflow-x: auto;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 6px;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #1e1e1e;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    height: 100px;
}

@-moz-document url-prefix() {
    #token_dev_main .token_dev_benefits .benefits_list_sec {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-y: auto;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::scrollbar {
        width: 5px;
        height: 5px;
        border-radius: 6px;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-track {
        border-radius: 6px;
        background: #1e1e1e;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-thumb {
        border-radius: 30px;
        background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
        height: 100px;
    }
}

/** Scrollbar Styles END **/

#token_dev_main .token_dev_benefits .benefits_list {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding: 0px 20px;
}

#token_dev_main .token_dev_benefits .benefits_list img {
    padding-top: 5px;
}

#token_dev_main .token_dev_benefits .contents_sec {
    padding-left: 20px;
}

#token_dev_main .token_dev_benefits .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_benefits .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_join_cardsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/token-dev-joincard.webp');
        background-repeat: no-repeat;
        display: flex;
        min-height: 542px;
        padding: 30px;
    }
}

#token_dev_main .token_dev_join_cardsec .title {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

#token_dev_main .token_dev_process {
    padding: 50px 0px;
    position: relative;
}

#token_dev_main .token_dev_process .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_process .process_box {
    padding: 0px 20px 20px 20px;
    border-radius: 8px;
    background: #000;
    box-shadow: 0px 0px 12px 0px rgba(160, 110, 255, 0.79) inset;
    margin-top: 40px;
    min-height: 280px;
}

#token_dev_main .token_dev_process .process_box:hover {
    border: none;
    box-shadow: inset 0px 0px 15px 0px #a87cff75;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#token_dev_main .token_dev_process .head_sec {
    display: flex;
    align-items: center;
}

#token_dev_main .token_dev_process .num_sec {
    border-radius: 0px 0px 5px 5px;
    background: linear-gradient(180deg, #B4B0FF 0%, #A06EFF 100%);
    font-size: 25px;
    color: #000;
    font-weight: 600;
    padding: 15px 3px 3px 3px;
}

#token_dev_main .token_dev_process .sub_title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#token_dev_main .token_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_process .cus_numsec {
    margin-top: -6%;
}

#token_dev_main .token_dev_process .cus_subtitle {
    margin-top: 15px;
}

#token_dev_main .token_dev_platforms {
    padding: 50px 0px;
}

#token_dev_main .token_dev_platforms .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_platforms .platform_list {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#token_dev_main .token_dev_platforms .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#token_dev_main .token_dev_platforms .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#token_dev_main .token_dev_sectors {
    padding: 50px 0px;
}

#token_dev_main .token_dev_sectors .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_sectors .contents {
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
}

#token_dev_main .token_dev_sectors .sector_box {
    padding: 15px;
    border-radius: 8px;
    background: #000;
    box-shadow: 5px 4px 0px 0px #A06EFF;
    margin-top: 50px;
    text-align: center;
    min-height: 195px;
}

#token_dev_main .token_dev_sectors .sector_box:hover {
    box-shadow: -5px 4px 0px 0px #A06EFF;
}

#token_dev_main .token_dev_sectors .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#token_dev_main .token_dev_sectors .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_sectors .sprite_icons {
    width: 65px;
    height: 65px;
    object-fit: none;
    margin-top: -15%;
}

#token_dev_main .token_dev_whymetablock {
    padding: 50px 0px;
}

#token_dev_main .token_dev_whymetablock .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_whymetablock .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@media(max-width: 991px) {
    #token_dev_main .token_dev_banner {
        display: flex;
        align-items: center;
        padding-top: 110px;
        text-align: center;
    }
    #token_dev_main .token_dev_banner .img-responsive {
        width: 100%;
    }
    #token_dev_main .token_dev_banner .banner_anim_img {
        width: 85%;
        left: 3%;
    }
    #token_dev_main .token_dev_banner .banner_cont_sec {
        padding-left: 0;
    }
    #token_dev_main .token_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    #token_dev_main .token_dev_crypto_sec,
    #token_dev_main .token_dev_whymetablock,
    #token_dev_main .token_dev_benefits .benefits_img_mblsec {
        text-align: center;
    }
    #token_dev_main .token_dev_crypto_sec img,
    #token_dev_main .token_dev_benefits .benefits_img_mbl,
    #token_dev_main .token_dev_whymetablock img {
        margin-top: 40px;
    }
    #token_dev_main .token_dev_services .cus_col:after {
        display: none;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn_sec {
        justify-content: center;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.desktop {
        display: none;
    }
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card,
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        padding: 30px;
        border-radius: 28px;
        background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.73) 53.65%, rgba(0, 0, 0, 0.44) 100%);
        text-align: center;
        margin: 0px 10px;
    }
    #token_dev_main .token_dev_process .cus_numsec,
    #token_dev_main .token_dev_process .cus_subtitle {
        margin-top: 0;
    }
    #token_dev_main .token_dev_process .sub_title {
        margin-top: 10px;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec {
        display: inherit;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
        width: 100% !important;
    }
}

@media(max-width: 767px) {
    #token_dev_main .token_dev_banner {
        display: flex;
        align-items: center;
    }
    #token_dev_main .token_dev_banner .bnr_img_sec {
        margin-top: 23%;
    }
    #token_dev_main .token_dev_banner .bnr_bld_title {
        font-size: 35px !important;
    }
    #token_dev_main .token_dev_banner .title,
    #token_dev_main .token_dev_idea_cardsec .title {
        font-size: 26px !important;
        line-height: 1.4;
    }
    #token_dev_main .token_dev_banner .banner_btn span,
    #token_dev_main .token_dev_idea_cardsec .token_dev_btn span,
    #token_dev_main .token_dev_whymetablock .token_dev_btn span,
    #token_dev_main .token_dev_join_cardsec .token_dev_btn span {
        font-size: 14px !important;
        padding: 10px 10px;
    }
    #token_dev_main .token_dev_crypto_sec .title,
    #token_dev_main .token_dev_services .title,
    #token_dev_main .token_dev_models .title,
    #token_dev_main .token_dev_idea_cardsec .sub_title,
    #token_dev_main .token_dev_techstack .title,
    #token_dev_main .token_dev_features .title,
    #token_dev_main .token_dev_benefits .title,
    #token_dev_main .token_dev_join_cardsec .title,
    #token_dev_main .token_dev_process .title,
    #token_dev_main .token_dev_platforms .title,
    #token_dev_main .token_dev_sectors .title,
    #token_dev_main .token_dev_whymetablock .title,
    #token_dev_main .token_dev_odd_serv .title {
        font-size: 28px !important;
        line-height: 1.5 !important;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn,
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #token_dev_main .token_dev_models .model_box,
    #token_dev_main .token_dev_features .feature_box,
    #token_dev_main .token_dev_process .process_box,
    #token_dev_main .token_dev_sectors .sector_box {
        min-height: 0px;
    }
    #token_dev_main .token_dev_services {
        padding: 50px 20px;
    }
    #token_dev_main .token_dev_services .back_color {
        padding: 30px 10px;
    }
    #token_dev_main .token_dev_services .service_box {
        margin-top: 0;
    }
    #token_dev_main .token_dev_idea_cardsec .token_dev_btn_sec,
    #token_dev_main .token_dev_join_cardsec .token_dev_btn_sec,
    #token_dev_main .token_dev_whymetablock .token_dev_btn_sec {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
}

@media(max-width: 576px) {
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card {
        padding: 20px 10px;
    }
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        padding: 20px 10px;
    }
    #token_dev_main .token_dev_banner .banner_anim_img {
        left: 5%;
        width: 83%;
    }
    #token_dev_main .token_dev_features #feature_bg_color {
        margin: 20px 0 10px;
        padding: 20px;
    }
    #token_dev_main .token_dev_idea_cardsec,
    #token_dev_main .token_dev_join_cardsec {
        padding: 10px 0px;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx {
        width: 80px !important;
        height: 80px !important;
        left: calc(50% - 50px) !important;
        top: calc(10% - 75px) !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec {
        width: 100% !important;
        text-align: center;
        padding-left: 20px !important;
        padding-top: 40px !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx img {
        max-width: 55px !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
        margin: 15px 0px !important;
    }
}

#token_dev_main .token_dev_odd_serv {
    padding: 50px 0px;
}

#token_dev_main .token_dev_odd_serv .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 20%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
    position: relative;
    min-height: 250px;
    height: 100%;
    background: #000;
    display: flex;
    width: 45%;
    margin: 30px 0;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #000;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    width: 100%;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx {
    width: 120px;
    height: 120px;
    left: -75px;
    top: calc(50% - 75px);
    transition: 0.5s ease-in-out;
    background: #a679ff;
    border-radius: 5px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-style: 6em;
    color: rgba(255, 255, 255, .05);
    font-weight: 700;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx img {
    transition: 0.5s ease-in-out;
    max-width: 100px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx img {
    max-width: 75px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 13%;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec .sub_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
    background: linear-gradient(131deg, #A06EFF 20%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#token_dev_main {
    background: #090909;
}

.different-modal-boxes-headings {
    background: linear-gradient(139deg, #A170FF 0%, #BFA2FF 100%);
    color: #000000;
    text-transform: capitalize;
    -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    padding: 5px 20px;
    margin-top: -10%;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    padding-top: 5px;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_banner {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/banner.webp?v1');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

#token_dev_main .token_dev_banner .bnr_img_sec {
    margin-top: 18%;
}

@media (max-width: 1400px) {
    #token_dev_main .token_dev_banner .banner_anim_img {
        top: 6.5%;
    }
}

@media (max-width: 1366px) {
    #token_dev_main .token_dev_banner .banner_anim_img {
        top: 8%;
    }
}

#token_dev_main .token_dev_banner .banner_cont_sec {
    padding-left: 10%;
}

#token_dev_main .token_dev_banner .title {
    font-weight: 700;
    font-size: 35px !important;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
    color: #fff;
}

#token_dev_main .token_dev_banner .bnr_bld_title {
    font-weight: 900;
    letter-spacing: 3px;
    color: #A06EFF;
    font-size: 65px !important;
}

#token_dev_main .token_dev_banner .contents {
    font-size: 16px !important;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 300;
    padding-top: 10px;
}

#token_dev_main .token_dev_banner .banner_btn_sec {
    margin-top: 30px;
    position: relative;
}

#token_dev_main .token_dev_banner .banner_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_banner .banner_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_banner .banner_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_banner .banner_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_banner .banner_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_banner .banner_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@keyframes gradient_color_border {
    to {
        transform: translateX(-50%)
    }
}

@keyframes zoom-in-zoom-out-btn {
    0% {
        transform: scale(0.9, 0.9);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0.9, 0.9);
    }
}

#token_dev_main .token_dev_banner .banner_anim_img {
    position: absolute;
    top: 5%;
    left: 3.8%;
    animation: bounce2 3s infinite ease-in-out;
}

@keyframes bounce2 {
    0% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(-5px);
    }
    ;
}

#token_dev_main .token_dev_banner .banner_btn_sec svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    right: -28%;
    z-index: 0;
    stroke-width: 3;
}

#token_dev_main .token_dev_banner .banner_btn_sec svg text {
    text-transform: uppercase;
    animation: stroke 5s infinite alternate;
    stroke-width: 3;
    stroke: #a06eff;
    font-size: 280px;
    letter-spacing: 12px;
    opacity: 0.45;
}

@keyframes stroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 3;
    }
    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
    }
    80% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-width: 4;
    }
    100% {
        fill: rgba(72, 138, 20, 0);
        stroke: #a06eff;
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 1;
    }
}

#token_dev_main .token_dev_crypto_sec {
    padding: 50px 0px;
}

#token_dev_main .token_dev_crypto_sec .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_crypto_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn_sec {
    margin-top: 30px;
    display: flex;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
    border-radius: 6px;
    border: 1px solid #52FF00;
    background: rgba(82, 255, 0, 0.15);
    margin-right: 10px;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.mobile {
    display: none;
}

#token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #00F0FF;
    background: rgba(0, 240, 255, 0.15);
    color: #fff !important;
}

#token_dev_main .token_dev_services {
    padding: 50px 0px;
}

#token_dev_main .token_dev_services .back_color {
    border-radius: 26px;
    background: #000;
    padding: 40px 20px;
}

#token_dev_main .token_dev_services .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_services .cus_col {
    position: relative;
}

#token_dev_main .token_dev_services .cus_col:after {
    position: absolute;
    content: '';
    top: 32%;
    right: 0px;
    height: 60%;
    width: 2px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #A06EFF 48.75%, rgba(0, 0, 0, 0.00) 100%);
}

#token_dev_main .token_dev_services .service_box {
    padding: 15px;
    text-align: center;
    margin-top: 20px;
}

#token_dev_main .token_dev_services .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    padding-top: 5px;
}

#token_dev_main .token_dev_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_services .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#token_dev_main .token_dev_models {
    padding: 50px 0px;
    position: relative;
}

#token_dev_main .token_dev_models .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_models .model_box {
    padding: 15px;
    border-radius: 7px;
    background: #000;
    margin-top: 50px;
    text-align: center;
    min-height: 232px;
}

#token_dev_main .token_dev_models .model_box:hover {
    border: none;
    box-shadow: inset 0px 0px 15px 0px #a87cff75;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#token_dev_main .token_dev_models .sub_title {
    background: linear-gradient(139deg, #A170FF 0%, #BFA2FF 100%);
    color: #090909;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    padding: 5px 20px;
    margin-top: -10%;
}

#token_dev_main .token_dev_models .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_idea_cardsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/token-dev-ideacard.webp?v7');
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        min-height: 477px;
        padding: 60px;
        border-radius: 20px;
    }
}

#token_dev_main .token_dev_idea_cardsec .title {
    font-size: 45px;
    color: #965EFF;
    font-weight: 900;
    line-height: 1.6;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_idea_cardsec .sub_title {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_idea_cardsec .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

#token_dev_main .token_dev_techstack {
    padding: 50px 0px;
}

#token_dev_main .token_dev_techstack .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_techstack .contents {
    font-size: 20px;
    font-weight: 500;
}

#token_dev_main .token_dev_features {
    padding: 50px 0px;
}

#token_dev_main .token_dev_features .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_features #feature_bg_color {
    padding: 30px;
    border-radius: 39px;
    background: rgba(160, 110, 255, 0.08);
    box-shadow: 0px 0px 12px 0px #A06EFF inset;
    margin-top: 20px;
}

#token_dev_main .token_dev_features .feature_box {
    border-radius: 6px;
    background: #000;
    box-shadow: 0px 0px 21px 0px rgba(160, 110, 255, 0.58) inset;
    padding: 20px;
    margin: 15px 0px;
    min-height: 248px;
}

#token_dev_main .token_dev_features .head_sec {
    display: flex;
    align-items: center;
}

#token_dev_main .token_dev_features .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#token_dev_main .token_dev_features .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#token_dev_main .token_dev_benefits {
    padding: 50px 0px;
}

#token_dev_main .token_dev_benefits .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_benefits .benefits_list_sec {
    max-height: 400px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#token_dev_main .token_dev_benefits .benefits_list_sec {
    scrollbar-width: thin;
    scrollbar-color: #00F0FF transparent;
    overflow-x: auto;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 6px;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #1e1e1e;
}

#token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    height: 100px;
}

@-moz-document url-prefix() {
    #token_dev_main .token_dev_benefits .benefits_list_sec {
        scrollbar-width: thin;
        scrollbar-color: #00F0FF transparent;
        overflow-y: auto;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::scrollbar {
        width: 5px;
        height: 5px;
        border-radius: 6px;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-track {
        border-radius: 6px;
        background: #1e1e1e;
    }
    #token_dev_main .token_dev_benefits .benefits_list_sec::-webkit-scrollbar-thumb {
        border-radius: 30px;
        background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
        height: 100px;
    }
}

/** Scrollbar Styles END **/

#token_dev_main .token_dev_benefits .benefits_list {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding: 0px 20px;
}

#token_dev_main .token_dev_benefits .benefits_list img {
    padding-top: 5px;
}

#token_dev_main .token_dev_benefits .contents_sec {
    padding-left: 20px;
}

#token_dev_main .token_dev_benefits .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_benefits .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_join_cardsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        background: url('https://www.metablocktechnologies.com//asset/inner-pages-new/token-development/token-dev-joincard.webp');
        background-repeat: no-repeat;
        display: flex;
        min-height: 542px;
        padding: 30px;
    }
}

#token_dev_main .token_dev_join_cardsec .title {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_join_cardsec .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

#token_dev_main .token_dev_process {
    padding: 50px 0px;
    position: relative;
}

#token_dev_main .token_dev_process .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 50.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_process .process_box {
    padding: 0px 20px 20px 20px;
    border-radius: 8px;
    background: #000;
    box-shadow: 0px 0px 12px 0px rgba(160, 110, 255, 0.79) inset;
    margin-top: 40px;
    min-height: 280px;
}

#token_dev_main .token_dev_process .process_box:hover {
    border: none;
    box-shadow: inset 0px 0px 15px 0px #a87cff75;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

#token_dev_main .token_dev_process .head_sec {
    display: flex;
    align-items: center;
}

#token_dev_main .token_dev_process .num_sec {
    border-radius: 0px 0px 5px 5px;
    background: linear-gradient(180deg, #B4B0FF 0%, #A06EFF 100%);
    font-size: 25px;
    color: #000;
    font-weight: 600;
    padding: 15px 3px 3px 3px;
}

#token_dev_main .token_dev_process .sub_title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#token_dev_main .token_dev_process .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_process .cus_numsec {
    margin-top: -6%;
}

#token_dev_main .token_dev_process .cus_subtitle {
    margin-top: 15px;
}

#token_dev_main .token_dev_platforms {
    padding: 50px 0px;
}

#token_dev_main .token_dev_platforms .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_platforms .platform_list {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#token_dev_main .token_dev_platforms .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#token_dev_main .token_dev_platforms .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#token_dev_main .token_dev_sectors {
    padding: 50px 0px;
}

#token_dev_main .token_dev_sectors .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.Cryptocurrency-Token-Development-Services-1 {
    margin-top: 200px !important;
}

@media (max-width:430px) {
    .Cryptocurrency-Token-Development-Services-1 {
        margin-top: 0px !important;
    }
}

#token_dev_main .token_dev_sectors .contents {
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
}

#token_dev_main .token_dev_sectors .sector_box {
    padding: 15px;
    border-radius: 8px;
    background: #000;
    box-shadow: 5px 4px 0px 0px #A06EFF;
    margin-top: 50px;
    text-align: center;
    min-height: 229px !important;
}

#token_dev_main .token_dev_sectors .sector_box:hover {
    box-shadow: -5px 4px 0px 0px #A06EFF;
}

#token_dev_main .token_dev_sectors .sub_title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

#token_dev_main .token_dev_sectors .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_sectors .sprite_icons {
    width: 65px;
    height: 65px;
    object-fit: none;
    margin-top: -15%;
}

#token_dev_main .token_dev_whymetablock {
    padding: 50px 0px;
}

#token_dev_main .token_dev_whymetablock .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 0%, #D1C0FF 39.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#token_dev_main .token_dev_whymetablock .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn_sec {
    margin-top: 30px;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    text-transform: capitalize;
    animation: zoom-in-zoom-out-btn 3s ease-out infinite;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:hover {
    box-shadow: 0px 0px 15px 2px #b5b0ff4d;
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:focus {
    outline: none;
    box-shadow: none;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:hover:before {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #a06fff, #e586ff, #aed464, #56caec, #a16eff);
    background-size: 50% 100%;
    animation: gradient_color_border .75s linear infinite;
}

#token_dev_main .token_dev_whymetablock .token_dev_btn span {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    font-size: 16px;
    align-items: center;
    background: #000;
    border-radius: 3px;
    display: block;
    justify-content: center;
}

@media(max-width: 991px) {
    #token_dev_main .token_dev_banner {
        display: flex;
        align-items: center;
        padding-top: 110px;
        text-align: center;
    }
    #token_dev_main .token_dev_banner .img-responsive {
        width: 100%;
    }
    #token_dev_main .token_dev_banner .banner_anim_img {
        width: 85%;
        left: 3%;
    }
    #token_dev_main .token_dev_banner .banner_cont_sec {
        padding-left: 0;
    }
    #token_dev_main .token_dev_banner .banner_btn_sec {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    #token_dev_main .token_dev_crypto_sec,
    #token_dev_main .token_dev_whymetablock,
    #token_dev_main .token_dev_benefits .benefits_img_mblsec {
        text-align: center;
    }
    #token_dev_main .token_dev_crypto_sec img,
    #token_dev_main .token_dev_benefits .benefits_img_mbl,
    #token_dev_main .token_dev_whymetablock img {
        margin-top: 40px;
    }
    #token_dev_main .token_dev_services .cus_col:after {
        display: none;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn_sec {
        justify-content: center;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.mobile {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn.desktop {
        display: none;
    }
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card,
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        padding: 30px;
        border-radius: 28px;
        background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.73) 53.65%, rgba(0, 0, 0, 0.44) 100%);
        text-align: center;
        margin: 0px 10px;
    }
    #token_dev_main .token_dev_process .cus_numsec,
    #token_dev_main .token_dev_process .cus_subtitle {
        margin-top: 0;
    }
    #token_dev_main .token_dev_process .sub_title {
        margin-top: 10px;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec {
        display: inherit;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
        width: 100% !important;
    }
}

@media(max-width: 767px) {
    #token_dev_main .token_dev_banner {
        display: flex;
        align-items: center;
    }
    #token_dev_main .token_dev_banner .bnr_img_sec {
        margin-top: 23%;
    }
    #token_dev_main .token_dev_banner .bnr_bld_title {
        font-size: 35px !important;
    }
    #token_dev_main .token_dev_banner .title,
    #token_dev_main .token_dev_idea_cardsec .title {
        font-size: 26px !important;
        line-height: 1.4;
    }
    #token_dev_main .token_dev_banner .banner_btn span,
    #token_dev_main .token_dev_idea_cardsec .token_dev_btn span,
    #token_dev_main .token_dev_whymetablock .token_dev_btn span,
    #token_dev_main .token_dev_join_cardsec .token_dev_btn span {
        font-size: 14px !important;
        padding: 10px 10px;
    }
    #token_dev_main .token_dev_crypto_sec .title,
    #token_dev_main .token_dev_services .title,
    #token_dev_main .token_dev_models .title,
    #token_dev_main .token_dev_idea_cardsec .sub_title,
    #token_dev_main .token_dev_techstack .title,
    #token_dev_main .token_dev_features .title,
    #token_dev_main .token_dev_benefits .title,
    #token_dev_main .token_dev_join_cardsec .title,
    #token_dev_main .token_dev_process .title,
    #token_dev_main .token_dev_platforms .title,
    #token_dev_main .token_dev_sectors .title,
    #token_dev_main .token_dev_whymetablock .title,
    #token_dev_main .token_dev_odd_serv .title {
        font-size: 28px !important;
        line-height: 1.5 !important;
    }
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn,
    #token_dev_main .token_dev_crypto_sec .token_dev_crypto_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #token_dev_main .token_dev_models .model_box,
    #token_dev_main .token_dev_features .feature_box,
    #token_dev_main .token_dev_process .process_box,
    #token_dev_main .token_dev_sectors .sector_box {
        min-height: 0px;
    }
    #token_dev_main .token_dev_services {
        padding: 50px 20px;
    }
    #token_dev_main .token_dev_services .back_color {
        padding: 30px 10px;
    }
    #token_dev_main .token_dev_services .service_box {
        margin-top: 0;
    }
    #token_dev_main .token_dev_idea_cardsec .token_dev_btn_sec,
    #token_dev_main .token_dev_join_cardsec .token_dev_btn_sec,
    #token_dev_main .token_dev_whymetablock .token_dev_btn_sec {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
}

@media(max-width: 576px) {
    #token_dev_main .token_dev_idea_cardsec #token_dev_idea_card {
        padding: 20px 10px;
    }
    #token_dev_main .token_dev_join_cardsec #token_dev_join_card {
        padding: 20px 10px;
    }
    #token_dev_main .token_dev_banner .banner_anim_img {
        left: 5%;
        width: 83%;
    }
    #token_dev_main .token_dev_features #feature_bg_color {
        margin: 20px 0 10px;
        padding: 20px;
    }
    #token_dev_main .token_dev_idea_cardsec,
    #token_dev_main .token_dev_join_cardsec {
        padding: 10px 0px;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx {
        width: 80px !important;
        height: 80px !important;
        left: calc(50% - 50px) !important;
        top: calc(10% - 75px) !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec {
        width: 100% !important;
        text-align: center;
        padding-left: 20px !important;
        padding-top: 40px !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx img {
        max-width: 55px !important;
    }
    #token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
        margin: 15px 0px !important;
    }
}

#token_dev_main .token_dev_odd_serv {
    padding: 50px 0px;
}

#token_dev_main .token_dev_odd_serv .title {
    font-size: 35px;
    background: linear-gradient(131deg, #A06EFF 20%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card {
    position: relative;
    min-height: 250px;
    height: 100%;
    background: #000;
    display: flex;
    width: 45%;
    margin: 30px 0;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #000;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    width: 100%;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx {
    width: 120px;
    height: 120px;
    left: -75px;
    top: calc(50% - 75px);
    transition: 0.5s ease-in-out;
    background: #a679ff;
    border-radius: 5px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-style: 6em;
    color: rgba(255, 255, 255, .05);
    font-weight: 700;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .imgBx img {
    transition: 0.5s ease-in-out;
    max-width: 100px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card:hover .imgBx img {
    max-width: 75px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 13%;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec .sub_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
    background: linear-gradient(131deg, #A06EFF 20%, #D1C0FF 69.43%, #B4B0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .card .content_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

#token_dev_main .token_dev_odd_serv .odd_serv_cardsec .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#white_label_crypto_main {
    background: #090909;
}

#white_label_crypto_main .testiSc {
    padding: 60px 0px;
}

#white_label_crypto_main .testiSc .rwJsut {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .testiSc .testiScTlt {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .testiSc .testiScCnt {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLst {
    background: #131214;
    padding: 30px;
    text-align: center;
    margin-top: 40px;
    min-height: 490px;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstTlt {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: capitalize;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstCnt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLstGard {
    font-size: 15px;
    font-weight: 600;
    color: #8b8b8b;
}

#white_label_crypto_main .testiSc .testMoLstRev {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #be47ff;
}

#white_label_crypto_main .testiSc .testMoImgBg {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 5px #ccc;
    margin-top: -65px;
}

#white_label_crypto_main .testiSc .owl-nav {
    display: none;
}

#white_label_crypto_main .testiSc .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#white_label_crypto_main .testiSc .owl-dot {
    width: 10px;
    height: 10px;
    background: #481b93;
    margin: 3px;
    border-radius: 50px;
}

@media(max-width: 767px) {
    .testiSc .rwJsut {
        display: inline;
        display: initial;
    }
}

@media (min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        align-items: center !important;
        height: 100vh;
        display: flex;
        background: linear-gradient(180deg, #B59BFD 0%, #F4C6F5 46.35%, #BBEAFC 100%);
    }
}

#white_label_crypto_main .white_label_crypto_banner .title-10 {
    color: #34203F;
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
}

#white_label_crypto_main .white_label_crypto_banner .contents {
    color: #4B3A54;
    padding-top: 10px;
    font-size: 16px;
    line-height: 27px;
}

#white_label_crypto_main .white_label_crypto_banner .banner_site {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_sec {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_sec .line_sec {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_sec .line {
    background: #c846ff;
    border-radius: 5px;
    width: 110px;
    height: 3px;
    position: absolute;
}

#white_label_crypto_main .white_label_crypto_sec .dot {
    border-radius: 50px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -5px;
    left: 10px;
    background: #c547ff;
    z-index: 1;
}

#white_label_crypto_main .white_label_crypto_sec .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_sec .contents {
    margin-bottom: 0px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list {
    position: relative;
    background: #131214;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 75px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #fff;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
}

#white_label_crypto_main .white_label_crypto_comp {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_comp .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn_sec {
    text-align: center;
    margin-top: 30px;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00BB61 23.02%, #09D55A 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00A6DA 23.02%, #15C8EF 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_features {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_features .features_list .sub_content {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_features .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
        margin-top: 30px;
        justify-content: center;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a {
        border: 1px solid #FE069E !important;
        border-radius: 50px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        color: #fe069e;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a.active {
        background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
        border-radius: 50px;
        color: #fff !important;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-heading {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
        padding: 15px 10px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-title-10 a {
        display: block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a .panel-title-10 {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 0px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

#white_label_crypto_main .white_label_crypto_features .features_list {
    padding: 15px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgb(255 255 255) 105.18%), #090909;
    background-blend-mode: soft-light, normal;
    border: 1px solid rgb(9 9 9);
    box-shadow: inset -2.5px -2.5px 5px #393535, inset 2.5px 2.5px 5px #000000;
    border-radius: 10px;
}

#white_label_crypto_main .white_label_crypto_types {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_types .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .types_box {
    background: #000000;
    padding: 10px;
    border: 2px solid #d13c80;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 438px;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover {
    box-shadow: inset 0px 0px 15px 0px #e3288c6b;
    border: none;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#white_label_crypto_main .white_label_crypto_types .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
    font-weight: 500;
    line-height: 1.5;
}

#white_label_crypto_main .white_label_crypto_types .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff94;
}

#white_label_crypto_main .white_label_crypto_types .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .white_label_crypto_benefits {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list {
    display: flex;
    align-items: center;
    padding: 8px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list img {
    width: 35px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding-left: 10px;
}

#white_label_crypto_main .exchange_software_work {
    padding: 0px 0px 70px 0px;
}

#white_label_crypto_main .exchange_software_work .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#white_label_crypto_main .exchange_software_work .timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:before {
    background: #0050ff;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:after {
    content: "";
    width: 3px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    padding-bottom: 40px;
}

#white_label_crypto_main .exchange_software_work .container_line {
    width: 100%;
    padding: 50px 0 0 0;
    position: relative;
    overflow: hidden;
}

#white_label_crypto_main .exchange_software_work .container_line:before {
    content: '';
    position: absolute;
    top: 71px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 73%;
    background: #CCD1D9;
    z-index: 1;
}

#white_label_crypto_main .exchange_software_work .timeline-block {
    width: calc(50% + 8px);
    display: flex;
    justify-content: space-between;
    clear: both;
}

#white_label_crypto_main .exchange_software_work .timeline-block-right {
    float: right;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left {
    float: left;
    direction: rtl
}

#white_label_crypto_main .exchange_software_work .marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #F5F7FA;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    margin-top: 10px;
    z-index: 9999
}

#white_label_crypto_main .exchange_software_work .timeline-block-right:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    width: 100%;
    padding: 0 0px;
    color: #666;
}

#white_label_crypto_main .exchange_software_work .timeline-content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500
}

#white_label_crypto_main .exchange_software_work .timeline-content span {
    font-size: 15px;
    color: #a4a4a4;
}

#white_label_crypto_main .exchange_software_work .timeline-content p {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 15px;
    color: #fff;
    background: #131214;
    padding: 15px;
    margin: 10px 20px;
}

@media screen and (max-width: 768px) {
    #white_label_crypto_main .exchange_software_work .container_line:before {
        left: 8px;
        width: 2px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block {
        width: 100%;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-right {
        float: none;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-left {
        float: none;
        direction: ltr;
    }
}

@media(min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 50px;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        background: url(../../static/media/banner_platform.1ca29b884e8d7f7379ee.webp);
    }
}

#white_label_crypto_main .white_label_crypto_platform .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_modules .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_modules .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list {
    background: #131214;
    border: 2px solid #ffffff14;
    border-radius: 35px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .num_sec {
    color: #FE069E;
    font-size: 28px;
    font-weight: 700;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
}

#white_label_crypto_main .white_label_crypto_process {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_process .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_title-10 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .row_justify {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .process_line {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_process .process_line:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 85px;
    width: 85%;
    height: 1px;
    background: #d75994;
    background-size: 3px 20px, 100% 20px;
    border: none;
}

#white_label_crypto_main .white_label_crypto_whychoose {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_whychoose .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 15px;
    text-align: justify;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_sec {
    background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    padding: 30px;
    border-radius: 0px 20px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list i {
    color: #fff;
    font-size: 22px;
    animation: 2s ease-in-out infinite arrow1;
}

@keyframes arrow1 {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(10px, 0)
    }
}

#white_label_crypto_main .white_label_crypto_whychoose .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0px;
    padding-left: 20px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_hire {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_hire .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_hire .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
    text-align: justify;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
    padding: 30px 50px;
    background: linear-gradient(45deg, #850052, #a20064);
    border-radius: 25px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .solution_security {
    padding: 70px 0px;
}

#white_label_crypto_main .solution_security .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .solution_security .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .solution_security .types_box {
    background: #131214;
    padding: 20px;
    border: 1px solid #FE069E !important;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 202px;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .solution_security .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 500;
    line-height: 1.3;
}

#white_label_crypto_main .solution_security .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}

#white_label_crypto_main .solution_security .types_box:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    border: none !important;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .top_crypto_exchange_clone_script {
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #FE069E;
    background-color: #131214;
    /*transition:1s;*/
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:hover {
    transform: scale(1.08);
    border-radius: 10px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .nftgp_box .nftgp_desc {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

@media only screen and (max-width: 600px) {
    #white_label_crypto_main .top_crypto_exchange_clone_script ul {
        display: grid;
    }
    #white_label_crypto_main .top_crypto_exchange_clone_script ul li {
        width: 100%;
        margin: 10px 0px;
    }
}

@media (max-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_process .process_line:before {
        display: none;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_banner .title-10 {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security {
        padding: 50px 0px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security,
    #white_label_crypto_main .exchange_software_work {
        padding: 0px 0px 30px 0px;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_sec .contents,
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_sec .line_sec {
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }
    #white_label_crypto_main .white_label_crypto_sec .dot {
        left: 45%;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_comp .title-10,
    #white_label_crypto_main .white_label_crypto_features .title-10,
    #white_label_crypto_main .white_label_crypto_types .title-10,
    #white_label_crypto_main .white_label_crypto_benefits .title-10,
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_process .title-10,
    #white_label_crypto_main .white_label_crypto_whychoose .title-10,
    #white_label_crypto_main .white_label_crypto_hire .title-10,
    #white_label_crypto_main .white_label_crypto_platform .title-10,
    #white_label_crypto_main .solution_security .title-10,
    #white_label_crypto_main .exchange_software_work .title-10,
    #white_label_crypto_main .top_crypto_exchange_clone_script .title-10,
    #white_label_crypto_main .testiSc .testiScTlt {
        font-size: 25px !important;
        line-height: 1.4;
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_types .types_box,
    #white_label_crypto_main .solution_security .types_box {
        min-height: 0px;
    }
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
        padding: 30px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_process .row_justify {
        display: inline;
        display: initial;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn,
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 10px 10px;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
        margin-left: 0px;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
        font-size: 12px;
        padding: 9px 10px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
        padding: 8px 20px;
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 9px 14px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
        margin-left: 0px;
        padding: 8px 15px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-content p {
        margin-left: 10px !important;
        margin: 0px;
    }
}

.blockchain_consulting_services .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/blockain.80120b8623bc11a80d2a.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.blockchain_consulting_services .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_consulting_services .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_consulting_services .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_consulting_services .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_consulting_services .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_consulting_services .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_consulting_services .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_consulting_services .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_consulting_services .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .alg_mac {
    padding: 50px 0;
    background: #000;
}

.blockchain_consulting_services .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_consulting_services .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_consulting_services .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_consulting_services .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_consulting_services .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_consulting_services .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_consulting_services .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_consulting_services .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_consulting_services .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_consulting_services .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_consulting_services .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 466px;
    position: relative;
    z-index: 1;
}

.blockchain_consulting_services .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_consulting_services .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
    filter: hue-rotate(45deg);
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_consulting_services .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_consulting_services .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_consulting_services .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .title,
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .blockchain_software .section_heading,
    .blockchain_consulting_services .blk_dev_bnr_btn_sec,
    .blockchain_consulting_services .metaverse_dev_why .title,
    .blockchain_consulting_services .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_consulting_services .blockchain_software .bs_d_c_bg,
    .blockchain_consulting_services .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .alg_mac .title,
    .blockchain_consulting_services .metaverse_game_services .title,
    .blockchain_consulting_services .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    .blockchain_consulting_services .metaverse_dev_why {
        overflow: visible;
        overflow: initial;
        margin-top: 39px;
    }
    .blockchain_consulting_services .metaverse_game_services {
        margin-top: 30px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

@media (max-width:768px) {
    .paddingtop-top {
        margin-top: 8vh;
    }
}

.blockchain_consulting_services .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/blockain.80120b8623bc11a80d2a.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.blockchain_consulting_services .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_consulting_services .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_consulting_services .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_consulting_services .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_consulting_services .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_consulting_services .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_consulting_services .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_consulting_services .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_consulting_services .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .alg_mac {
    padding: 50px 0;
    background: #000;
}

.blockchain_consulting_services .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_consulting_services .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_consulting_services .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_consulting_services .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_consulting_services .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_consulting_services .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_consulting_services .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_consulting_services .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_consulting_services .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_consulting_services .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_consulting_services .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 466px;
    position: relative;
    z-index: 1;
}

.blockchain_consulting_services .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_consulting_services .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
    filter: hue-rotate(45deg);
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_consulting_services .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_consulting_services .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_consulting_services .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .title,
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .blockchain_software .section_heading,
    .blockchain_consulting_services .blk_dev_bnr_btn_sec,
    .blockchain_consulting_services .metaverse_dev_why .title,
    .blockchain_consulting_services .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_consulting_services .blockchain_software .bs_d_c_bg,
    .blockchain_consulting_services .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .alg_mac .title,
    .blockchain_consulting_services .metaverse_game_services .title,
    .blockchain_consulting_services .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    .blockchain_consulting_services .metaverse_dev_why {
        overflow: visible;
        overflow: initial;
        margin-top: 39px;
    }
    .blockchain_consulting_services .metaverse_game_services {
        margin-top: 30px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

@media (max-width:600px) {
    .sub_contentts-new {
        font-size: 19px;
    }
}

.blockchain_consulting_services .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/blockain.80120b8623bc11a80d2a.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.blockchain_consulting_services .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_consulting_services .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_consulting_services .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_consulting_services .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_consulting_services .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_consulting_services .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_consulting_services .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_consulting_services .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_consulting_services .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .alg_mac {
    padding: 50px 0;
    background: #000;
}

.blockchain_consulting_services .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_consulting_services .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_consulting_services .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_consulting_services .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_consulting_services .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_consulting_services .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_consulting_services .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_consulting_services .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_consulting_services .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_consulting_services .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_consulting_services .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 466px;
    position: relative;
    z-index: 1;
}

.blockchain_consulting_services .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_consulting_services .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
    filter: hue-rotate(45deg);
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_consulting_services .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_consulting_services .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_consulting_services .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .title,
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .blockchain_software .section_heading,
    .blockchain_consulting_services .blk_dev_bnr_btn_sec,
    .blockchain_consulting_services .metaverse_dev_why .title,
    .blockchain_consulting_services .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_consulting_services .blockchain_software .bs_d_c_bg,
    .blockchain_consulting_services .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .alg_mac .title,
    .blockchain_consulting_services .metaverse_game_services .title,
    .blockchain_consulting_services .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    .blockchain_consulting_services .metaverse_dev_why {
        overflow: visible;
        overflow: initial;
        margin-top: 39px;
    }
    .blockchain_consulting_services .metaverse_game_services {
        margin-top: 30px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

.blockchain_consulting_services .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/blockain.80120b8623bc11a80d2a.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.blockchain_consulting_services .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_consulting_services .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_consulting_services .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_consulting_services .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_consulting_services .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_consulting_services .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_consulting_services .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_consulting_services .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_consulting_services .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .alg_mac {
    padding: 50px 0;
    background: #000;
}

.blockchain_consulting_services .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_consulting_services .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_consulting_services .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_consulting_services .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_consulting_services .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_consulting_services .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_consulting_services .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_consulting_services .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_consulting_services .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_consulting_services .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_consulting_services .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 466px;
    position: relative;
    z-index: 1;
}

.blockchain_consulting_services .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_consulting_services .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
    filter: hue-rotate(45deg);
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_consulting_services .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_consulting_services .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_consulting_services .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .title,
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .blockchain_software .section_heading,
    .blockchain_consulting_services .blk_dev_bnr_btn_sec,
    .blockchain_consulting_services .metaverse_dev_why .title,
    .blockchain_consulting_services .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_consulting_services .blockchain_software .bs_d_c_bg,
    .blockchain_consulting_services .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .alg_mac .title,
    .blockchain_consulting_services .metaverse_game_services .title,
    .blockchain_consulting_services .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    .blockchain_consulting_services .metaverse_dev_why {
        overflow: visible;
        overflow: initial;
        margin-top: 39px;
    }
    .blockchain_consulting_services .metaverse_game_services {
        margin-top: 30px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

.blockchain_consulting_services .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url(../../static/media/blockain.80120b8623bc11a80d2a.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.blockchain_consulting_services .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_consulting_services .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_consulting_services .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_consulting_services .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_consulting_services .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_consulting_services .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_consulting_services .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_consulting_services .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_consulting_services .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .alg_mac {
    padding: 50px 0;
    background: #000;
}

.blockchain_consulting_services .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_consulting_services .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_consulting_services .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_consulting_services .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_consulting_services .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_consulting_services .alg_mac .ul_list li::before {
    content: "";
    background-image: url(../../static/media/green_tick.a8e53eb553740d6292aa.webp);
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_consulting_services .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_consulting_services .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_consulting_services .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_consulting_services .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_consulting_services .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_consulting_services .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_consulting_services .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_consulting_services .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_consulting_services .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 466px;
    position: relative;
    z-index: 1;
}

.blockchain_consulting_services .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_consulting_services .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
    filter: hue-rotate(45deg);
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_consulting_services .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_consulting_services .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_consulting_services .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .title,
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .blockchain_software .section_heading,
    .blockchain_consulting_services .blk_dev_bnr_btn_sec,
    .blockchain_consulting_services .metaverse_dev_why .title,
    .blockchain_consulting_services .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_consulting_services .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_consulting_services .blockchain_software .bs_d_c_bg,
    .blockchain_consulting_services .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_consulting_services .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_consulting_services .alg_mac .title,
    .blockchain_consulting_services .metaverse_game_services .title,
    .blockchain_consulting_services .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
    .blockchain_consulting_services .metaverse_dev_why {
        overflow: visible;
        overflow: initial;
        margin-top: 39px;
    }
    .blockchain_consulting_services .metaverse_game_services {
        margin-top: 30px;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

#white_label_crypto_main {
    background: #090909;
}

#white_label_crypto_main .testiSc {
    padding: 60px 0px;
}

#white_label_crypto_main .testiSc .rwJsut {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .testiSc .testiScTlt {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .testiSc .testiScCnt {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLst {
    background: #131214;
    padding: 30px;
    text-align: center;
    margin-top: 40px;
    min-height: 490px;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstTlt {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: capitalize;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstCnt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLstGard {
    font-size: 15px;
    font-weight: 600;
    color: #8b8b8b;
}

#white_label_crypto_main .testiSc .testMoLstRev {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #be47ff;
}

#white_label_crypto_main .testiSc .testMoImgBg {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 5px #ccc;
    margin-top: -65px;
}

#white_label_crypto_main .testiSc .owl-nav {
    display: none;
}

#white_label_crypto_main .testiSc .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#white_label_crypto_main .testiSc .owl-dot {
    width: 10px;
    height: 10px;
    background: #481b93;
    margin: 3px;
    border-radius: 50px;
}

@media(max-width: 767px) {
    .testiSc .rwJsut {
        display: inline;
        display: initial;
    }
}

@media (min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        align-items: center !important;
        height: 100vh;
        display: flex;
        background: linear-gradient(180deg, #B59BFD 0%, #F4C6F5 46.35%, #BBEAFC 100%);
    }
}

#white_label_crypto_main .white_label_crypto_banner .title-10 {
    color: #34203F;
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
}

#white_label_crypto_main .white_label_crypto_banner .contents {
    color: #4B3A54;
    padding-top: 10px;
    font-size: 16px;
    line-height: 27px;
}

#white_label_crypto_main .white_label_crypto_banner .banner_site {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_sec {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_sec .line_sec {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_sec .line {
    background: #c846ff;
    border-radius: 5px;
    width: 110px;
    height: 3px;
    position: absolute;
}

#white_label_crypto_main .white_label_crypto_sec .dot {
    border-radius: 50px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -5px;
    left: 10px;
    background: #c547ff;
    z-index: 1;
}

#white_label_crypto_main .white_label_crypto_sec .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_sec .contents {
    margin-bottom: 0px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list {
    position: relative;
    background: #131214;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 75px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #fff;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
}

#white_label_crypto_main .white_label_crypto_comp {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_comp .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn_sec {
    text-align: center;
    margin-top: 30px;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00BB61 23.02%, #09D55A 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00A6DA 23.02%, #15C8EF 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_features {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_features .features_list .sub_content {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_features .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
        margin-top: 30px;
        justify-content: center;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a {
        border: 1px solid #FE069E !important;
        border-radius: 50px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        color: #fe069e;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a.active {
        background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
        border-radius: 50px;
        color: #fff !important;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-heading {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
        padding: 15px 10px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-title-10 a {
        display: block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a .panel-title-10 {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 0px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

#white_label_crypto_main .white_label_crypto_features .features_list {
    padding: 15px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgb(255 255 255) 105.18%), #090909;
    background-blend-mode: soft-light, normal;
    border: 1px solid rgb(9 9 9);
    box-shadow: inset -2.5px -2.5px 5px #393535, inset 2.5px 2.5px 5px #000000;
    border-radius: 10px;
}

#white_label_crypto_main .white_label_crypto_types {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_types .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .types_box {
    background: #000000;
    padding: 10px;
    border: 2px solid #d13c80;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 438px;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover {
    box-shadow: inset 0px 0px 15px 0px #e3288c6b;
    border: none;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#white_label_crypto_main .white_label_crypto_types .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
    font-weight: 500;
    line-height: 1.5;
}

#white_label_crypto_main .white_label_crypto_types .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff94;
}

#white_label_crypto_main .white_label_crypto_types .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .white_label_crypto_benefits {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list {
    display: flex;
    align-items: center;
    padding: 8px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list img {
    width: 35px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding-left: 10px;
}

#white_label_crypto_main .exchange_software_work {
    padding: 0px 0px 70px 0px;
}

#white_label_crypto_main .exchange_software_work .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#white_label_crypto_main .exchange_software_work .timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:before {
    background: #0050ff;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:after {
    content: "";
    width: 3px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    padding-bottom: 40px;
}

#white_label_crypto_main .exchange_software_work .container_line {
    width: 100%;
    padding: 50px 0 0 0;
    position: relative;
    overflow: hidden;
}

#white_label_crypto_main .exchange_software_work .container_line:before {
    content: '';
    position: absolute;
    top: 71px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 73%;
    background: #CCD1D9;
    z-index: 1;
}

#white_label_crypto_main .exchange_software_work .timeline-block {
    width: calc(50% + 8px);
    display: flex;
    justify-content: space-between;
    clear: both;
}

#white_label_crypto_main .exchange_software_work .timeline-block-right {
    float: right;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left {
    float: left;
    direction: rtl
}

#white_label_crypto_main .exchange_software_work .marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #F5F7FA;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    margin-top: 10px;
    z-index: 9999
}

#white_label_crypto_main .exchange_software_work .timeline-block-right:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    width: 100%;
    padding: 0 0px;
    color: #666;
}

#white_label_crypto_main .exchange_software_work .timeline-content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500
}

#white_label_crypto_main .exchange_software_work .timeline-content span {
    font-size: 15px;
    color: #a4a4a4;
}

#white_label_crypto_main .exchange_software_work .timeline-content p {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 15px;
    color: #fff;
    background: #131214;
    padding: 15px;
    margin: 10px 20px;
}

@media screen and (max-width: 768px) {
    #white_label_crypto_main .exchange_software_work .container_line:before {
        left: 8px;
        width: 2px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block {
        width: 100%;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-right {
        float: none;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-left {
        float: none;
        direction: ltr;
    }
}

@media(min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 50px;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        background: url(../../static/media/banner_platform.1ca29b884e8d7f7379ee.webp);
    }
}

#white_label_crypto_main .white_label_crypto_platform .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_modules .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_modules .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list {
    background: #131214;
    border: 2px solid #ffffff14;
    border-radius: 35px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .num_sec {
    color: #FE069E;
    font-size: 28px;
    font-weight: 700;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
}

#white_label_crypto_main .white_label_crypto_process {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_process .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_title-10 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .row_justify {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .process_line {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_process .process_line:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 85px;
    width: 85%;
    height: 1px;
    background: #d75994;
    background-size: 3px 20px, 100% 20px;
    border: none;
}

#white_label_crypto_main .white_label_crypto_whychoose {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_whychoose .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 15px;
    text-align: justify;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_sec {
    background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    padding: 30px;
    border-radius: 0px 20px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list i {
    color: #fff;
    font-size: 22px;
    animation: 2s ease-in-out infinite arrow1;
}

@keyframes arrow1 {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(10px, 0)
    }
}

#white_label_crypto_main .white_label_crypto_whychoose .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0px;
    padding-left: 20px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_hire {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_hire .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_hire .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
    text-align: justify;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
    padding: 30px 50px;
    background: linear-gradient(45deg, #850052, #a20064);
    border-radius: 25px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .solution_security {
    padding: 70px 0px;
}

#white_label_crypto_main .solution_security .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .solution_security .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .solution_security .types_box {
    background: #131214;
    padding: 20px;
    border: 1px solid #FE069E !important;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 202px;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .solution_security .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 500;
    line-height: 1.3;
}

#white_label_crypto_main .solution_security .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}

#white_label_crypto_main .solution_security .types_box:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    border: none !important;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .top_crypto_exchange_clone_script {
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #FE069E;
    background-color: #131214;
    /*transition:1s;*/
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:hover {
    transform: scale(1.08);
    border-radius: 10px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .nftgp_box .nftgp_desc {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

@media only screen and (max-width: 600px) {
    #white_label_crypto_main .top_crypto_exchange_clone_script ul {
        display: grid;
    }
    #white_label_crypto_main .top_crypto_exchange_clone_script ul li {
        width: 100%;
        margin: 10px 0px;
    }
}

@media (max-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_process .process_line:before {
        display: none;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_banner .title-10 {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security {
        padding: 50px 0px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security,
    #white_label_crypto_main .exchange_software_work {
        padding: 0px 0px 30px 0px;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_sec .contents,
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_sec .line_sec {
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }
    #white_label_crypto_main .white_label_crypto_sec .dot {
        left: 45%;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_comp .title-10,
    #white_label_crypto_main .white_label_crypto_features .title-10,
    #white_label_crypto_main .white_label_crypto_types .title-10,
    #white_label_crypto_main .white_label_crypto_benefits .title-10,
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_process .title-10,
    #white_label_crypto_main .white_label_crypto_whychoose .title-10,
    #white_label_crypto_main .white_label_crypto_hire .title-10,
    #white_label_crypto_main .white_label_crypto_platform .title-10,
    #white_label_crypto_main .solution_security .title-10,
    #white_label_crypto_main .exchange_software_work .title-10,
    #white_label_crypto_main .top_crypto_exchange_clone_script .title-10,
    #white_label_crypto_main .testiSc .testiScTlt {
        font-size: 25px !important;
        line-height: 1.4;
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_types .types_box,
    #white_label_crypto_main .solution_security .types_box {
        min-height: 0px;
    }
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
        padding: 30px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_process .row_justify {
        display: inline;
        display: initial;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn,
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 10px 10px;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
        margin-left: 0px;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
        font-size: 12px;
        padding: 9px 10px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
        padding: 8px 20px;
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 9px 14px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
        margin-left: 0px;
        padding: 8px 15px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-content p {
        margin-left: 10px !important;
        margin: 0px;
    }
}

#white_label_crypto_main {
    background: #090909;
}

#white_label_crypto_main .testiSc {
    padding: 60px 0px;
}

#white_label_crypto_main .testiSc .rwJsut {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .testiSc .testiScTlt {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .testiSc .testiScCnt {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLst {
    background: #131214;
    padding: 30px;
    text-align: center;
    margin-top: 40px;
    min-height: 490px;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstTlt {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: capitalize;
}

#white_label_crypto_main .testiSc .testMoLst .testMoLstCnt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: 300;
}

#white_label_crypto_main .testiSc .testMoLstGard {
    font-size: 15px;
    font-weight: 600;
    color: #8b8b8b;
}

#white_label_crypto_main .testiSc .testMoLstRev {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #be47ff;
}

#white_label_crypto_main .testiSc .testMoImgBg {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 5px #ccc;
    margin-top: -65px;
}

#white_label_crypto_main .testiSc .owl-nav {
    display: none;
}

#white_label_crypto_main .testiSc .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#white_label_crypto_main .testiSc .owl-dot {
    width: 10px;
    height: 10px;
    background: #481b93;
    margin: 3px;
    border-radius: 50px;
}

@media(max-width: 767px) {
    .testiSc .rwJsut {
        display: inline;
        display: initial;
    }
}

@media (min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        align-items: center !important;
        height: 100vh;
        display: flex;
        background: linear-gradient(180deg, #B59BFD 0%, #F4C6F5 46.35%, #BBEAFC 100%);
    }
}

#white_label_crypto_main .white_label_crypto_banner .title-10 {
    color: #34203F;
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
}

#white_label_crypto_main .white_label_crypto_banner .contents {
    color: #4B3A54;
    padding-top: 10px;
    font-size: 16px;
    line-height: 27px;
}

#white_label_crypto_main .white_label_crypto_banner .banner_site {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_sec {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_sec .line_sec {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_sec .line {
    background: #c846ff;
    border-radius: 5px;
    width: 110px;
    height: 3px;
    position: absolute;
}

#white_label_crypto_main .white_label_crypto_sec .dot {
    border-radius: 50px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -5px;
    left: 10px;
    background: #c547ff;
    z-index: 1;
}

#white_label_crypto_main .white_label_crypto_sec .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_sec .contents {
    margin-bottom: 0px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list {
    position: relative;
    background: #131214;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 75px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #fff;
}

#white_label_crypto_main .white_label_crypto_sec .overview_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
}

#white_label_crypto_main .white_label_crypto_comp {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_comp .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn_sec {
    text-align: center;
    margin-top: 30px;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00BB61 23.02%, #09D55A 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 15px;
    background: linear-gradient(96.56deg, #00A6DA 23.02%, #15C8EF 77.32%);
    border-radius: 50px;
    color: #fff !important;
}

#white_label_crypto_main .white_label_crypto_features {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_features .features_list .sub_content {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_features .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
        margin-top: 30px;
        justify-content: center;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a {
        border: 1px solid #FE069E !important;
        border-radius: 50px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        color: #fe069e;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs>li>a.active {
        background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
        border-radius: 50px;
        color: #fff !important;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-heading {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
        padding: 15px 10px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel-title-10 a {
        display: block;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content .panel a .panel-title-10 {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 0px;
    }
    #white_label_crypto_main .white_label_crypto_features .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

#white_label_crypto_main .white_label_crypto_features .features_list {
    padding: 15px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
    background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.4) 0%, rgb(255 255 255) 105.18%), #090909;
    background-blend-mode: soft-light, normal;
    border: 1px solid rgb(9 9 9);
    box-shadow: inset -2.5px -2.5px 5px #393535, inset 2.5px 2.5px 5px #000000;
    border-radius: 10px;
}

#white_label_crypto_main .white_label_crypto_types {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_types .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_types .types_box {
    background: #000000;
    padding: 10px;
    border: 2px solid #d13c80;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 438px;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover {
    box-shadow: inset 0px 0px 15px 0px #e3288c6b;
    border: none;
}

#white_label_crypto_main .white_label_crypto_types .types_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all .4s ease-in;
}

#white_label_crypto_main .white_label_crypto_types .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
    font-weight: 500;
    line-height: 1.5;
}

#white_label_crypto_main .white_label_crypto_types .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff94;
}

#white_label_crypto_main .white_label_crypto_types .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .white_label_crypto_benefits {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list {
    display: flex;
    align-items: center;
    padding: 8px 0px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list img {
    width: 35px;
}

#white_label_crypto_main .white_label_crypto_benefits .benefits_list .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding-left: 10px;
}

#white_label_crypto_main .exchange_software_work {
    padding: 0px 0px 70px 0px;
}

#white_label_crypto_main .exchange_software_work .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
    text-align: center;
}

#white_label_crypto_main .exchange_software_work .timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#white_label_crypto_main .exchange_software_work .timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:before {
    background: #0050ff;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}

#white_label_crypto_main .exchange_software_work .timeline-marker:after {
    content: "";
    width: 3px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    padding-bottom: 40px;
}

#white_label_crypto_main .exchange_software_work .container_line {
    width: 100%;
    padding: 50px 0 0 0;
    position: relative;
    overflow: hidden;
}

#white_label_crypto_main .exchange_software_work .container_line:before {
    content: '';
    position: absolute;
    top: 71px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 73%;
    background: #CCD1D9;
    z-index: 1;
}

#white_label_crypto_main .exchange_software_work .timeline-block {
    width: calc(50% + 8px);
    display: flex;
    justify-content: space-between;
    clear: both;
}

#white_label_crypto_main .exchange_software_work .timeline-block-right {
    float: right;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left {
    float: left;
    direction: rtl
}

#white_label_crypto_main .exchange_software_work .marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #F5F7FA;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    margin-top: 10px;
    z-index: 9999
}

#white_label_crypto_main .exchange_software_work .timeline-block-right:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-block-left:hover .marker {
    border: 3px solid #D13C80;
    background: #fff;
}

#white_label_crypto_main .exchange_software_work .timeline-content {
    width: 100%;
    padding: 0 0px;
    color: #666;
}

#white_label_crypto_main .exchange_software_work .timeline-content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500
}

#white_label_crypto_main .exchange_software_work .timeline-content span {
    font-size: 15px;
    color: #a4a4a4;
}

#white_label_crypto_main .exchange_software_work .timeline-content p {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 15px;
    color: #fff;
    background: #131214;
    padding: 15px;
    margin: 10px 20px;
}

@media screen and (max-width: 768px) {
    #white_label_crypto_main .exchange_software_work .container_line:before {
        left: 8px;
        width: 2px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block {
        width: 100%;
        margin-bottom: 30px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-right {
        float: none;
    }
    #white_label_crypto_main .exchange_software_work .timeline-block-left {
        float: none;
        direction: ltr;
    }
}

@media(min-width: 991px) {
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 50px;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        background: url(../../static/media/banner_platform.1ca29b884e8d7f7379ee.webp);
    }
}

#white_label_crypto_main .white_label_crypto_platform .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_modules .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_modules .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 7px;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn {
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.dark_btn:hover {
    border: 1px solid #FE069E;
    color: #FE069E;
    background: none;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn:hover {
    border: none;
    color: #fff;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    box-shadow: 0px 0px 10px 0px #fe069e;
}

#white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
    margin-left: 10px;
    border: 1px solid #FE069E;
    color: #FE069E;
    padding: 9px 25px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list {
    background: #131214;
    border: 2px solid #ffffff14;
    border-radius: 35px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .num_sec {
    color: #FE069E;
    font-size: 28px;
    font-weight: 700;
}

#white_label_crypto_main .white_label_crypto_modules .modules_list .sub_title-10 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 10px;
}

#white_label_crypto_main .white_label_crypto_process {
    padding: 50px 0px;
}

#white_label_crypto_main .white_label_crypto_process .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_title-10 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
}

#white_label_crypto_main .white_label_crypto_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

#white_label_crypto_main .white_label_crypto_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .row_justify {
    display: flex;
    justify-content: center;
}

#white_label_crypto_main .white_label_crypto_process .process_line {
    position: relative;
}

#white_label_crypto_main .white_label_crypto_process .process_line:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 85px;
    width: 85%;
    height: 1px;
    background: #d75994;
    background-size: 3px 20px, 100% 20px;
    border: none;
}

#white_label_crypto_main .white_label_crypto_whychoose {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .white_label_crypto_whychoose .contents {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 15px;
    text-align: justify;
    font-weight: 300;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_sec {
    background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    padding: 30px;
    border-radius: 0px 20px;
    margin-top: 20px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

#white_label_crypto_main .white_label_crypto_whychoose .why_choose_list i {
    color: #fff;
    font-size: 22px;
    animation: 2s ease-in-out infinite arrow1;
}

@keyframes arrow1 {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(10px, 0)
    }
}

#white_label_crypto_main .white_label_crypto_whychoose .sub_title-10 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0px;
    padding-left: 20px;
    text-transform: capitalize;
}

#white_label_crypto_main .white_label_crypto_hire {
    padding: 70px 0px;
}

#white_label_crypto_main .white_label_crypto_hire .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#white_label_crypto_main .white_label_crypto_hire .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
    text-align: justify;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
    padding: 30px 50px;
    background: linear-gradient(45deg, #850052, #a20064);
    border-radius: 25px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec {
    margin-top: 15px;
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(96.56deg, #FE069E 23.02%, #D13C80 77.32%);
}

#white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn:hover {
    border: 1px solid #FE069E;
    color: #fff;
    background: none;
}

#white_label_crypto_main .solution_security {
    padding: 70px 0px;
}

#white_label_crypto_main .solution_security .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .solution_security .contents {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
}

#white_label_crypto_main .solution_security .types_box {
    background: #131214;
    padding: 20px;
    border: 1px solid #FE069E !important;
    border-radius: 15px;
    margin-top: 25px;
    text-align: center;
    min-height: 202px;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .solution_security .sub_title-10 {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 500;
    line-height: 1.3;
}

#white_label_crypto_main .solution_security .sub_content {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}

#white_label_crypto_main .solution_security .types_box:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    border: none !important;
}

#white_label_crypto_main .solution_security .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#white_label_crypto_main .top_crypto_exchange_clone_script {
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .title-10 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #FE069E;
    background-color: #131214;
    /*transition:1s;*/
}

#white_label_crypto_main .top_crypto_exchange_clone_script ul li:hover {
    transform: scale(1.08);
    border-radius: 10px;
}

#white_label_crypto_main .top_crypto_exchange_clone_script .nftgp_box .nftgp_desc {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

@media only screen and (max-width: 600px) {
    #white_label_crypto_main .top_crypto_exchange_clone_script ul {
        display: grid;
    }
    #white_label_crypto_main .top_crypto_exchange_clone_script ul li {
        width: 100%;
        margin: 10px 0px;
    }
}

@media (max-width: 991px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_process .process_line:before {
        display: none;
    }
}

@media (max-width: 767px) {
    #white_label_crypto_main .white_label_crypto_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 550px;
    }
    #white_label_crypto_main .white_label_crypto_banner .title-10 {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security {
        padding: 50px 0px;
    }
    #white_label_crypto_main .white_label_crypto_comp,
    #white_label_crypto_main .solution_security,
    #white_label_crypto_main .exchange_software_work {
        padding: 0px 0px 30px 0px;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_sec .contents,
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_modules .contents,
    #white_label_crypto_main .white_label_crypto_modules .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn_sec,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn_sec {
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_sec .line_sec {
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }
    #white_label_crypto_main .white_label_crypto_sec .dot {
        left: 45%;
    }
    #white_label_crypto_main .white_label_crypto_sec .title-10,
    #white_label_crypto_main .white_label_crypto_comp .title-10,
    #white_label_crypto_main .white_label_crypto_features .title-10,
    #white_label_crypto_main .white_label_crypto_types .title-10,
    #white_label_crypto_main .white_label_crypto_benefits .title-10,
    #white_label_crypto_main .white_label_crypto_modules .title-10,
    #white_label_crypto_main .white_label_crypto_process .title-10,
    #white_label_crypto_main .white_label_crypto_whychoose .title-10,
    #white_label_crypto_main .white_label_crypto_hire .title-10,
    #white_label_crypto_main .white_label_crypto_platform .title-10,
    #white_label_crypto_main .solution_security .title-10,
    #white_label_crypto_main .exchange_software_work .title-10,
    #white_label_crypto_main .top_crypto_exchange_clone_script .title-10,
    #white_label_crypto_main .testiSc .testiScTlt {
        font-size: 25px !important;
        line-height: 1.4;
        text-align: center;
    }
    #white_label_crypto_main .white_label_crypto_types .types_box,
    #white_label_crypto_main .solution_security .types_box {
        min-height: 0px;
    }
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card {
        padding: 30px;
    }
    #white_label_crypto_main .white_label_crypto_platform {
        padding: 20px;
        background: linear-gradient(96.56deg, #9f0062 23.02%, #b7135e 77.32%);
    }
    #white_label_crypto_main .white_label_crypto_process .row_justify {
        display: inline;
        display: initial;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn,
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 10px 10px;
    }
    #white_label_crypto_main .white_label_crypto_banner .wl_btn.line_btn {
        margin-left: 0px;
        padding: 9px 20px;
    }
    #white_label_crypto_main .white_label_crypto_sec .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_hire #wl_crypto_hire_card .white_label_crypto_btn,
    #white_label_crypto_main .white_label_crypto_platform .white_label_crypto_btn {
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn {
        font-size: 12px;
        padding: 9px 10px;
    }
    #white_label_crypto_main .white_label_crypto_comp .whl_crypto_about_btn1 {
        padding: 8px 20px;
        font-size: 12px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn {
        font-size: 12px;
        padding: 9px 14px;
    }
    #white_label_crypto_main .white_label_crypto_modules .wl_btn.line_btn {
        margin-left: 0px;
        padding: 8px 15px;
    }
    #white_label_crypto_main .exchange_software_work .timeline-content p {
        margin-left: 10px !important;
        margin: 0px;
    }
}

/* .solutions h2 {
        text-align: center;
      }

      section {
        padding: 0px;
      }
      footer {
        background: unset;
        border: none;
      }

      .solution-box h3, .solution-box p {
        color: #fff;
      }
      .hire-para
      {
        color: #fff;
      }
      .why_txt_cnt h2
      {
        font-weight: 700;
        color: #fff;
        text-transform: capitalize;
        font-size: 25px;
        letter-spacing: 0;
        font-family: Raleway, sans-serif;
        line-height: 1.5;
        text-align: left;
      }
      .impact_text h2
      {
        text-align: center;
      }
          .mid_section p {
          text-align: justify;
          display: flex;
          justify-content: center;
          align-items: center;
      }

      .hire_title
      {
            font-weight: 700;
          color: #fff;
          text-transform: capitalize;
          font-size: 25px;
          letter-spacing: 0;
          font-family: Raleway, sans-serif;
          line-height: 1.5;
      }*/

.blockchain_iot_development .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url("../../static/media/banner%20(2).59edd9b8c77a25c73019.webp");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.blockchain_iot_development .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_iot_development .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_iot_development .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_iot_development .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_iot_development .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_iot_development .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_iot_development .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_iot_development .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_iot_development .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_iot_development .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_iot_development .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_iot_development .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_iot_development .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .mid_section {
    padding: 50px 0;
    background: #000;
}

.blockchain_iot_development .mid_section .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 13px;
}

.blockchain_iot_development .mid_section .spr_img {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.blockchain_iot_development .mid_section .media-heading {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(105.71deg, #BD3AFF -4.33%, #5A69FF 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
    padding-top: 10px;
}

.blockchain_iot_development .mid_section .media-heading .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: left;
    min-height: 280px;
}

.blockchain_iot_development .mid_section .work_with_box {
    border: 2px solid #4E4E4E;
    border-radius: 25px;
    padding: 20px;
    min-height: 387px;
    margin-top: 10px;
}

.blockchain_iot_development .alg_mac {
    padding: 50px 0;
    background: #000;
}

.blockchain_iot_development .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_iot_development .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_iot_development .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_iot_development .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_iot_development .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_iot_development .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_iot_development .alg_mac .ul_list li::before {
    content: "";
    /* background-image: url(./asset/inner-pages-new/blockchain_new/green_tick.png); */
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_iot_development .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_iot_development .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_iot_development .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_iot_development .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_iot_development .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_iot_development .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_iot_development .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 400px;
    position: relative;
    z-index: 1;
}

.blockchain_iot_development .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_iot_development .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_iot_development .metaverse_game_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_iot_development .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

.blockchain_iot_development .crypto_exch_listing_services {
    padding: 50px 0px;
    position: relative;
}

.blockchain_iot_development .crypto_exch_listing_services:before {
    background: #0D0D0D;
    content: '';
    top: 28%;
    left: 0px;
    width: 100%;
    height: 350px;
}

.blockchain_iot_development .crypto_exch_listing_services:after {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    position: absolute;
    content: '';
    bottom: 0%;
    left: 0px;
    width: 100%;
    height: 350px;
}

.blockchain_iot_development .crypto_exch_listing_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .crypto_exch_listing_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

.blockchain_iot_development .crypto_exch_listing_services .service_box {
    padding: 15px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.blockchain_iot_development .crypto_exch_listing_services .service_box .inr_img {
    width: 83px;
    height: 83px;
    line-height: 80px;
    margin: 20px auto;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
}

.blockchain_iot_development .crypto_exch_listing_services .sub_title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

.blockchain_iot_development .crypto_exch_listing_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

.blockchain_iot_development .crypto_exch_listing_services .sprite_icons {
    width: 71px;
    height: 70px;
    object-fit: none;
}

.blockchain_iot_development .metaverse_game_industry {
    padding: 50px 0px;
}

.blockchain_iot_development .metaverse_game_industry .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .metaverse_game_industry .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

.blockchain_iot_development .metaverse_game_industry .industry_box {
    padding: 15px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #C434E5;
    border-radius: 5px;
    margin: 40px 0px;
    transition: 0.5s all ease-in-out;
    transform: translateY(10px);
}

.blockchain_iot_development .metaverse_game_industry .industry_box:hover {
    transform: translateY(0px);
}

.blockchain_iot_development .metaverse_game_industry .industry_box:hover .sprite_icons {
    filter: grayscale(1);
}

.blockchain_iot_development .metaverse_game_industry .sprite_icons {
    /*  width: 60px;
        height: 60px;*/
    object-fit: none;
    margin-bottom: -60px;
}

.blockchain_iot_development .metaverse_game_industry .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .metaverse_game_industry .sub_content {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_iot_development .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_iot_development .blockchain_development_bnr_section .title,
    .blockchain_iot_development .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_iot_development .blockchain_software .section_heading,
    .blockchain_iot_development .blk_dev_bnr_btn_sec,
    .blockchain_iot_development .metaverse_dev_why .title,
    .blockchain_iot_development .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_iot_development .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_iot_development .blockchain_software .bs_d_c_bg,
    .blockchain_iot_development .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_iot_development .crypto_exch_listing_services:after {
        background: transparent;
    }
    .blockchain_iot_development .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_iot_development .alg_mac .title,
    .blockchain_iot_development .metaverse_game_services .title,
    .blockchain_iot_development .crypto_exch_listing_services .title,
    .blockchain_iot_development .metaverse_game_industry .title,
    .blockchain_iot_development .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

/* .solutions h2 {
        text-align: center;
      }

      section {
        padding: 0px;
      }
      footer {
        background: unset;
        border: none;
      }

      .solution-box h3, .solution-box p {
        color: #fff;
      }
      .hire-para
      {
        color: #fff;
      }
      .why_txt_cnt h2
      {
        font-weight: 700;
        color: #fff;
        text-transform: capitalize;
        font-size: 25px;
        letter-spacing: 0;
        font-family: Raleway, sans-serif;
        line-height: 1.5;
        text-align: left;
      }
      .impact_text h2
      {
        text-align: center;
      }
          .mid_section p {
          text-align: justify;
          display: flex;
          justify-content: center;
          align-items: center;
      }

      .hire_title
      {
            font-weight: 700;
          color: #fff;
          text-transform: capitalize;
          font-size: 25px;
          letter-spacing: 0;
          font-family: Raleway, sans-serif;
          line-height: 1.5;
      }*/

.blockchain_iot_development .blockchain_development_bnr_section {
    position: relative;
    color: #fff;
    background: url("../../static/media/banner%20(2).59edd9b8c77a25c73019.webp");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    height: 100vh;
    display: flex;
}

.blockchain_iot_development .blockchain_development_bnr_section .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
    text-align: left;
}

.blockchain_iot_development .blockchain_development_bnr_section .grad_text {
    background: linear-gradient(94.13deg, #CD45FF 6.65%, #3F5BFF 93.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blockchain_iot_development .blockchain_development_bnr_section .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.blockchain_iot_development .blockchain_development_bnr_section .contents {
    font-size: 16px !important;
    color: #FFFFFF;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
}

.blockchain_iot_development .blockchain_development_bnr_section .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .blk_dev_bnr_btn_sec {
    margin-top: 35px;
}

.blockchain_iot_development .blockchain_software {
    background: #000;
    padding: 50px 0px;
}

.blockchain_iot_development .blockchain_software .blockchain_dev_aboutus_title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .blockchain_software .section_heading {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_iot_development .blockchain_software .bs_d_c_bg {
    padding: 50px 0 50px 50px;
}

.blockchain_iot_development .blockchain_software .video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.blockchain_iot_development .blockchain_software .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    border: 3px solid transparent;
    /* background:#fff;*/
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    /* -webkit-mask-composite: xor;
mask-composite: exclude;*/
}

.blockchain_iot_development .blockchain_software .video-wrapper iframe {
    width: 100%;
    border-radius: 35px;
    min-height: 638px;
}

.blockchain_iot_development .blockchain_software video {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 42.93%, #000000 100%);
    opacity: 0.65;
}

.blockchain_iot_development .blockchain_software .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .mid_section {
    padding: 50px 0;
    background: #000;
}

.blockchain_iot_development .mid_section .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 13px;
}

.blockchain_iot_development .mid_section .spr_img {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.blockchain_iot_development .mid_section .media-heading {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(105.71deg, #BD3AFF -4.33%, #5A69FF 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
    padding-top: 10px;
}

.blockchain_iot_development .mid_section .media-heading .normal_text {
    font-size: 16px;
    padding-top: 5px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: left;
    min-height: 280px;
}

.blockchain_iot_development .mid_section .work_with_box {
    border: 2px solid #4E4E4E;
    border-radius: 25px;
    padding: 20px;
    min-height: 387px;
    margin-top: 10px;
}

.blockchain_iot_development .alg_mac {
    padding: 50px 0;
    background: #000;
}

.blockchain_iot_development .alg_mac .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .alg_mac .para_title {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_iot_development .alg_mac .why_round {
    /* min-width: 800px;*/
    height: 2px;
    flex-shrink: 0;
    background: #4B4B4B;
    margin: 0 auto;
}

.blockchain_iot_development .alg_mac .ul_list {
    list-style: none;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 45px;
    padding: 50px 0 50px 50px;
}

.blockchain_iot_development .alg_mac .ul_list.right {
    background: linear-gradient(270deg, #2F2F78 8.46%, #000000 61.73%);
    border-radius: 45px;
    padding: 50px 50px 50px 0px;
}

.blockchain_iot_development .alg_mac .ul_list.right li {
    margin-left: 70px;
}

.blockchain_iot_development .alg_mac .ul_list li {
    display: flex;
    align-items: center;
    padding: 10px;
}

.blockchain_iot_development .alg_mac .ul_list li::before {
    content: "";
    /* background-image: url(./asset/inner-pages-new/blockchain_new/green_tick.png); */
    background-size: contain;
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    top: 0.1rem;
    margin-right: 0.2rem;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
}

.blockchain_iot_development .alg_mac .ul_list .p_cnts {
    color: #C0C0C0;
    font-weight: 300;
    padding-top: 14px;
}

.blockchain_iot_development .metaverse_dev_why {
    color: #fff;
    /* background: url(./asset/inner-pages-new/blockchain_new/last_bg.webp);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top right;
    align-items: center !important;
    display: flex;
    height: 70vh;
}

.blockchain_iot_development .metaverse_dev_why .blk_dev_bnr_btn {
    background: linear-gradient(96.74deg, #BD3AFF -4.87%, #8B52FF 52.71%, #5A69FF 114.94%);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .metaverse_dev_why .title {
    font-size: 30px;
    color: #fff;
    /* font-weight: 700;*/
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: left;
}

.blockchain_iot_development .metaverse_dev_why .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.blockchain_iot_development .metaverse_game_services {
    padding: 130px 0px;
    /* background: url('./asset/inner-pages-new/metaverse-game-development/service-bg.webp'); */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blockchain_iot_development .metaverse_game_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .metaverse_game_services .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    margin-bottom: 60px;
}

.blockchain_iot_development .metaverse_game_services .service_box {
    padding: 12px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    border-radius: 28px;
    text-align: center;
    margin: 20px;
    min-height: 400px;
    position: relative;
    z-index: 1;
}

.blockchain_iot_development .metaverse_game_services .service_box:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 2%;
    width: 260px;
    height: 150px;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    filter: blur(60px);
    border-radius: 32px;
    z-index: -1;
}

.blockchain_iot_development .metaverse_game_services .sprite_icons {
    width: 150px;
    height: 150px;
    object-fit: none;
    margin-top: -90px;
    animation: zoom-in-zoom-out 5s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.blockchain_iot_development .metaverse_game_services .gamefi-procedures-developing {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    background: #000;
    border-radius: 15px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_iot_development .metaverse_game_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

.blockchain_iot_development .crypto_exch_listing_services {
    padding: 50px 0px;
    position: relative;
}

.blockchain_iot_development .crypto_exch_listing_services:before {
    background: #0D0D0D;
    content: '';
    top: 28%;
    left: 0px;
    width: 100%;
    height: 350px;
}

.blockchain_iot_development .crypto_exch_listing_services:after {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    position: absolute;
    content: '';
    bottom: 0%;
    left: 0px;
    width: 100%;
    height: 350px;
}

.gamefi-Employ-Our-Blockchain-img {
    margin-top: 150px;
}

.gamefi-blockchain-iot-img {
    margin-top: 250px !important;
}

@media (max-width:430px) {
    .gamefi-Employ-Our-Blockchain-img {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .gamefi-blockchain-iot-img {
        margin-top: 0px !important;
    }
}

.blockchain_iot_development .crypto_exch_listing_services .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .crypto_exch_listing_services .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

.blockchain_iot_development .crypto_exch_listing_services .service_box {
    padding: 15px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.blockchain_iot_development .crypto_exch_listing_services .service_box .inr_img {
    width: 83px;
    height: 83px;
    line-height: 80px;
    margin: 20px auto;
    background: linear-gradient(180deg, #C434E5 0%, #8B52FF 100%);
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
}

.blockchain_iot_development .crypto_exch_listing_services .sub_title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 10px;
}

.blockchain_iot_development .crypto_exch_listing_services .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

.blockchain_iot_development .crypto_exch_listing_services .sprite_icons {
    width: 71px;
    height: 70px;
    object-fit: none;
}

.blockchain_iot_development .metaverse_game_industry {
    padding: 50px 0px;
}

.blockchain_iot_development .metaverse_game_industry .title {
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

.blockchain_iot_development .metaverse_game_industry .contents {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
}

.blockchain_iot_development .metaverse_game_industry .industry_box {
    padding: 30px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #C434E5;
    border-radius: 5px;
    margin: 40px 0px;
    transition: 0.5s all ease-in-out;
    transform: translateY(10px);
}

.blockchain_iot_development .metaverse_game_industry .industry_box:hover {
    transform: translateY(0px);
}

.blockchain_iot_development .metaverse_game_industry .industry_box:hover .sprite_icons {
    filter: grayscale(1);
}

.blockchain_iot_development .metaverse_game_industry .sprite_icons {
    /*  width: 60px;
        height: 60px;*/
    object-fit: none;
    margin-bottom: -60px;
}

.blockchain_iot_development .metaverse_game_industry .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

.blockchain_iot_development .metaverse_game_industry .sub_content {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .blockchain_iot_development .blockchain_development_bnr_section {
        background: #000;
        padding: 100px 0px 0px 0px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .blockchain_iot_development .blockchain_development_bnr_section .title,
    .blockchain_iot_development .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_iot_development .blockchain_software .section_heading,
    .blockchain_iot_development .blk_dev_bnr_btn_sec,
    .blockchain_iot_development .metaverse_dev_why .title,
    .blockchain_iot_development .metaverse_dev_why .contents {
        text-align: center;
    }
    .blockchain_iot_development .blockchain_development_bnr_section .cus_title {
        font-size: 34px;
    }
    .blockchain_iot_development .blockchain_software .bs_d_c_bg,
    .blockchain_iot_development .alg_mac .ul_list {
        padding: 0;
    }
    .blockchain_iot_development .crypto_exch_listing_services:after {
        background: transparent;
    }
    .blockchain_iot_development .blockchain_software .blockchain_dev_aboutus_title,
    .blockchain_iot_development .alg_mac .title,
    .blockchain_iot_development .metaverse_game_services .title,
    .blockchain_iot_development .crypto_exch_listing_services .title,
    .blockchain_iot_development .metaverse_game_industry .title,
    .blockchain_iot_development .metaverse_dev_why .title {
        font-size: 25px !important;
        line-height: 1.4 !important;
        text-align: center;
    }
}

.custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: .2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 .2em rgb(165 115 201 / 10%)
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%)
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%)
    }
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10PX 15PX;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media(min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media(max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: .1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media(max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10PX 15PX;
        line-height: 23px;
        text-decoration: none;
        color: #FFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media(max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media(max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.50rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

@media (max-width:390px) {
    .gamefi-launchpad {
        height: 80vh;
    }
}

.sub_contenn {
    margin-top: 30px;
    font-size: 20px;
}

@media (max-width:600px) {
    .enhanced-monetization {
        margin-top: 70px;
    }
    .sub_contenn {
        font-size: 19px;
    }
    .blockchain-experts {
        height: 230vh;
        margin-top: 100vh;
    }
}

#nft_marketplace_main {
    background: #090909;
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

#nft_marketplace_main {
    background: #090909;
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

#nft_marketplace_main {
    background: #090909;
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

#nft_marketplace_main {
    background: #090909;
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

#nft_marketplace_main {
    background: #090909;
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

#nft_marketplace_main {
    background: #090909;
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

#nft_marketplace_main {
    background: #090909;
}

#nft_marketplace_main .nft_marketplace_banner {
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 80% !important;
        height: 650px;
    }
    #nft_marketplace_main .nft_marketplace_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909e6;
    }
}

#nft_marketplace_main .nft_marketplace_banner .title {
    font-weight: 300;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_banner .cus_title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
}

#nft_marketplace_main .nft_marketplace_banner .contents {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_banner .banner_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:before {
    position: absolute;
    content: '';
    bottom: -15%;
    left: 42%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
    position: absolute;
    content: '';
    top: -10%;
    right: -8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

@keyframes star_blinker {
    50% {
        opacity: 1;
    }
}

#nft_marketplace_main .nft_marketplace_clone_sec {
    padding-top: 100px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_clone_sec:before {
    position: absolute;
    content: '';
    top: 20%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_sec:after {
    position: absolute;
    content: '';
    bottom: 5%;
    left: 35%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    opacity: 0.5;
}

#nft_marketplace_main .nft_marketplace_clone_sec .title {
    font-weight: 900;
    font-size: 55px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title1 {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: 5px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title2 {
    color: rgba(255, 255, 255, 0.80);
    font-size: 58px;
    letter-spacing: 3px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .cus_title3 {
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 3px;
    line-height: 1.6;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
    background: white;
    cursor: pointer;
    position: relative;
    padding: 12px 8px;
    margin: 8px 12px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 15px;
    border: 1px solid #CE45FF;
    background: rgba(255, 255, 255, 0.03);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box::after {
    content: '';
    background: #CE45FF;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-clip-path: circle(10% at 0% 0%);
    clip-path: circle(10% at 0% 0%);
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .contents {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover::after {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .sub_title {
    color: #fff;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box:hover .icon_sprite {
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .sub_title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_box .icon_sprite {
    width: 40px;
    height: 40px;
    object-fit: none;
    filter: brightness(100);
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_clone_sec .clones_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
    font-size: 50px;
    font-weight: 800;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn_sec {
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    border-radius: 57px;
    background: #00FF47;
    margin-right: 10px;
}

#nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 57px;
    background: #00F0FF;
    color: #000 !important;
}

#nft_marketplace_main .nft_marketplace_services {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_services .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_services .service_box {
    padding: 10px;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_services .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_services .service_box img {
    animation: rotate-icon 3s linear infinite;
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#nft_marketplace_main .nft_marketplace_services .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_services .scroll_row {
    height: 350px;
    overflow-y: scroll;
}

/** Scrollbar Styles START **/

#nft_marketplace_main .scroll_row {
    scrollbar-width: thin;
    scrollbar-color: #db9d00 transparent;
    overflow-y: auto;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
    background-color: #ffffff0f;
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
}

#nft_marketplace_main .scroll_row::-webkit-scrollbar-track,
#nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

@-moz-document url-prefix() {
    #nft_marketplace_main .scroll_row {
        scrollbar-width: thin;
        scrollbar-color: #db9d00 #ffffff0f;
        overflow-y: auto;
    }
    #nft_marketplace_main .scroll_row::scrollbar {
        width: 5px;
        height: 3px;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-track {
        background-color: #ffffff0f;
    }
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    }
    #nft_marketplace_main .scroll_row::-scrollbar-track,
    #nft_marketplace_main .scroll_row::-webkit-scrollbar-thumb {
        border-radius: 50px;
    }
}

/** Scrollbar Styles END **/

#nft_marketplace_main .nft_marketplace_clone_whitelabel {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 8%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(min-width: 991px) {
    #nft_marketplace_main .nft_marketplace_ready {
        /* background: url('./asset/inner-pages-new/nft-marketplace-development/bg-tab.webp?v1'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        mix-blend-mode: lighten;
        padding: 80px 0px;
    }
}

#nft_marketplace_main .nft_marketplace_ready .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    text-align: center;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main {
    border-radius: 20px;
    border: 1px solid #C932FF;
    background: rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 38px 0px rgba(198, 38, 255, 0.46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .sprite_icons {
    width: 85px;
    height: 85px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_ready .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_ready .sub_title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab_item_sec {
    padding: 30px;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
    border-right: 3px solid #C31BFF;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs {
    border-bottom: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link {
    color: #fff;
    text-transform: capitalize !important;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0px;
    font-family: "Urbanist", sans-serif;
    margin: 5px 5px;
    white-space: nowrap;
    background: transparent;
    border: none;
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-item.show .nav-link,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:focus,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link:hover,
#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .nav-tabs .nav-link.active {
    border-radius: 5px;
    border: 1px solid #CE45FF;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgba(206, 69, 255, 0.77);
}

#nft_marketplace_main .nft_marketplace_ready .tab_sec_main .tab-content {
    padding: 30px 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_ready .ready_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

#nft_marketplace_main .nft_marketplace_usecase {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_usecase:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 37%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_usecase .title {
    font-size: 55px;
    color: #fff;
    font-weight: 800;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_usecase .usecase_box {
    border-radius: 10px;
    background: #000;
    padding: 20px;
    margin-right: 20px;
    min-height: 375px;
}

#nft_marketplace_main .nft_marketplace_usecase .head_sec {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_usecase .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_usecase .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
    padding-bottom: 40px;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev {
    left: 47%;
    top: 100% !important;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-prev:before,
#nft_marketplace_main .nft_marketplace_usecase .slick-next:before {
    font-size: 28px;
    color: #BD3AFF;
}

#nft_marketplace_main .nft_marketplace_usecase .slick-next {
    top: 100% !important;
    right: 47%;
}

#nft_marketplace_main .nft_marketplace_roadmap {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap:before {
    position: absolute;
    content: '';
    top: 7%;
    right: 25%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_roadmap .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card {
    list-style: none;
    background-color: #000;
    padding: 20px;
    box-shadow: 5px 5px 0px 0px #c946ff;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_timeline .timeline_card .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_roadmap .osc_row_align {
    display: flex;
    align-items: center;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
    margin-left: 60px;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical {
    position: relative;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c946ff;
    position: absolute;
    left: 50%;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #c946ff;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_features .features_box {
    border: 1px solid #CE45FF;
    background: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: center;
    min-height: 332px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#nft_marketplace_main .nft_marketplace_features .bor_fst {
    border-radius: 50px 0px 0px 50px;
}

#nft_marketplace_main .nft_marketplace_features .bor_last {
    border-radius: 0px 50px 50px 0px;
}

#nft_marketplace_main .nft_marketplace_features .bor_bottom {
    border-radius: 0px 0px 50px 50px;
}

#nft_marketplace_main .nft_marketplace_features .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_features .sub_contents {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#nft_marketplace_main .nft_marketplace_features .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

#nft_marketplace_main .nft_marketplace_blockchain {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_blockchain .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card {
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_blockchain .tech_stact_card:hover .various_blockchain {
    opacity: 1;
}

#nft_marketplace_main .nft_marketplace_blockchain .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
    padding-top: 10px;
}

#nft_marketplace_main .nft_marketplace_blockchain .cus_col:after {
    position: absolute;
    content: '';
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1.5px;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.00) 0%, #CD45FF 46.83%, rgba(9, 9, 9, 0.00) 100%);
}

#nft_marketplace_main .nft_marketplace_blockchain .various_blockchain {
    width: 100px;
    height: 100px;
    object-fit: none;
    opacity: 0.6;
}

#nft_marketplace_main .nft_marketplace_techstack {
    padding: 50px 0px;
    position: relative;
}

#nft_marketplace_main .nft_marketplace_techstack:before {
    position: absolute;
    content: '';
    top: 6%;
    right: 32%;
    width: 80px;
    height: 80px;
    /* background: url('./asset/inner-pages-new/nft-marketplace-development/star.svg'); */
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.2;
}

#nft_marketplace_main .nft_marketplace_techstack .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose {
    padding: 50px 0px;
}

#nft_marketplace_main .nft_marketplace_whychoose .title {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
}

#nft_marketplace_main .nft_marketplace_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
}

#nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
    padding: 20px;
    border-radius: 50px 5px 5px 50px;
    border: 1px solid #CE45FF;
    background: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nft_marketplace_main .nft_marketplace_whychoose .scroll_row {
    height: 230px;
    overflow-y: scroll;
    margin-top: 30px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn_sec {
    margin-top: 20px;
}

#nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn {
    padding: 8px 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px !important;
    border-radius: 102px;
    background: linear-gradient(158deg, #C843F9 0%, #3E5AFF 100%);
    border: none;
    color: #FFF;
    text-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

@media(max-width: 991px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:before,
    #nft_marketplace_main .nft_marketplace_clone_sec:after,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel:before,
    #nft_marketplace_main .nft_marketplace_blockchain .cus_col:after,
    #nft_marketplace_main .nft_marketplace_roadmap:before {
        display: none;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        right: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec,
    #nft_marketplace_main .nft_marketplace_clone_sec,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel,
    #nft_marketplace_main .nft_marketplace_whychoose {
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec {
        padding-top: 0px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec img,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel img,
    #nft_marketplace_main .nft_marketplace_whychoose img {
        margin-top: 40px;
    }
    #nft_marketplace_main .nft_marketplace_ready .tab_sec_main .bor_rght {
        border: none;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 55%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 43%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 43%;
    }
    #nft_marketplace_main .nft_marketplace_features .features_box {
        min-height: 0px;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 18%;
    }
    #nft_marketplace_main .nft_marketplace_ready {
        padding: 50px 0px;
    }
}

@media(max-width: 767px) {
    #nft_marketplace_main .nft_marketplace_banner {
        display: flex;
        align-items: center;
        min-height: 550px;
        padding: 50px 0px;
    }
    #nft_marketplace_main .nft_marketplace_banner .title {
        font-size: 28px !important;
    }
    #nft_marketplace_main .nft_marketplace_banner .cus_title {
        font-size: 35px !important;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title {
        font-size: 35px;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_btn,
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn,
    #nft_marketplace_main .nft_marketplace_whychoose .nft_marketplace_btn,
    #nft_marketplace_main .nft_marketplace_ready .ready_btn,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .nft_marketplace_btn {
        font-size: 14px !important;
        padding: 8px 18px;
        margin: 0 auto;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .cus_title,
    #nft_marketplace_main .nft_marketplace_clone_sec .title,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title1,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title2,
    #nft_marketplace_main .nft_marketplace_clone_sec .cus_title3,
    #nft_marketplace_main .nft_marketplace_services .title,
    #nft_marketplace_main .nft_marketplace_clone_whitelabel .title,
    #nft_marketplace_main .nft_marketplace_ready .title,
    #nft_marketplace_main .nft_marketplace_roadmap .title,
    #nft_marketplace_main .nft_marketplace_features .title,
    #nft_marketplace_main .nft_marketplace_whychoose .title,
    #nft_marketplace_main .nft_marketplace_techstack .title,
    #nft_marketplace_main .nft_marketplace_blockchain .title {
        font-size: 26px !important;
        line-height: 1.6 !important;
        font-weight: 700;
        text-align: center;
    }
    #nft_marketplace_main .nft_marketplace_usecase .title {
        font-size: 25px;
    }
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn,
    #nft_marketplace_main .nft_marketplace_clone_dev_sec .nft_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 18px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_box {
        margin-bottom: 10px;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec .clones_btn_sec {
        margin-top: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .usecase_box {
        margin-top: 30px;
    }
    #nft_marketplace_main .nft_marketplace_whychoose .whychoose_box {
        min-height: 0px;
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_ready .sub_title {
        font-size: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 0px;
        margin-left: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase:before {
        left: 60%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 10%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -15%;
        right: 2%;
    }
}

@media(max-width: 476px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -10%;
    }
    #nft_marketplace_main .nft_marketplace_clone_sec:before {
        top: 0%;
        left: 0%;
    }
    #nft_marketplace_main .nft_marketplace_techstack:before {
        right: 0%;
        top: 12%;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_left {
        margin-left: 40px;
        margin-right: 10px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_margin_right {
        margin-right: 10px;
        margin-left: 40px;
    }
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_counter_before:before,
    #nft_marketplace_main .nft_marketplace_roadmap .timeline_vertical:after {
        left: 6%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .nft-marketplace-usecase {
        margin-bottom: 20px;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-next {
        right: 40%;
    }
    #nft_marketplace_main .nft_marketplace_usecase .slick-prev {
        left: 40%;
    }
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -23% !important;
        right: 5% !important;
    }
}

@media(max-width: 380px) {
    #nft_marketplace_main .nft_marketplace_banner .banner_img_col:after {
        top: -8% !important;
    }
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot");
     src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
     src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    /* src: url("../webfonts/fa-solid-900.eot");
     src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); */
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

*,
::after,
::before {
    box-sizing: border-box;
    color: white;
}

#nft_marketplace_main .nft_marketplace_services .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
    color: #848484;
}

/* Slider */

.clone_list {
    display: flex;
    align-items: center;
    gap: 20px;
}

li {
    cursor: pointer !important;
}

.slick-slider {
    position: relative !important;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

@media (max-width: 1400px) {
    .bnrVideoTop {
        margin-top: 50px;
    }
}

.Main-section #homebanner .banner_btn_sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Main-section #homebanner .BnrCnt .title {
    margin-bottom: 20px;
    color: #ffffffb8;
    line-height: 1.2;
}

.Main-section #homebanner .BnrCnt .cus_title {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.Main-section #homebanner .vdoCntLst {
    margin-top: 10px;
}

.Main-section .BnnerCntSec .cus_title {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.Main-section .BnnerCntSec .cus_title_we {
    font-weight: 200;
}

@media (max-width: 767px) {
    .Main-section #homebanner .BnrCnt .title {
        line-height: 1.4;
    }
    .Main-section #homebanner .BnrCnt .cus_title {
        font-size: 38px;
    }
    .Main-section #homebanner .banner_btn_sec {
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .Main-section .BnnerCntSec .cus_title {
        font-size: 25px;
    }
    .Main-section .BnnerCntSec .BnrCnt h1 {
        line-height: 1.5;
        font-size: 25px;
    }
    .Main-section .why_metablock_blockchain_sec {
        padding-top: 0px !important;
        text-align: center;
    }
    .Main-section .why_metablock_blockchain_sec .HddrBtns {
        display: flex;
        justify-content: center;
    }
    .Main-section .blockchain_solution_sec .blck_sol_box,
    .Main-section .blockchain_solution_sec .blck_sol_box1 {
        min-height: 0px !important;
    }
    .Main-section .blockchain_solution_sec .sub_title {
        margin-top: 20px !important;
    }
    .Main-section .blockchain_solution_sec .BnrCnt h2 {
        text-align: center;
    }
    .Main-section .blockchain_solution_sec .img_sec {
        margin-top: -10% !important;
    }
    .Main-section .blockchain_dev_sec .blockchain_dev_btnsec .BtnPrimry {
        margin: 0 auto;
    }
    .Main-section .blockchain_dev_sec .mnyExpoScImg img {
        margin-top: 30px;
    }
}

.Main-section .why_metablock_blockchain_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .Main-section .why_metablock_blockchain_sec .why_metablock_blockchain_card {
        /* background: url("./asset/home-page-new/images/why-metablock-blk-card.webp"); */
        background-repeat: no-repeat;
        padding: 50px;
        min-height: 562px;
    }
}

.Main-section .why_metablock_blockchain_sec .contents {
    font-size: 16px !important;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

@media (min-width: 991px) {
    .Main-section .blockchain_solution_sec {
        padding: 50px 0px;
        /* background: url("./asset/home-page-new/images/blockchain-solution-bg.webp"); */
        background-repeat: no-repeat;
        min-height: 1289px;
    }
}

.Main-section .blockchain_solution_sec .blck_sol_box {
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 60px;
    min-height: 350px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .blck_sol_box1 {
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 80px;
    min-height: 354px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .sub_title {
    color: #e64dff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: 15px;
}

.Main-section .blockchain_solution_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.Main-section .blockchain_solution_sec .img_sec {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20%;
}

.Main-section .blockchain_solution_sec .img_sec:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(125deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 42%;
    left: 50%;
    z-index: -1;
    position: absolute;
    content: "";
    animation: rotatebg 2s infinite alternate-reverse;
}

.Main-section .blockchain_solution_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_dev_sec {
    overflow: visible;
    overflow: initial;
    padding-top: 0px;
}

.Main-section .blockchain_dev_sec p {
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}

@keyframes rotatebg {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0);
    }
}

.OurBlgBg .OurSrvcHdd .blog_title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MtaverseSec .title,
.Main-section .metaSlnSc .title,
.Main-section .OurPrjctBg .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .metablock_testimonial_sec {
    padding: 50px 0px;
}

.Main-section .metablock_testimonial_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .metablock_testimonial_sec .title .cus_title {
    color: #828282;
}

.Main-section .metablock_testimonial_sec .testimonials {
    margin-top: 30px;
}

.Main-section .metablock_testimonial_sec .item-6 {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.Main-section .metablock_testimonial_sec .item-6::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("https://www.metablocktechnologies.com/asset/home-page-new/images/blueQuotes.webp") center/52px no-repeat;
}

.Main-section .metablock_testimonial_sec .item-6 .testMoLst {
    margin-left: 15px;
}

.Main-section .metablock_testimonial_sec .item-6 .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.Main-section .metablock_testimonial_sec .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.Main-section .metablock_testimonial_sec .sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.Main-section .metablock_testimonial_sec .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.Main-section .metablock_testimonial_sec .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-prev {
    left: 0%;
    z-index: 1;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-prev:before {
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-next {
    right: 1%;
    z-index: 1;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

@media (max-width: 991px) {
    .Main-section .metablock_testimonial_sec .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .Main-section .metablock_testimonial_sec .title {
        font-size: 25px;
        text-align: center;
    }
    .new-blockchain {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

@media (max-width: 467px) {
    .Main-section .metablock_testimonial_sec .item-6 {
        display: inline;
        display: initial;
        padding: 30px;
    }
    .Main-section .metablock_testimonial_sec .item-6 .testMoLst {
        margin-left: 0px;
        margin-top: 10px;
    }
    .Main-section .metablock_testimonial_sec .item-6 .testMoImgBg {
        display: inline;
        display: initial;
    }
    .Main-section .metablock_testimonial_sec .item-6 .testMoImgBg .head_sec {
        margin-bottom: 10px;
    }
}

/*Scroll Service Style Start*/

@media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item-6 {
        position: relative;
    }
    .Main-section .scroll-reveal-section .item-6:after {
        content: "";
        display: block;
        height: 120vh;
        margin-bottom: -120vh;
    }
    .Main-section .scroll-reveal-section .item-6:last-of-type {
        margin-bottom: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent 50px), linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
    .Main-section .scroll-reveal-section .item-6:last-of-type:after {
        display: none;
    }
    .Main-section .scroll-reveal-section .item-6 .image-holder {
        position: -webkit-sticky;
        position: sticky;
        top: 5%;
    }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
}

/*Scroll Service Style End*/

/*Mobile Service Style Start*/

.Main-section .service_mbl_sec {
    padding: 50px 0px;
}

.Main-section .service_mbl_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .service_mbl_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .service_mbl_sec .service_tabcont .tab-pane {
    border: 1px solid #ffffff42;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd .h3_title {
    font-size: 25px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt {
    padding-left: 20px;
    margin-bottom: 20px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt:after {
    left: 0px;
    top: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtaverseSec {
    padding: 0px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd {
    margin-top: 0 !important;
}

.Main-section .service_mbl_sec ul.nav-tabs {
    border-bottom: none;
    margin-top: 20px;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link {
    color: #fff;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link.active {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
}

/*Mobile Service Style End*/

/*Blockchain Process Style Start*/

.Main-section .blockchain_process_sec {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

.Main-section .blockchain_process_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.3;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .blockchain_process_sec .cusclr_title {
    color: #828282;
}

.Main-section .blockchain_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

.Main-section .blockchain_process_sec .pros_head_Sec {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
}

.Main-section .blockchain_process_sec .process_list {
    padding: 10px;
}

.Main-section .blockchain_process_sec .sub_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 10px;
}

.Main-section .blockchain_process_sec .sub_contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    padding-top: 10px;
}

.Main-section .blockchain_process_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_process_sec .process_list .img_sec {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .Main-section .blockchain_process_sec .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .Main-section .blockchain_process_sec .process_list {
        padding: 10px 0px;
    }
    .Main-section .blockchain_process_sec {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 500px;
        margin: 0px 10px;
        background: #101010;
        border: 1px solid #ffffff17;
        border-radius: 5px;
    }
    .Main-section .blockchain_process_sec .pros_head_Sec {
        top: 0%;
    }
    /** Scrollbar Styles START **/
    .Main-section .blockchain_process_sec {
        scrollbar-width: thin;
        scrollbar-color: #00f0ff transparent;
        overflow-y: auto;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        border-radius: 3px;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
        border-radius: 3px;
        background: transparent;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
        height: 4px;
    }
    @-moz-document url-prefix() {
        .Main-section .blockchain_process_sec {
            scrollbar-width: thin;
            scrollbar-color: #00f0ff transparent;
            overflow-y: auto;
        }
        .Main-section .blockchain_process_sec::scrollbar {
            width: 5px;
            height: 4px;
            border-radius: 3px;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
            border-radius: 3px;
            background: transparent;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
            height: 4px;
        }
    }
    /** Scrollbar Styles END **/
}

/*Blockchain Process Style End*/

@media (max-width: 1400px) {
    .bnrVideoTop {
        margin-top: 50px;
    }
}

.Main-section #homebanner .banner_btn_sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Main-section #homebanner .BnrCnt .title {
    margin-bottom: 20px;
    color: #ffffffb8;
    line-height: 1.2;
}

.Main-section #homebanner .BnrCnt .cus_title {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.Main-section #homebanner .vdoCntLst {
    margin-top: 10px;
}

.Main-section .BnnerCntSec .cus_title {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.Main-section .BnnerCntSec .cus_title_we {
    font-weight: 200;
}

@media (max-width: 767px) {
    .Main-section #homebanner .BnrCnt .title {
        line-height: 1.4;
    }
    .Main-section #homebanner .BnrCnt .cus_title {
        font-size: 38px;
    }
    .Main-section #homebanner .banner_btn_sec {
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .Main-section .BnnerCntSec .cus_title {
        font-size: 25px;
    }
    .Main-section .BnnerCntSec .BnrCnt h1 {
        line-height: 1.5;
        font-size: 25px;
    }
    .Main-section .why_metablock_blockchain_sec {
        padding-top: 0px !important;
        text-align: center;
    }
    .Main-section .why_metablock_blockchain_sec .HddrBtns {
        display: flex;
        justify-content: center;
    }
    .Main-section .blockchain_solution_sec .blck_sol_box,
    .Main-section .blockchain_solution_sec .blck_sol_box1 {
        min-height: 0px !important;
    }
    .Main-section .blockchain_solution_sec .sub_title {
        margin-top: 20px !important;
    }
    .Main-section .blockchain_solution_sec .BnrCnt h2 {
        text-align: center;
    }
    .Main-section .blockchain_solution_sec .img_sec {
        margin-top: -10% !important;
    }
    .Main-section .blockchain_dev_sec .blockchain_dev_btnsec .BtnPrimry {
        margin: 0 auto;
    }
    .Main-section .blockchain_dev_sec .mnyExpoScImg img {
        margin-top: 30px;
    }
}

.Main-section .why_metablock_blockchain_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .Main-section .why_metablock_blockchain_sec .why_metablock_blockchain_card {
        background-repeat: no-repeat;
        padding: 50px;
        min-height: 562px;
    }
}

.Main-section .why_metablock_blockchain_sec .contents {
    font-size: 16px !important;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

@media (min-width: 991px) {
    .Main-section .blockchain_solution_sec {
        padding: 50px 0px;
        background-repeat: no-repeat;
        min-height: 1289px;
    }
}

.Main-section .blockchain_solution_sec .blck_sol_box {
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 60px;
    min-height: 350px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .blck_sol_box1 {
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff24 0%, rgba(6, 6, 6, 0) 100%);
    padding: 20px;
    margin-top: 80px;
    min-height: 354px;
    position: relative;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
}

.Main-section .blockchain_solution_sec .sub_title {
    color: #e64dff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-top: 15px;
}

.Main-section .blockchain_solution_sec .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 30px;
}

.Main-section .blockchain_solution_sec .img_sec {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20%;
}

.Main-section .blockchain_solution_sec .img_sec:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(125deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 42%;
    left: 50%;
    z-index: -1;
    position: absolute;
    content: "";
    animation: rotatebg 2s infinite alternate-reverse;
}

.Main-section .blockchain_solution_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_dev_sec {
    overflow: visible;
    overflow: initial;
    padding-top: 0px;
}

.Main-section .blockchain_dev_sec p {
    line-height: 30px;
    font-weight: 300;
    font-size: 16px;
}

@keyframes rotatebg {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0);
    }
}

.OurBlgBg .OurSrvcHdd .blog_title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .MtaverseSec .title,
.Main-section .metaSlnSc .title,
.Main-section .OurPrjctBg .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .metablock_testimonial_sec {
    padding: 50px 0px;
}

.Main-section .metablock_testimonial_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.4;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .metablock_testimonial_sec .title .cus_title {
    color: #828282;
}

.Main-section .metablock_testimonial_sec .testimonials {
    margin-top: 30px;
}

.Main-section .metablock_testimonial_sec .item-6 {
    margin: 20px 15px;
    min-height: 330px;
    border: 1px solid;
    border-color: #e35cbd80 #e35cbd80 #817ce78f #817ce78f;
    border-radius: 20px;
    position: relative;
    padding: 40px 25px;
    display: flex;
}

.Main-section .metablock_testimonial_sec .item-6::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50px;
    width: 52px;
    height: 52px;
    background: url("https://www.metablocktechnologies.com/asset/home-page-new/images/blueQuotes.webp") center/52px no-repeat;
}

.Main-section .metablock_testimonial_sec .item-6 .testMoLst {
    margin-left: 15px;
}

.Main-section .metablock_testimonial_sec .item-6 .testMoImgBg {
    display: flex;
    justify-content: space-between;
}

.Main-section .metablock_testimonial_sec .user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.Main-section .metablock_testimonial_sec .sub_title {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(105.71deg, #bd3aff -4.33%, #5a69ff 117.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.Main-section .metablock_testimonial_sec .sub_title1 {
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0px;
}

.Main-section .metablock_testimonial_sec .sub_contents {
    font-size: 16px;
    padding-top: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.8;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-prev {
    left: 0%;
    z-index: 1;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-prev:before {
    content: "\276E";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-next {
    right: 1%;
    z-index: 1;
}

.Main-section .metablock_testimonial_sec .testimonials .slick-next:before {
    content: "\276F";
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #373737;
}

@media (max-width: 991px) {
    .Main-section .metablock_testimonial_sec .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .Main-section .metablock_testimonial_sec .title {
        font-size: 25px;
        text-align: center;
    }
}

@media (max-width: 467px) {
    .Main-section .metablock_testimonial_sec .item-6 {
        display: inline;
        display: initial;
        padding: 30px;
    }
    .Main-section .metablock_testimonial_sec .item-6 .testMoLst {
        margin-left: 0px;
        margin-top: 10px;
    }
    .Main-section .metablock_testimonial_sec .item-6 .testMoImgBg {
        display: inline;
        display: initial;
    }
    .Main-section .metablock_testimonial_sec .item-6 .testMoImgBg .head_sec {
        margin-bottom: 10px;
    }
}

@media (min-width: 991px) {
    .Main-section .scroll-reveal-section .item-6 {
        position: relative;
    }
    .Main-section .scroll-reveal-section .item-6:after {
        content: "";
        display: block;
        height: 120vh;
        margin-bottom: -120vh;
    }
    .Main-section .scroll-reveal-section .item-6:last-of-type {
        margin-bottom: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent 50px), linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent 50px);
    }
    .Main-section .scroll-reveal-section .item-6:last-of-type:after {
        display: none;
    }
    .Main-section .scroll-reveal-section .item-6 .image-holder {
        position: -webkit-sticky;
        position: sticky;
        top: 5%;
    }
}

.Main-section .scroll-reveal-section .service_head_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .scroll-reveal-section .service_head_sec {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.Main-section .scroll-reveal-section .service_head_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .scroll-reveal-section .exchg_bg.DapsMainBg {
    min-height: 810px;
}

/*Scroll Service Style End*/

/*Mobile Service Style Start*/

.Main-section .service_mbl_sec {
    padding: 50px 0px;
}

.Main-section .service_mbl_sec .service_title {
    margin-top: 30px !important;
}

.Main-section .service_mbl_sec .title {
    background: linear-gradient(92.12deg, #e442ff 2.22%, #3c5bff 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.Main-section .service_mbl_sec .service_tabcont .tab-pane {
    border: 1px solid #ffffff42;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd .h3_title {
    font-size: 25px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt {
    padding-left: 20px;
    margin-bottom: 20px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCnt:after {
    left: 0px;
    top: 10px;
}

.Main-section .service_mbl_sec .service_tabcont .MtaverseSec {
    padding: 0px;
}

.Main-section .service_mbl_sec .service_tabcont .MtavCntHdd {
    margin-top: 0 !important;
}

.Main-section .service_mbl_sec ul.nav-tabs {
    border-bottom: none;
    margin-top: 20px;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link {
    color: #fff;
}

.Main-section .service_mbl_sec .nav-tabs a.nav-link.active {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
}

.Main-section .blockchain_process_sec {
    padding: 50px 0px;
    position: relative;
    overflow: visible;
    overflow: initial;
}

.Main-section .blockchain_process_sec .title {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.3;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.Main-section .blockchain_process_sec .cusclr_title {
    color: #828282;
}

.Main-section .blockchain_process_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

.Main-section .blockchain_process_sec .pros_head_Sec {
    position: -webkit-sticky;
    position: sticky;
    top: 10%;
}

.Main-section .blockchain_process_sec .process_list {
    padding: 10px;
}

.Main-section .blockchain_process_sec .sub_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 10px;
}

.Main-section .blockchain_process_sec .sub_contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    padding-top: 10px;
}

.Main-section .blockchain_process_sec .sprite_icons {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.Main-section .blockchain_process_sec .process_list .img_sec {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .Main-section .blockchain_process_sec .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .Main-section .blockchain_process_sec .process_list {
        padding: 10px 0px;
    }
    .Main-section .blockchain_process_sec {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 500px;
        margin: 0px 10px;
        background: #101010;
        border: 1px solid #ffffff17;
        border-radius: 5px;
    }
    .Main-section .blockchain_process_sec .pros_head_Sec {
        top: 0%;
    }
    .Main-section .blockchain_process_sec {
        scrollbar-width: thin;
        scrollbar-color: #00f0ff transparent;
        overflow-y: auto;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        border-radius: 3px;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
        border-radius: 3px;
        background: transparent;
    }
    .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
        height: 4px;
    }
    @-moz-document url-prefix() {
        .Main-section .blockchain_process_sec {
            scrollbar-width: thin;
            scrollbar-color: #00f0ff transparent;
            overflow-y: auto;
        }
        .Main-section .blockchain_process_sec::scrollbar {
            width: 5px;
            height: 4px;
            border-radius: 3px;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-track {
            border-radius: 3px;
            background: transparent;
        }
        .Main-section .blockchain_process_sec::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: linear-gradient(208deg, #e442ff 20.57%, #3c5bff 80.49%);
            height: 4px;
        }
    }
}

*/ .custom-drp.show .dropdown-menu {
    display: flex;
}

.navMnuMn li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

.navMnuMn .nav-item {
    position: relative;
}

.navMnuMn .sub-menu {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    /*left: -100px;*/
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    width: -webkit-max-content;
    width: max-content;
    top: 60px;
    border: 1px solid #ffffff12;
    padding: 20px 30px;
}

.navMnuMn .sub-menu ul li {
    margin-top: 10px;
}

.navMnuMn .sub-menu li a {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px;
}

.navMnuMn .sub-menu li a:before {
    display: none;
}

.navMnuMn .sub-menu li a:after {
    display: none;
}

.tbsMenu .nav-tabs {
    display: none;
}

.cmpy_Overflow {
    background: #090909;
}

.card-body {
    background: #090909;
}

/*Social Icons Animation Style Start*/

.HddrLnks li.hasNewMenu a::before,
.HddrLnks li.hasNewMenu a::after {
    display: none !important;
}

.HddrLnks .hasNewMenu {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    background: #090909;
    place-items: center;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    position: relative;
    border: 1px solid #fff3;
    z-index: 0;
    cursor: pointer;
    margin-top: 5px;
}

.HddrLnks .hasNewMenu:hover {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-color: transparent;
    border: none;
}

.HddrLnks .hasNewMenu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 50%;
    will-change: box-shadow;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: -1;
    animation: 1s ease-out infinite ripple;
}

.HddrLnks .hasNewMenu .nav-link .contactIconTop {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 0px;
}

.mr-40 {
    margin-right: 40px;
}

@keyframes ripple {
    100%,
    25% {
        box-shadow: 0 0 0 0 rgb(165 115 201 / 30%), 0 0 0 0.2em rgb(165 115 201 / 10%);
    }
    50% {
        box-shadow: 0 0 0 0.5em rgb(165 115 201 / 30%), 0 0 0 1em rgb(165 115 201 / 30%);
    }
    75% {
        box-shadow: 0 0 0 2em rgb(165 115 201 / 30%), 0 0 0 2.5em rgb(165 115 201 / 10%);
    }
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}

.HddrLnks .hasNewMenu .social_icon_sub_menu {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 280px !important;
    width: 280px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0px !important;
    left: auto !important;
    padding: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 12px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 5px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu>p {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li {
    margin-top: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li a {
    padding-left: 5px;
    margin-right: 0px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li a:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .topNewContact ul li {
    display: flex;
    margin-top: 0px;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp {
    display: flex;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li.lastWhatsapp a {
    line-height: 15px !important;
}

.HddrLnks .hasNewMenu .social_icon_sub_menu .middlePartMenu ul li .middlePartMenu_img {
    width: 18px;
}

.HddrLnks .HddrBtns .menu_btn {
    padding: 10px 20px;
    /*width: 160px;*/
    font-size: 15px;
    min-height: 40px;
}

.HddrLnks .HddrBtns .menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

.HddrLnks .HddrBtns .menu_btn.button_christ .raindeer_img {
    width: 25px;
    padding-left: 3px;
}

.HddrLnks .HddrBtns .menu_btn.button_christ {
    position: relative;
    display: flex;
    align-items: center;
    background: #8650ff;
    padding: 10px 15px;
    line-height: 26px;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    border: 1px solid #8650ff;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.HddrLnks .HddrBtns .menu_btn.button_christ::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow2.webp) no-repeat 50% 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
}

.HddrLnks li a.cus_title {
    color: #00fff5;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

.HddrLnks li a.cus_title:before,
.HddrLnks li a.cus_title:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.HddrLnks li a.cus_title:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: border-box;
    background-clip: initial;
    text-fill-color: unset;
    color: #00fff5;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Social Icons Animation Style Start*/

@media (min-width: 991px) {
    .tbsMenu .nav-tabs {
        flex-flow: column nowrap;
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
        margin: 0 15px;
    }
    .tbsMenu .nav-tabs .nav-item+.nav-item {
        margin-top: 0.25rem;
    }
    .tbsMenu .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }
    .tbsMenu .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }
    .tbsMenu .nav-tabs .nav-link.active {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        border-radius: 5px;
        border: none;
        color: #fff !important;
    }
    .tbsMenu .nav-tabs .nav-link.active:hover {
        background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
        color: #fff !important;
        -webkit-text-fill-color: unset;
    }
    .tbsMenu .card {
        border: none;
    }
    .tbsMenu .card .card-header {
        display: none;
    }
    .tbsMenu .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .tbsMenu .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .HddrLnks .HddrBtns .menu_btn {
        margin: 12px 0px;
    }
}

.cmpy_Overflow {
    height: 350px;
    overflow-x: hidden;
}

.tbsMenu ::-webkit-scrollbar {
    width: 3px;
}

/* Track */

.tbsMenu ::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}

/* Handle */

.tbsMenu ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

/* Handle on hover */

.tbsMenu ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 50px;
}

.serSubMnu {
    left: -300px !important;
}

.serSubMnu .tab-content {
    width: 700px !important;
}

.serTabsOver {
    height: 450px;
    overflow-x: hidden;
}

.sub-menu ul li {
    position: relative;
}

.sub-menu ul li:after {
    content: "\25B6";
    position: absolute;
    top: 7px;
    left: -16px;
    color: #000000;
    font-size: 1px;
}

.cmpyAfter:after {
    display: none;
}

@media (min-width: 992px) {
    .menu_res {
        display: none;
    }
}

@media (max-width: 991px) {
    .menu_desk {
        display: none;
    }
    .menu_res .dropdown-menu {
        padding: 15px;
        background-color: #090909;
        border: 1px solid rgb(122 122 122 / 15%);
        color: #fff;
        height: 260px;
        overflow-y: scroll;
    }
    .menu_res .dropdown-toggle:after {
        right: -16px;
        top: 22px;
        background: #090909;
        width: 0px !important;
    }
    .menu_res .dropdown-toggle:before {
        display: none;
    }
    .compyMenuResHight {
        height: 400px;
        overflow-x: hidden;
    }
    .serSubMnu {
        position: static !important;
        position: initial !important;
        height: 350px;
        overflow-x: hidden;
        visibility: visible !important;
        visibility: initial !important;
        opacity: 1 !important;
        width: auto !important;
        width: initial !important;
    }
    .cmpy_Overflow {
        height: 200px !important;
    }
    .card {
        margin-top: 20px;
    }
    .navMnuMn .sub-menu {
        margin-bottom: 30px;
    }
}

#navbarNavAltMarkup .dropdown_sub_menu {
    margin-top: 10px;
}

#navbarNavAltMarkup .dropdown_sub_menu .drop_right_menu {
    width: -webkit-max-content;
    width: max-content;
    margin-left: 2.1rem;
    padding: 20px 30px;
    background: #090909;
    -webkit-backdrop-filter: blur(23px);
    backdrop-filter: blur(23px);
    border: 1px solid #ffffff12;
    border-radius: 5px;
    box-shadow: 0 12px 28px 1px rgb(0 0 0 / 47%), 0 2px 4px 0 rgb(8 8 8 / 37%);
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::before {
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::before,
#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link:hover::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    transition: none 0s ease 0s;
    transition: initial;
}

#navbarNavAltMarkup .dropdown_sub_menu .dropdown_nav_link::after {
    right: auto;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .HddrBg .navbar #navbarNavAltMarkup .HdrSroll {
        height: 703px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

/*Side Conatct Form Style Start*/

.HddrBg .web_menu_btn_sec {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec {
    position: absolute;
    border: 1px solid #ffffff17 !important;
    border-radius: 6px;
    top: 55px !important;
    min-width: 300px !important;
    width: 300px !important;
    transition: 0.1s ease-in-out !important;
    background: #1c1f21 !important;
    right: 0% !important;
    left: auto !important;
    display: none;
    padding: 0px !important;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8650ff;
    border-left: 10px solid transparent;
    top: -10px;
    right: 20px;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    background: #8650ff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef21;
}

.HddrBg .web_menu_btn_sec .contact_form_mainsec .topNewContact .sub_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.HddrBg .contact_form_mainsec .contact_form_sec {
    padding: 20px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    background: #8650ff !important;
    margin-top: 0px;
    border: none;
    padding: 8px 20px;
    padding-left: 20px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: center;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_country select option {
    color: #000 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div {
    display: flex;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input::-ms-input-placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select::placeholder,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #header_proposal_msg::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form select:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form textarea:-webkit-autofill,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:focus,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #292c2e inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #8650ff;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    color: #000;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::before,
.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form li a:hover {
    -webkit-text-fill-color: unset !important;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a:hover {
    background: #8650ff !important;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
    text-decoration: none;
}

.HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form #side_contact_form_error_msg {
    font-size: 14px !important;
}

/*Side Conatct Form Style End*/

/*Metaverse Blink Button Style*/

.single_trending_btn>p>a:hover {
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset;
    background: #bd48ff;
}

.single_trending_btn>p>a:hover:before,
.single_trending_btn>p>a::before,
.single_trending_btn>p>a::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}

.single_trending_btn {
    position: absolute;
    right: 5px;
    bottom: -34px;
}

.single_trending_btn>p {
    margin-bottom: 0;
}

.single_trending_btn>p>a {
    color: #fff;
    background: #bd48ff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 25px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin-right: 0px;
    line-height: inherit;
}

.single_trending_btn>p>a img {
    filter: invert(1);
    width: 20px;
}

.single_trending_btn .text_blink_animate {
    display: block;
    animation: zoom-in-zoom-out1 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*Metaverse Blink Button Style*/

@media (max-width: 991px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ {
        position: relative;
        display: flex;
        align-items: center;
        background: #8650ff;
        padding: 10px 15px;
        line-height: 23px;
        text-decoration: none;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-radius: 12px;
        border: 1px solid #8650ff;
        box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #be48ff, inset 0 80px 80px -40px #a54cff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn.button_christ::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: -7px;
        left: -3px;
        right: 0;
        height: 23px;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow1.webp) no-repeat 0 0, url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/snow3.webp) no-repeat 100% 0;
    }
}

@media (max-width: 767px) {
    .HddrBg .navbar .logo_header .mbl_res_logo {
        width: 210px;
    }
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec::after {
        right: 50px !important;
    }
    .HddrBg .web_menu_btn_sec .contact_form_mainsec {
        right: -30% !important;
    }
    .HddrBg .contact_form_mainsec .contact_form_sec #side_contact_form .side_contact_submit_btn {
        font-size: 14px !important;
    }
}

@media (max-width: 467px) {
    .HddrBg .web_menu_btn_sec .side_menu_btn {
        font-size: 12px !important;
        padding: 6px 8px !important;
        font-weight: 400 !important;
    }
    .HddrBg .logo_header {
        width: 55% !important;
    }
    .HddrBg .navbar {
        padding: 0.25rem 0.5rem;
    }
}

/*On Hover Hide Metaverse button*/

.HddrLnks .hasNewMenu:hover~.single_trending_sec {
    opacity: 0 !important;
}

.HddrBg .web_menu_btn_sec .side_menu_btn {
    padding: 8px 20px;
    font-size: 16px;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    color: #fff;
    font-weight: 500;
    border: none;
}

.HddrBg .web_menu_btn_sec .side_menu_btn:focus {
    box-shadow: none;
    box-shadow: initial;
}

/*Social Media Icons Style*/

.menu_social_icon_main {
    padding: 20px 0px;
}

.menu_social_icon_main .contents {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
}

.menu_social_icon_main .menu_social_listsec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec .menu_social_list img {
    width: 35px;
}

.menu_social_icon_main .menu_social_listsec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.menu_social_icon_main .menu_social_listsec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

/*Social Media Icons Style*/

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

body {
    font-family: "Readex Pro", sans-serif;
    background: linear-gradient(0deg, #060606, #060606), #FFFFFF;
    color: #FFFFFF;
}

section {
    overflow: hidden;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.BtnPrimry {
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 113.4%;
    color: #FFFFFF;
    min-width: 124px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Urbanist", sans-serif;
    z-index: 1;
    min-height: 44px;
    border: none;
    line-height: 42px;
    perspective: 230px;
}

.BtnPrimry.BtnTrnsp {
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.BtnPrimry.Btn175-44 {
    min-width: 175px;
}

.BtnPrimry span {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
}

.BtnPrimry span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px;
}

.BtnPrimry:hover span:nth-child(1) {
    color: #FFFFFF;
    transform: rotateX(0deg);
}

.BtnPrimry:hover span:nth-child(2) {
    color: transparent;
    transform: rotateX(-90deg);
}

.TlkBtn {
    width: 192px;
}

.TlkBtn img {
    width: 20px;
    height: 20px;
}

.BtnTrnsp span {
    background: transparent;
}

.BtnTrnsp span:nth-child(1) {
    transform: rotateX(90deg);
    transform-origin: 100% 100% -25px;
}

@media (min-width: 1200px) {
    .container-1170 {
        max-width: 1170px;
    }
}

.pgLoad {
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
}

.HddrBg {
    background: #090909;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999999;
}

.HddrBg .navbar {
    padding: 0.25rem 1rem;
}

.HddrBg .navbar .socialIcns .icons_li {
    width: 35px;
    height: 35px;
    display: grid !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    text-decoration: none;
}

.HddrBg .navbar .socialIcns .icons_li:hover {
    -webkit-text-fill-color: unset;
}

.HddrBg .navbar .socialIcns .icons_li::before,
.HddrBg .navbar .socialIcns .icons_li::after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
    background: initial !important;
}

.HddrBg .navbar .socialIcns .icons_li i {
    font-size: 20px !important;
    font-weight: 500;
    color: #fff;
    margin-left: 0;
}

.HddrBg .navbar .socialIcns .icons_li.whatsapp {
    background: #34af23 !important;
}

.HddrBg .navbar .socialIcns .icons_li.telegram {
    background: #08c !important;
}

.HddrBg .navbar .socialIcns .icons_li.skype {
    background: #4ea9f4;
}

.MnuPaddTop {
    padding-top: 62px;
}

.line {
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
    transition: 500ms ease-out;
}

.line_1 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 500ms ease-out;
}

.ui .active .line_1 {
    stroke-dashoffset: 26;
}

.line_2 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 800ms ease-out;
}

.ui .active .line_2 {
    stroke-dashoffset: 25;
}

.line_3 {
    stroke-dasharray: 21 100;
    stroke-dashoffset: 82;
    transition: 1100ms ease-out;
}

.ui .active .line_3 {
    stroke-dashoffset: 26;
}

.ui {
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    display: none;
}

@media (max-width: 991px) {
    .ui {
        display: block;
    }
}

.HddrLnks li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.HddrLnks li a:hover {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media (min-width: 992px) and (max-width: 1300px) {
    .HddrLnks li a {
        margin-right: 5px;
        font-size: 13px;
    }
}

.HddrLnks li a::before,
.HddrLnks li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 10px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.HddrLnks li a::before {
    left: 0;
}

.HddrLnks li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.HddrLnks li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.BnrCnt .h1-main {
    text-align: left;
}

.BnrCnt h1 {
    font-weight: 600;
    font-size: 50px !important;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0;
}

@media (max-width: 1300px) {
    .BnrCnt h1 {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .MnuPaddTop #homebanner,
    .MnuPaddTop .BnnerCntSec,
    .MnuPaddTop .mnyExpoSc,
    .MnuPaddTop .metaSlnSc,
    .MnuPaddTop .MtaverseSec h2,
    .MnuPaddTop .MtaverseSec h4 {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec {
        padding: 20px 0px;
        background-position: 65%;
        position: relative;
        z-index: 1;
    }
    .MnuPaddTop .MtaverseSec .metaverse_img {
        display: block;
    }
    .MnuPaddTop .MtaverseSec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060600;
    }
    .MnuPaddTop #homebanner .BnrCnt p {
        text-align: center;
    }
    .MnuPaddTop #homebanner .BtnPrimry {
        display: inline-table;
    }
    .mnyExpoSc .mnySub:after {
        display: none;
    }
    .MnuPaddTop .BnrCnt {
        margin-top: 50px;
    }
    .MnuPaddTop .BnnerCntSec .BtnPrimry.Btn175-44,
    .MnuPaddTop .BnnerCntSec .TlkBtn {
        min-width: 140px !important;
        width: 140px !important;
    }
    .MnuPaddTop .TlkBtn {
        width: 165px !important;
    }
    .MnuPaddTop .BnnerCntSec .GetBtnSec {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .BtnPrimry {
        font-size: 14px;
    }
    .MnuPaddTop .metaSlnSc .metaSlnScRelat ul {
        text-align: center;
        justify-content: center;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd,
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurservHdd h2,
    .MnuPaddTop .MtaverseSec .OurSrvcHdd h6,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .BnrCnt p {
        text-align: center !important;
    }
    .MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .nav,
    .MnuPaddTop .MtaverseSec.DapsMainBg.OurPrjctBg .nav {
        display: -webkit-inline-box !important;
    }
    .MnuPaddTop .MtavCntHdd h4 {
        font-size: 25px !important;
    }
}

.MnuPaddTop .MtaverseSec.DapsMainBg.TechStk .OurSrvcHdd {
    text-align: right;
}

.BnrCnt h2 {
    font-weight: 600;
    font-size: 50px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.BnrCnt h2 .Fw-200 {
    font-weight: 200;
}

@media (max-width: 1300px) {
    .BnrCnt h2 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media (max-width: 991px) {
    .BnrCnt h2 {
        font-size: 40px;
        line-height: 46px;
    }
}

@media (max-width: 768px) {
    .BnrCnt h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .BnrCnt h2.text {
        height: 40px;
    }
    .main_res h2 {
        text-align: center !important;
    }
    .VidoCnt .bnrVideoTop .BnrCnt p {
        text-align: center !important;
    }
}

.BnrCnt p {
    font-size: 16px;
    line-height: 1.9;
}

span.TxtGrdnt {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-size: 200% auto;
    position: relative;
}

span.TxtGrdnt::after {
    content: attr(data-shine) " ";
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200%;
    animation: shine 10s infinite;
}

@keyframes shine {
    0% {
        background-position: -100%;
    }
    100% {
        background-position: 100%;
    }
}

.BnrCountSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.BnrCount h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    min-width: 110px;
}

@media (max-width: 767px) {
    .BnrCount h4 {
        font-size: 28px;
        line-height: 34px;
    }
}

.BnrCount p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #BABABA;
}

.BnrTxtFlwr {
    position: relative;
}

.BnrTxtFlwr::after {
    content: "";
    position: absolute;
    top: -40px;
    right: 20px;
    /* background: url(../images/bnr-flwr.svg) no-repeat right; */
    width: 50px;
    height: 50px;
}

.BnnerCntSec {
    padding: 38px 0 25px;
}

.VideoWrper {
    position: relative;
}

.VideoWrper.VidoFltr::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #DF48FF 0%, #2D4FFF 100%);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
}

.VideoWrper video {
    width: 100%;
    height: calc(100vh - 91px);
    object-fit: cover;
}

/*@media (max-width: 991px) {
    .VideoWrper video {
      height: 390px;
    }
  }*/

@media(max-width: 767px) {
    .desktop {
        display: none !important;
    }
    .VidoCntMn {
        margin-top: 50px !important;
    }
    .vdoCntLstCount {
        font-size: 30px !important;
    }
}

.VidoCnt {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 2;
    width: 100%;
    padding: 0 30px 0 0;
}

@media (max-width: 767px) {
    .VidoCnt {
        left: 10px;
    }
}

.GrdentBg {
    background: linear-gradient(129deg, #060606 0%, rgba(103, 58, 183, 0) 89%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.GetBtnSec {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.OurSrvcHdd h6 {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.OurservHdd .Txt8282 {
    color: #828282;
}

.MtavCnt {
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}

.MtavCnt:after {
    content: "";
    position: absolute;
    top: 7px;
    left: -25px;
    /* background: url('../images/content-star-icon.svg'); */
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .MtavCnt {
        margin-bottom: 0;
    }
}

.MtavCnt li {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 20px;
}

.MtavCnt:hover li span img {
    animation: pulsate-fwd 0.5s ease-in-out infinite alternate-reverse both;
}

@keyframes pulsate-fwd {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

.MtavCntHdd h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.MtavCntHdd .h3_title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.OurBlgBg .BlgHdd .cat_title {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.6;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}

.Main-section .h5_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.MtaverseSec {
    /* background: url(../images/metaverse-bg-new.webp?v1) no-repeat top; */
    background-size: 100% 100%;
    position: relative;
    min-height: 800px;
    padding: 40px 0;
}

.Main-section .OurPrjctBg .port_sub_title {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .MtaverseSec {
        padding: 0;
    }
}

.MtaverseSec:hover .MtrvrRtImg img {
    animation: blink-2 0.8s linear infinite both;
}

html {
    scroll-behavior: smooth;
}

.MxBlndLight {
    mix-blend-mode: lighten;
}

.MtrvrRtImg {
    position: absolute !important;
    right: -35% !important;
    top: 11.5rem;
}

.MtrvrRtImg_cus_img {
    position: absolute;
    right: -12%;
    top: 0%;
}

.CmmnSdHdd .text-line {
    stroke-dasharray: 290;
    stroke-dashoffset: 290;
    animation: dash 4s linear infinite both alternate-reverse;
    color: transparent;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0.3em;
    opacity: 0.5;
    font-family: "Urbanist", sans-serif;
    fill: transparent;
    stroke: #E442FF;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@media(min-width: 991px) {
    .Main-section .blockchain_service_sec {
        /* background: url(../images/blockchain-bg.webp) no-repeat bottom right; */
        min-height: 700px;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: -5%;
    }
    .Main-section .blockchain_service_sec:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #06060682;
    }
    .Main-section .blockchain_service_sec .blockchain_imgsec {
        position: absolute;
        top: 18%;
        left: 0%;
    }
}

.NftMainSec {
    /* background: url(../images/nft-main-bg-new.webp?v1) no-repeat bottom right; */
    min-height: 800px;
    position: relative;
}

@media(min-width: 991px) {
    .NftMainSec:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #0506077d;
    }
}

.NftRtImg {
    left: 0%;
    top: 0;
}

.dapp_bg .NftRtImg {
    left: -5%;
    top: 0;
}

.DefiMainBg {
    /* background: url(../images/defi-main-bg-new.webp) no-repeat bottom right; */
    min-height: 750px;
    position: relative;
}

@media(min-width: 991px) {
    .DefiMainBg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #050607c9;
    }
}

.DefiMainBg .CmmnSdHdd .text-line {
    letter-spacing: normal;
}

.DefiMainBg .MtrvrRtImg {
    top: 0;
}

.LtrSpcNorml.CmmnSdHdd .text-line {
    letter-spacing: normal;
}

@media(min-width: 992px) {
    .DapsMainBg {
        background: transparent;
        min-height: 570px;
    }
    .dapp_bg {
        /* background-image: url('../images/dapp-bg.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }
    .dapp_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606d1;
    }
    .crypto_bg {
        /* background-image: url('../images/crypto-bg-new.webp') !important; */
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top left !important;
        position: relative;
    }
    .crypto_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606cf;
    }
    .exchg_bg {
        /* background-image: url('../images/exchange-bg-new.webp'); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }
    .exchg_bg:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #060606b3;
    }
    .ExchngeSec .CmmnSdCnt {
        margin-left: 20%;
    }
}

@media(min-width: 991px) {
    .CryptoMainBg {
        background: transparent;
        min-height: 721px;
    }
}

.CryptoMainBg .CmmnSdHdd .text-line {
    letter-spacing: 0.2rem;
}

.CryptoMainBg .MtrvrRtImg {
    position: static;
    position: initial;
}

.TechStkIconBox {
    background: #101010;
    display: inline-block;
    min-height: 106px;
    min-width: 106px;
    padding: 18px 0 10px;
}

.TechStkIconBox .TechStkIcnCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}

.TechStkIconSec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.TechStkIcon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.TchStkCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.TchStkCnt h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    font-family: "Urbanist", sans-serif;
}

.VrtclTbb.nav-pills .nav-link {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #828282;
    text-align: end;
    padding-right: 0;
    position: relative;
    transition: 0.9s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover {
    padding-right: 25px;
    transition: 0.5s all ease-in-out;
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.VrtclTbb.nav-pills .nav-link::after {
    content: "";
    width: 0;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link.active {
    background: transparent;
    background: linear-gradient(92.08deg, #E442FF 2.18%, #3C5BFF 113.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-right: 25px;
}

.VrtclTbb.nav-pills .nav-link.active::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.VrtclTbb.nav-pills .nav-link:hover::after {
    content: "";
    width: 12px;
    background: #FFFFFF;
    top: 50%;
    right: 0;
    position: absolute;
    height: 1px;
    transform: translateY(-50%);
    transition: 0.5s all ease-in-out;
}

.TechStkIconBox {
    position: relative;
    overflow: hidden;
}

.TechStkIconBox::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
}

.TechStkIconSec .col:nth-child(odd) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
}

.TechStkIconSec .col:nth-child(even) .TechStkIconBox::after {
    display: block;
    content: "";
    animation: shine1 8s linear infinite;
    animation-delay: 4s;
}

@keyframes shine1 {
    0% {
        left: -50%;
        opacity: 0;
    }
    50% {
        left: 25%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

.OurClintSldr .slide-content {
    margin-bottom: 15px;
}

.ClintSldr2 {
    margin-top: -60px;
}

.SldrBoxSadw {
    position: relative;
    padding-top: 61px;
}

.SldrBoxSadw::after {
    content: "";
    background: linear-gradient(179.95deg, #060606 -5.25%, rgba(6, 6, 6, 0.3) 17.46%, rgba(6, 6, 6, 0) 39.77%, rgba(6, 6, 6, 0.46) 77.57%, #060606 99.96%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ViwallLnk {
    display: inline-flex;
    justify-content: end;
    flex-flow: column;
    overflow: hidden;
    position: relative;
    top: -20px;
}

.VwAllLnkHov {
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.VwAllLnkHov1 {
    transform: translateX(-85px) translateY(29px);
    display: inline-block;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.VwAllLnkHov2 {
    transform: translateX(0%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov1 {
    transform: translateX(0px) translateY(29px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:hover .VwAllLnkHov2 {
    transform: translateX(100%) translateY(0px);
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
    display: inline-block;
}

.ViwallLnk:after {
    content: "";
    width: 0;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    height: 1px;
    bottom: 0;
    left: 0;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ViwallLnk:hover:after {
    content: "";
    width: 100%;
    transition: 0.8s cubic-bezier(0.3, 0, 0, 1.3);
}

.ColWdth {
    flex: 0 0 15%;
    max-width: 15%;
    transition: 2s cubic-bezier(0.3, 0, 0, 1.3);
    margin: 0 10px;
}

.ColWdth .BlgCntImg {
    border-radius: 6px;
}

.ColWdth .BlgCntImg img {
    width: 100%;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active {
    flex: 0 0 31%;
    max-width: 31%;
    transition: 1s all ease-in-out;
}

.ColWdth.active .BlgCntImg img {
    width: 100%;
    border-radius: 6px;
    height: 435px;
    object-fit: cover;
}

.ColWdth.active .BlgCntSec {
    display: inline-block;
    transform: translateX(0%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2s;
}

.ColWdth.active .BlgHdd {
    display: none;
}

@media (max-width: 1200px) {
    .ColWdth {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.BlgCntSec h4,
.BlgHdd h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.BlgHdd {
    position: absolute;
    bottom: 40px;
    left: 20px;
}

.BlgCntSec {
    display: none;
    transform: translateX(-100%);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.BlgCntSec p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.BlgCntBg {
    position: relative;
    overflow: hidden;
}

.BlgCntSec {
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
    min-width: 365px;
    z-index: 1;
}

.NftSvgTxt .text-line {
    font-size: 41px;
}

@media (max-width: 767px) {
    .DefiMainBg,
    .MtaverseSec,
    .footer_details_form_new .footer_form_main {
        background: none !important;
    }
    .CmmnSdHdd .text-line {
        font-size: 25px;
    }
}

@media (max-width: 580px) {
    .CmmnSdHdd .text-line {
        font-size: 18px;
        height: 30px;
    }
}

.ColWdth.active .BlgCntBg::after {
    content: "";
    background: rgb(0 0 0 / 76%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.BlgCntBg:after {
    content: "";
    background: rgb(0 0 0 / 66%);
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 0;
}

.BlgHdd h4 {
    z-index: 1;
    position: relative;
}

.PrjctDtlsItm {
    background: linear-gradient(167.3deg, #EC1146 9.19%, #6E3CFF 141.84%);
    border-radius: 50px;
    padding: 20px 45px 15px;
    margin-bottom: 15px;
}

.RltdPrjHddSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.PrjctDtlCnt h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    font-family: "Urbanist", sans-serif;
}

.PrjctDtlCnt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.PrjctBtn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
}

.game_PrjctBtn .PrjctBtn_new {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    transition: 0.3s all ease-in-out;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PrjctBtn:hover {
    background: #FFFFFF;
    border: 1px solid #FFF;
    transition: 0.3s all ease-in-out;
    color: #101010;
}

.Btn211-42 {
    min-width: 211px;
    min-height: 42px;
}

.PrjctsBtnSec {
    display: flex;
    flex-wrap: wrap;
}

.OurPrjcts .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-prev {
    left: auto;
    top: -55px;
    right: 6rem;
}

.OurPrjcts .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 18px; */
    width: 48px;
    height: 48px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 50px;
}

.OurPrjcts .slick-next {
    top: -55px;
    right: 2rem;
}

.OurPrjcts .slick-slide img {
    display: inline-block;
}

.PrjctExmpls {
    padding: 0 15px 0 15px;
}

.PrjctExmpls .slick-prev {
    left: -15px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999;
}

.PrjctExmpls .slick-prev:before {
    content: "";
    /* background: url(../images/our-prjct-arrw2.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.PrjctExmpls .slick-next {
    top: 40%;
    transform: translateY(-50%);
    right: 6px;
}

.PrjctExmpls .slick-next:before {
    content: "";
    /* background: url(../images/our-prjct-arrw1.svg) no-repeat 16px; */
    background-size: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    border: medium none currentColor;
    border: initial;
    border-radius: 50px;
}

.VlublClintsBg {
    min-height: 420px;
    padding-bottom: 55px;
}

.TechStk {
    padding-bottom: 85px;
}

.PrjctExmplsImg {
    margin: 0 7px;
    text-align: center;
}

.OurBlgBg {
    padding-bottom: 90px;
}

.OurPrjctBg {
    padding-bottom: 100px;
}

@media (max-width: 1200px) {
    .ColWdth .BlgCntImg img {
        height: 175px;
        margin-bottom: 30px;
    }
    .ColWdth.active {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .FtrPhnIcon {
        margin-bottom: 30px;
    }
    .BlgCntSec {
        min-width: 100%;
    }
    .ColWdth {
        margin: 0;
        padding: 0 15px;
    }
    .PrjctDtlsItm {
        padding: 20px 20px;
    }
}

.OurPrjctHddSec {
    padding-bottom: 55px;
}

@media (max-width: 991px) {
    .OurPrjctHddSec {
        padding-bottom: 0px;
    }
}

.FtrTopSec {
    background: #181818;
    padding: 35px 0 20px;
}

.LogoSpprtSec {
    display: flex;
}

.LogoSpprtSec li {
    margin-right: 30px;
}

.FtrTopCntHdd h4 {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.FtrTopCnt li {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.FtrPhnIcon a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.FttrLnkHdd {
    margin-bottom: 20px;
}

.FttrLnkHdd .ft_menutitle {
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

.FtrLnkCnt li {
    margin-bottom: 10px;
}

.FtrLnkCnt li a {
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.FtrLnkCnt li a:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine2 3s infinite both;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a i {
    color: #fff;
    font-size: 16px;
    line-height: inherit;
}

.FtrMltplLnks .FtrLnkSec .connectus_sec a p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 15px;
    word-break: break-all;
}

.FtrMltplLnks .FtrLnkSec .FttrLnkHdd .title_hrline {
    border: 1px solid #d34eff !important;
    width: 30%;
    margin: 10px 0;
}

@keyframes shine2 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.FtrLnkCnt p {
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    color: #FFFFFF;
}

.SclIconSec {
    display: inline-flex;
}

.SclIconSec li {
    margin-right: 8px;
}

/*.FtrBrdBtm {
    border-bottom: 1px solid rgba(255, 255, 255, 0.27);
  }*/

.CpyRtSec {
    padding: 20px 0;
}

.CpyRtSec p {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
}

.FtrMltplLnks {
    padding: 40px 0 1px;
}

.ExchngeSec {
    padding-bottom: 50px;
}

.SclIconSec:hover>li {
    opacity: 0.4;
    transition: 0.3s all ease-in-out;
}

.SclIconSec>li:hover {
    opacity: 1;
    transition: 0.3s all ease-in-out;
    transform: scale(1.3);
}

.SclIconSec li {
    transition: 0.3s all ease-in-out;
}

.FtrTopCnt {
    min-height: 75px;
    margin-bottom: 10px;
}

.MailCnt {
    display: flex;
    flex-wrap: wrap;
}

.MailCnt li {
    margin-right: 25px;
}

.MailCnt li a {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.MailCnt li a:hover {
    background: linear-gradient(90.77deg, #E442FF 0.83%, #3C5BFF 132.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

.MailCnt li a::before,
.MailCnt li a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 1px;
    margin-top: -0.5px;
    background: #3C5BFF;
}

.MailCnt li a::before {
    left: 0;
}

.MailCnt li a::after {
    right: 0;
    background: #3C5BFF;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::before {
    background: #3C5BFF;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.MailCnt li a:hover::after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.FttrMailBox {
    background: #0C0C0C;
    padding: 10px 22px 10px;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.MailIcon {
    padding: 0 12px 0 0;
    margin-right: 15px;
}

.MailBrdRt {
    border-right: 1px solid rgba(255, 255, 255, 0.37);
}

.FtrFrm #footer_subscripe .form-group {
    position: relative;
}

.FtrFrm .form-control {
    background: #262626;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    min-height: 44px;
    border: medium none currentColor;
    border: initial;
    box-shadow: none;
    box-shadow: initial;
    min-width: 271px;
}

.FtrFrm #footer_subscripe label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 4px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 13px;
    font-weight: 400;
    z-index: 1;
}

.FtrFrm #footer_subscripe label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 1119px) {
    .FtrFrm .form-control {
        min-width: 200px;
    }
}

.SendBtn {
    background: #1B1B1B;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    border: medium none currentColor;
    border: initial;
    min-height: 44px;
    min-width: 81px;
    transition: 0.5s all ease-in-out;
}

.SendBtn:hover {
    background: linear-gradient(93.79deg, #E442FF -13.43%, #3C5BFF 100.49%);
    transition: 0.5s all ease-in-out;
}

@media (max-width: 768px) {
    .MtavCnt li {
        line-height: 20px;
    }
    .MtaverseSec {
        background-size: cover;
    }
    .PrjctsBtnSec {
        justify-content: center !important;
    }
    .PrjctDtlsItm {
        text-align: center !important;
    }
}

@media (max-width: 1199px) {
    .MtrvrRtImg {
        display: none;
    }
    .DefiMainBg,
    .DapsMainBg,
    .CryptoMainBg,
    .MtaverseSec {
        min-height: auto;
    }
    .ExchngeSec,
    .OurBlgB,
    .OurPrjctBg,
    .TechStk,
    .OurBlgBg {
        padding-bottom: 20px;
    }
    .MtavCnt {
        margin-bottom: 30px;
    }
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .MtrvrRtImg img {
        transform: scale(0.7);
        margin-left: 24rem;
    }
    .NftRtImg {
        right: auto;
        margin-left: -31rem;
    }
    .CryptoMainBg .MtrvrRtImg img {
        margin-left: 0;
    }
}

#BnrHdAnim {
    position: absolute;
    margin: auto;
    width: 100vw;
    height: 115pt;
    top: 0;
    bottom: 0;
    filter: url(#threshold) blur(0.5px);
}

@media (max-width: 767px) {
    #BnrHdAnim {
        height: auto;
        top: 7rem;
    }
}

#text1,
#text2 {
    position: absolute;
    width: 100%;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    font-family: "Urbanist", sans-serif;
}

@media (max-width: 767px) {
    #text1,
    #text2 {
        font-size: 32px;
        line-height: 36px;
    }
}

.PrjctTb.nav-pills .nav-link {
    text-align: start;
    padding-right: 1rem;
    padding-left: 0px;
    outline: none;
}

.PrjctTb.nav-pills .nav-link:hover {
    padding-right: 1rem;
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link::after {
    right: auto;
    left: 0;
}

.PrjctTb.nav-pills .nav-link.active,
.PrjctTb.nav-pills .nav-link:hover {
    padding-left: 20px;
}

.PrjctTb.nav-pills .nav-link.active::after,
.PrjctTb.nav-pills .nav-link:hover::after {
    right: auto;
    left: 0;
}

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

.BnrCnt {
    margin-top: 50px;
}

.text {
    height: 65px;
}

.typed-cursor,
.typed-cursor--blink {
    display: none;
}

.menu_foot_sec ul {
    gap: 20px;
    padding-left: 0px;
    display: flex;
}

.menu_foot_sec ul li a {
    color: #fff;
}

.menu_foot_sec ul li:hover a {
    background: linear-gradient(92.12deg, #E548FF 2.22%, #2E4FFF 51.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: 0.6s;
}

@media(min-width: 992px) {
    .bnrVideoTop {
        margin-top: 100px;
    }
}

.mnyExpoSc {
    padding: 60px 0px;
}

.mnyExpoSc .mnySubTlt {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    leading-trim: both !important;
    text-edge: cap !important;
    color: #FFFFFF !important;
}

.mnyExpoSc .mnySub {
    position: relative;
    z-index: 1;
}

.mnyExpoSc .mnySub:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    width: 170px;
    height: 10px;
    z-index: -1;
}

@media(max-width: 767px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 15px !important;
    }
}

@media(max-width: 372px) {
    .mnyExpoSc .mnySubTlt {
        font-size: 13px !important;
    }
}

.metaSlnSc {
    padding: 60px 0px;
}

.metaSlnTabCnt {
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
}

.metaSlnTabCnt .sml_tlt {
    font-size: 18px !important;
    color: #fff !important;
    margin-bottom: 0px;
}

.metaSlnTabCnt .Bg_tlt {
    font-size: 35px !important;
    color: #fff !important;
}

.metaSlnTabCnt .Cnt {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF
}

.metaSlnSc .nav-pills .nav-link.active,
.metaSlnSc .nav-pills .show>.nav-link {
    background: linear-gradient(81.04deg, #E442FF 5.15%, #3C5BFF 89.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400;
    font-size: 16px;
}

.metaSlnSc .nav-pills .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 0.8;
}

.metaSlnScRelat {
    margin-top: 100px;
    position: relative;
}

.gameLi {
    position: absolute;
    left: 0px;
    top: 44%;
    z-index: 10;
}

.mallLi {
    position: absolute;
    left: 10px;
    top: 19%;
    z-index: 10;
}

.theatreLi {
    position: absolute;
    left: 63px;
    top: 0%;
    z-index: 10;
}

.casinoLi {
    position: absolute;
    right: 90px;
    top: 19%;
    z-index: 10;
}

.storeLi {
    position: absolute;
    right: 120px;
    top: 0%;
    z-index: 10;
}

.eventLi {
    position: absolute;
    top: -50px;
    left: -95px;
    right: 0px;
    margin: 0 auto;
    display: grid;
}

.theatreLi .nav-link {
    color: #dcd9d9 !important;
}

.eventLi .nav-link {
    color: #999595 !important;
}

.storeLi .nav-link {
    color: #696868 !important;
}

.casinoLi .nav-link {
    color: #5f5f5f !important;
}

.metaSlnScTabBnImg {
    margin-top: -260px;
    text-align: end;
    margin-right: -38px;
    position: relative;
}

.tbSlnLst {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
}

.tbSlnLst .tbSlnLstTlt {
    font-weight: 300;
    font-size: 14px;
    leading-trim: both;
    text-edge: cap;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.tbSlnLstPosi {
    position: absolute;
    bottom: 48px;
    right: 127px;
}

.slnImgIndex {
    z-index: 1;
    position: relative;
}

.metaSlnBtn {
    background: linear-gradient(92.12deg, #E442FF 2.22%, #3C5BFF 51.79%);
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    leading-trim: both;
    text-edge: cap;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0px;
}

.metaSlnScRelati {
    position: relative;
}

@media(max-width: 1199px) {
    .metaSlnTabCnt .Cnt {
        z-index: 1;
        position: relative;
    }
    .gameLi {
        top: 33%;
    }
}

@media(max-width: 991px) {
    .gameLi,
    .mallLi,
    .theatreLi,
    .eventLi,
    .casinoLi,
    .storeLi {
        position: static;
        position: initial;
        margin: 0;
    }
    .metaSlnTabCnt {
        position: static;
        position: initial;
        width: 100%;
    }
    .metaSlnScTabBnImg {
        margin-top: 0px;
        margin-right: 0px;
    }
    .tbSlnLstPosi {
        position: static;
        position: initial;
    }
    .metaSlnBtn {
        margin: 30px auto;
        display: table;
    }
    .metaSlnScRelat {
        margin-top: 20px;
    }
    .slnImgIndex {
        display: none;
    }
}

@media(max-width: 767px) {
    .metaSlnTabCnt .Bg_tlt {
        font-size: 25px !important;
    }
}

@media(max-width: 394px) {
    .logo_header {
        width: 80%;
    }
}

.mnyExpoScImg {
    position: relative;
    z-index: 1;
}

.mnyExpoScImg:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    background: #3C5BFF;
    width: 94.46px;
    height: 230px;
    transform: rotate(-51.35deg);
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.mnyExpoScImg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 70px;
    background: #E442FF;
    width: 94.46px;
    height: 230px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(52px);
}

.VidoCntMn {
    background: #00000069;
    margin: 20px;
    padding: 10px;
    border-radius: 20px;
    margin-top: 150px;
}

.vdoCntLst {
    border: 1px solid #1f1e1e;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #0000008a;
}

.vdoCntLstCount {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: 'Urbanist';
}

.vdoCntLstTlt {
    margin-bottom: 0px;
    font-size: 13px;
}

.game-1 {
    /* background-image: url('../images/game-bg.webp?v1'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

@media(max-width: 991px) {
    .game-1 {
        background-color: #a128f9;
        background-image: none !important;
        background-image: initial !important;
    }
    .nft-1 {
        background-color: #fe992e;
        background-image: none !important;
        background-image: initial !important;
    }
    .play-1 img,
    .move-1 img,
    .meta-1 img,
    .blkchain-1 img,
    .defi-1 img,
    .dapp-1 img {
        display: none;
    }
}

.play-1 {
    background: #AE58F1;
}

.move-1 {
    background: #29AEC2;
}

.meta-1 {
    background: #6E3CFF;
}

.blkchain-1 {
    background: #F2654E;
}

.defi-1 {
    background: #FC2A5C;
}

.dapp-1 {
    background: #AE58F1;
}

.nft-1 {
    /* background-image: url('../images/nft-tab-1.webp'); */
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

/* Start Popup Form*/

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 840px;
    margin-top: 100px;
    width: auto;
}

#popup_form_modal.modal .modal-content {
    border-radius: 0;
}

#popup_form_modal.popup-form .modal-content {
    background: rgb(124, 13, 70);
    background: linear-gradient(135deg, rgba(124, 13, 70, 1) 0%, rgba(154, 13, 70, 1) 100%);
    /* background: url('../../modal-bg.png?v2'); */
    background-size: cover;
    background-repeat: no-repeat;
}

#popup_form_modal.popup-form .top_cls {
    color: #d53938 !important;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    position: relative;
    right: -16px;
    top: -11px;
    z-index: 1;
    background: #ffffff;
}

#popup_form_modal .error,
#popup_contact_form .error {
    color: #fff !important;
}

#popup_form_modal .popup-contact-form {
    padding-top: 0px;
    padding-bottom: 0em;
    color: #fff;
    margin-top: 0px;
    position: relative;
}

#popup_form_modal .popup-contact-form h2 {
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
}

#popup_form_modal .popup-contact-form p {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
}

#popup_form_modal .popup-contact-form .modal-disclaim {
    font-size: 14px;
}

.popup-contact-form .mt-3 {
    margin-top: 0rem !important;
}

#popup_form_modal .popup-form p {
    color: #fff;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 23px;
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 0em !important;
}

#popup_form_modal .popup-contact-form input,
#popup_form_modal .popup-contact-form textarea {
    width: 100%;
    height: 45px;
    margin-bottom: 13px;
    padding-left: 15px;
    border-radius: 0px;
    border: none;
    /* box-shadow: 0px 1px 5px rgba(0,0,0,0.1); */
    color: #222;
    border-bottom: 1px solid #fff;
}

#popup_form_modal.popup-form input,
#popup_form_modal.popup-form select,
#popup_form_modal.popup-form textarea {
    margin-bottom: 5px;
    background: transparent !important;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    outline: 0;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div,
#request_quote_form .selecpicker_input_group_div,
#contactus_form .selecpicker_input_group_div,
#blog_right_side_form .selecpicker_input_group_div,
#blog_form_comment .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list,
#request_quote_form .selecpicker_input_group_div .select_icon_list,
#contactus_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home #popup_error_msg_home .alert-danger p {
    color: inherit;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list {
    width: 30%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list {
    width: 20%;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list {
    width: 30%;
}

@media (max-width: 767px) {
    #request_quote_form .selecpicker_input_group_div .select_icon_list {
        width: 30%;
    }
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
}

#request_quote_form .selecpicker_input_group_div .select_icon_list .btn,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn {
    border-radius: 50px;
    padding: 5px 10px;
    background: transparent;
    box-shadow: none;
    outline: none !important;
}

#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn {
    height: 45px;
    border: 1px solid #b0c9c9;
    background: #225a5d08;
    outline: none !important;
    box-shadow: none;
}

#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    padding: 5px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .btn i,
#request_quote_form .selecpicker_input_group_div .select_icon_list .btn i,
#contactus_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .btn i,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 25px;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 20px;
    font-weight: 600;
}

#popup_form_modal #popup_contact_form_home .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#request_quote_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#contactus_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_right_side_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a,
#blog_form_comment .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #b52152;
    color: #fff;
}

#popup_contact_form .form_control_select {
    color: #fff;
}

#popup_contact_form select.form-control:not([size]):not([multiple]) {
    height: 45px;
}

.fitoutform .form-control {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e3e3;
    border-radius: 0;
    box-shadow: none;
}

.popup-contact-form .btn {
    background-color: #40a58d;
    color: #fff;
    font-size: 19px;
    width: 152px;
    border-radius: 50px;
    background: linear-gradient(180deg, rgba(0, 188, 201, 1) 0%, rgba(0, 131, 143, 1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 4px 19px -2px #033a3e;
}

#popup_contact_form_home ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#popup_contact_form_home :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#popup_contact_form_home ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#popup_contact_form_home select option {
    background-color: rgb(124, 13, 70);
    color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home input:-webkit-autofill:hover,
#popup_contact_form_home input:-webkit-autofill:focus,
#popup_contact_form_home input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    -webkit-text-fill-color: #fff;
}

#popup_contact_form_home input:-webkit-autofill,
#popup_contact_form_home textarea:-webkit-autofill,
#popup_contact_form_home select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #1f5359 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff;
}

#popup_form_modal {
    margin-top: 0px !important;
    top: 6px !important;
    z-index: 9999999999;
}

@media (max-width:767px) {
    #popup_form_modal .popup-contact-form h2 {
        font-size: 30px;
    }
    #popup_form_modal {
        margin-top: 0px !important;
        top: 25px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        max-width: 386px;
        margin-top: 5rem;
        width: auto;
        position: relative;
    }
    #msg {
        width: 100% !important;
    }
}

body {
    margin: 0px;
}

@media(min-width: 767px) {
    .mobile {
        display: none !important;
    }
}

.popup-form .modal-dialog {
    max-width: 1000px !important;
    margin-top: 100px;
    width: auto;
}

.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

.popup-form .top_cls {
    color: #000000 !important;
    opacity: 1;
    font-size: 35px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0px;
    top: -3px;
    z-index: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.OurPrjctBg .PrjctExmplsImg img {
    border-radius: 5px;
}

@media (max-width: 991px) {
    .popup-form {
        display: none;
    }
}

#portfolio_modal .model_full_width .HddrBtns {
    margin-top: 12px;
}

#portfolio_modal .model_full_width .img_sec {
    padding: 0px 20px 15px 20px;
    text-align: center;
}

#portfolio_modal .portfolio_btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #portfolio_modal .model_full_width .BtnPrimry {
        font-size: 14px !important;
        min-height: 40px !important;
        line-height: 40px !important;
    }
    #portfolio_modal .model_full_width .TlkBtn {
        width: 155px !important;
    }
    #portfolio_modal .model_full_width .img_sec {
        padding: 0px 15px 10px 15px !important;
    }
}

#popup_form_modal.popup-form .modal-dialog {
    max-width: 1000px !important;
}

#popup_form_modal.popup-form .modal-dialog .modal-body {
    padding: 0px;
}

#popup_form_modal.popup-form {
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
}

@media (min-width: 991px) {
    .fixed_social_icons a.mobile {
        display: none !important;
    }
    #popup_form_modal.popup-form .modal-content .popup_form_left_sec {
        border-radius: 0 !important;
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/popup-form.webp);
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 10px 20px;
        position: relative;
    }
}

#popup_form_modal.popup-form .modal-content {
    background: #101010;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

#popup_form_modal.popup-form .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .title1 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0px;
    color: #fff;
}

#popup_form_modal.popup-form .contents1 {
    font-size: 16px !important;
    margin-bottom: 20px;
}

#popup_form_modal.popup-form .btm_contents {
    font-size: 14px !important;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

#popup_form_modal.popup-form .head_sec {
    position: absolute;
    bottom: 28%;
    transform: rotate(-90deg);
    left: -15%;
}

#popup_form_modal.popup-form #popup_contact_form_home_new {
    margin-top: 30px !important;
}

#popup_form_modal.popup-form .popup-contact-form {
    padding: 20px 20px;
}

#popup_form_modal.popup-form .top_cls {
    color: #ffffff !important;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    position: relative;
    right: -10px;
    top: -10px;
    z-index: 1;
    background: linear-gradient(93.79deg, #14f4ff -13.43%, #0ba0a2 100.49%) !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.popup-contact-form .btn {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal.popup-form .home_popup_submit {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border-radius: 4px;
    border: none;
    padding: 10px 35px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn {
    position: relative;
    display: flex;
    align-items: center;
    background: #00f7ff;
    padding: 10px 35px;
    line-height: 23px;
    text-decoration: none;
    color: #000;
    border-radius: 12px;
    border: 1px solid #14626b;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.25), inset 0 0 6px #23fff8, inset 0 80px 80px -40px #20f2ff, 1px 1px 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    margin: 0 auto;
}

#popup_form_modal #popup_contact_form_home_new .christmas_btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
}

#popup_form_modal.popup-form input {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    height: 40px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
}

#popup_form_modal.popup-form .popup_country select option {
    color: #000 !important;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div {
    display: flex;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
    background: rgba(217, 217, 217, 0.08) !important;
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

#popup_form_modal.popup-form #msg {
    background: rgba(217, 217, 217, 0.08) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: none !important;
    border-radius: 0px;
    color: #fff !important;
    padding-left: 20px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

#popup_form_modal.popup-form input::placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

#popup_form_modal.popup-form input::-ms-input-placeholder,
#popup_form_modal.popup-form select::placeholder,
#popup_form_modal.popup-form #msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

#popup_form_modal .fitoutform .form-group {
    margin-bottom: 1em !important;
}

#popup_form_modal.popup-form input:-webkit-autofill,
#popup_form_modal.popup-form select:-webkit-autofill,
#popup_form_modal.popup-form textarea:-webkit-autofill,
#popup_form_modal.popup-form input:-webkit-autofill:focus,
#popup_form_modal.popup-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

#popup_form_modal.popup-form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

#popup_form_modal.popup-form #popup_contact_form_home_new .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_line {
    padding: 10px 22px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec {
    margin-top: 18px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
    display: flex;
}

#popup_form_modal.popup-form .popup-contact-form .social_list {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sub_title {
    padding-left: 7px;
}

#popup_form_modal.popup-form .popup-contact-form .social_list .sprite_icons {
    width: 32px;
    height: 32px;
    object-fit: none;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

#popup_form_modal.popup-form #popup_contact_form_home_new label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    #popup_form_modal.popup-form .modal-content {
        background: linear-gradient(186deg, #1e083d -13.43%, #000000 100.49%) !important;
        border: 1px solid #bf47ff61;
    }
    #popup_form_modal.popup-form .modal-dialog .modal-content .modal-body .popup_cus_row {
        display: inline !important;
        display: initial !important;
    }
    .fixed_social_icons a.desktop {
        display: none !important;
    }
    #popup_form_modal.popup-form .head_sec {
        display: none;
    }
    #popup_form_modal.popup-form .popup-contact-form {
        padding: 20px 10px;
        text-align: center;
    }
    #popup_form_modal.popup-form .home_popup_submit {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        border-radius: 4px;
        border: none;
        padding: 8px 30px;
        box-shadow: none;
        box-shadow: initial;
        margin-top: 10px;
        width: auto;
        width: initial;
        transition: 2s;
        animation: glowing 2s ease infinite alternate;
    }
    #popup_form_modal.popup-form .home_popup_submit:hover {
        animation: none 0s ease 0s 1 normal none running;
        animation: initial;
    }
    @keyframes glowing {
        0% {
            /*background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);*/
            transform: scale(1);
        }
        50% {
            /*background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);*/
            transform: scale(0.9);
        }
        100% {
            /*background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);*/
            transform: scale(1);
        }
    }
    #popup_form_modal.popup-form input,
    #popup_form_modal.popup-form .popup_country select,
    #popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list {
        height: 50px !important;
    }
    #popup_form_modal.popup-form #msg {
        height: 100px;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    #popup_form_modal.popup-form .christ_tit {
        font-size: 55px;
        position: relative;
    }
    #popup_form_modal.popup-form .christ_tit::before {
        background: url(https://www.metablocktechnologies.com/asset/inner-pages-new/christmas/santa-hat.svg);
        position: absolute;
        content: "";
        left: -24%;
        top: -22.6%;
        width: 68px;
        transform: rotate(333deg);
        z-index: 1;
        height: 100px;
        background-repeat: no-repeat;
    }
    #popup_form_modal.popup-form .title1 {
        color: #00f7ff;
    }
}

@media (max-width: 767px) {
    #popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .popup-contact-form .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    #popup_form_modal.popup-form .title1 {
        font-size: 30px;
        /*background: linear-gradient(90deg, #CC46FB 0%, #4DFFF4 38.02%, #FFB44A 70.31%, #FF00E5 100%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;*/
        color: #00f7ff;
    }
    #popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
        justify-content: center;
    }
    #popup_form_modal.popup-form {
        top: 0px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-top: 3.5rem;
    }
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

#popup_form_modal #popup_contact_form_home_new .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form {
    position: relative;
    z-index: 10;
    /* background: url(./asset/img/footer-form-bg-new.webp); */
    min-height: 530px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    display: flex;
    align-items: center;
    /*border: 10px solid;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, rgba(255, 45, 172, 1), rgba(33, 0, 164, 1), rgba(53, 255, 134, 1), rgba(255, 73, 237, 1), rgba(128, 255, 0, 1), rgba(25, 125, 217, 1), rgba(228, 155, 13, 1), rgba(0, 255, 240, 1), rgba(255, 151, 68, 1));*/
}

.footer_new_form .footer_left_bg {
    text-align: center;
}

.footer_new_form .footer_right_main {
    position: relative;
    background: #ffffff1f;
    padding: 20px;
    border-radius: 15px;
    margin: 50px 0px;
}

.footer_new_form .footer_right_main .title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    background: linear-gradient(90deg, #cc46fb 0%, #4dfff4 38.02%, #ffb44a 70.31%, #ff00e5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}

.footer_new_form .footer_right_main .contents {
    text-align: center;
}

.footer_new_form #footer_new_form {
    margin-top: 30px !important;
}

.footer_new_form #footer_new_form #footer_submit {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
    border-radius: 4px;
    border: none;
    padding: 8px 30px;
    box-shadow: none;
    box-shadow: initial;
    margin-top: 10px;
    width: auto;
    width: initial;
    transition: 2s;
    animation: glowing 2s ease infinite alternate;
}

.footer_new_form #footer_new_form #footer_submit:hover {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
}

@keyframes glowing {
    0% {
        background: linear-gradient(93.79deg, #56f3f5 -13.43%, #ec25f8 100.49%);
        transform: scale(1);
    }
    50% {
        background: linear-gradient(55deg, #ffb516 -13.43%, #e40bf1 100.49%);
        transform: scale(0.9);
    }
    100% {
        background: linear-gradient(120deg, #6a58fb -25.43%, #3cfff6 100.49%);
        transform: scale(1);
    }
}

.footer_new_form #footer_new_form input {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 10px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    font-weight: 200;
}

.footer_new_form #footer_new_form .popup_country select option {
    color: #000 !important;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div {
    display: flex;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list {
    background: rgb(255 255 255 / 6%) !important;
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    height: 40px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 200;
    margin-right: 10px;
    width: 30%;
    align-items: center;
    display: grid;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    color: #fff;
    padding: 5px;
    margin-top: 0px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .btn i {
    font-size: 16px;
    padding-left: 10px;
}

.footer_new_form #footer_new_form #footer_msg {
    background: rgb(255 255 255 / 6%) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid #ffffff36;
    border-radius: 5px;
    color: #fff !important;
    padding-left: 10px;
    margin-top: 0px;
    height: 90px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
}

.footer_new_form #footer_new_form input::placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.65);
    opacity: 1;
    /* Firefox */
}

.footer_new_form #footer_new_form input::-ms-input-placeholder,
.footer_new_form #footer_new_form select::placeholder,
.footer_new_form #footer_new_form #footer_msg::placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.65);
}

.footer_new_form #footer_new_form .fitoutform .form-group {
    margin-bottom: 1em !important;
}

.footer_new_form #footer_new_form input:-webkit-autofill,
.footer_new_form #footer_new_form select:-webkit-autofill,
.footer_new_form #footer_new_form textarea:-webkit-autofill,
.footer_new_form #footer_new_form input:-webkit-autofill:focus,
.footer_new_form #footer_new_form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #2a2a32 inset !important;
    background-image: none;
    -webkit-text-fill-color: #fff !important;
}

.footer_new_form #footer_new_form .select2-selection__rendered {
    color: #929292;
    margin: 0px;
    padding: 6px;
    background: #fff;
    padding-left: 15px;
}

.footer_new_form #footer_new_form .popup_select {
    padding-left: 15px;
    font-size: 17px;
    color: #929292 !important;
}

.footer_new_form #footer_new_form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline;
    display: initial;
}

.footer_new_form #footer_new_form label.error {
    border-radius: 5px;
    background: red;
    color: #fff !important;
    padding: 2px;
    position: absolute;
    top: -12px;
    right: 0;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.footer_new_form #footer_new_form label.error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

@media (max-width: 991px) {
    .footer_new_form .popup-contact-form {
        padding: 30px 10px;
        text-align: center;
    }
    .footer_new_form {
        border: none;
    }
}

@media (max-width: 767px) {
    .footer_new_form .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .footer_new_form .footer_right_main {
        padding: 20px;
    }
    .footer_new_form .footer_right_main .title {
        font-size: 25px;
    }
    .footer_new_form #footer_new_form #footer_submit {
        margin-top: 10px;
        font-size: 14px;
        padding: 8px 30px;
    }
    .footer_new_form .footer_right_main {
        margin: 0;
    }
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li.selected a {
    background: #101010;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.footer_new_form #footer_new_form .selecpicker_input_group_div .select_icon_list .dropdown-menu ul li a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 40px;
}

.calendly-inline-widget,
.calendly-inline-widget *,
.calendly-badge-widget,
.calendly-badge-widget *,
.calendly-overlay,
.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em
}

.calendly-inline-widget iframe,
.calendly-badge-widget iframe,
.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%
}

.calendly-popup-content {
    position: relative
}

.calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, .4)
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0;
        max-height: none
    }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%
}

.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
    /* background: url(/assets/external/close-icon.svg) no-repeat; */
    background-size: contain
}

@media(max-width:975px) {
    .calendly-overlay .calendly-popup-close {
        top: 15px;
        right: 15px
    }
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, .25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
    color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px
}

.calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1
}

.calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: calendly-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.calendly-spinner .calendly-bounce1 {
    animation-delay: -.32s
}

.calendly-spinner .calendly-bounce2 {
    animation-delay: -.16s
}

@keyframes calendly-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

/*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
  * Copyright 2011-2022 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    /* max-width: 2%; */
    width: 25px;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

/*!
   * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
   *
   * Copyright 2012-2020 SnapAppointments, LLC
   * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
   */

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*!
   * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
   * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
   */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-brands-400.eot"); */
    /* src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); */
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    /* src: url("../webfonts/fa-regular-400.eot");
       src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); */
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.select2-container {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

#popup_form_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 15px 0px;
    padding: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000 !important;
}

#exampleModal1home .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #fff;
}

.book_demo .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 13px 0px;
    color: #031d5b;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    height: 40px;
}

#request_quote_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.contact__us__form__div .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

#enquiry_form_id_home .select2-container {
    width: 245px !important;
}

#quote_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #e6e3e3 !important;
    border-radius: 0;
    margin: 15px 0px;
    color: #999;
}

/*!
   * Bootstrap v4.6.2 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors
   * Copyright 2011-2022 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    /* color: white; */
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    color: white;
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.blockchain_imgsec img {
    width: 550px;
    border-radius: 5px;
}

.blockchain_imgsec {
    margin-left: 35px;
}

.MtrvrRtImg_cus_img img {
    width: 550px;
    border-radius: 5px;
}

.MtrvrRtImg_cus_img {
    display: contents;
}

.NftMainSec img {
    width: 550px;
    border-radius: 5px;
}

.NftMainSec {
    margin: 0 0 0 35px;
}

.clone_exch img {
    width: 550px;
    border-radius: 2px;
}

@media(max-width:500px) {
    .main-blockchain-header {
        margin-left: 10px;
        width: 400px;
    }
    .blockchain-our-service {
        width: 110%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .blockchain-our-services-2 {
        width: 105%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .main-blockchain-header .BtnPrimry span {
        width: 200px;
    }
    .development-mistake {
        /* margin-left: 10px; */
        width: 400px;
    }
    .ourservice-title {
        font-weight: 600 !important;
        font-size: 50px !important;
        line-height: 1.4 !important;
        text-align: center;
        font-family: "Urbanist", sans-serif !important;
        text-transform: capitalize !important;
        /* width: 43vw; */
        margin: auto;
        padding: 40px 0px;
    }
}

.ourservice-title {
    font-weight: 600 !important;
    font-size: 50px !important;
    line-height: 1.4 !important;
    text-align: center;
    font-family: "Urbanist", sans-serif !important;
    text-transform: capitalize !important;
    /* width: 43vw; */
    margin: auto;
    padding: 40px 0px;
}

/*9.11.2020*/

body,
html {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Readex Pro", sans-serif;
}

a {
    color: #2f2d2d;
    transition: all 0.35s;
}

a:focus,
a:hover {
    color: #2a7bc1;
    text-decoration: none;
}

hr {
    max-width: 100%;
    margin: 15px 0 10px 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: #fff;
}

.cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important;
}

/*h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    font-family: "Open Sans", sans-serif !important;
}*/

p {
    font-size: 15px;
    margin-bottom: 20px;
}

section {
    padding: 10px 0;
}

section h2 {
    font-size: 50px;
}

@media (max-width: 767px) {
    .defi_banner_sec {
        background: #000;
        background-image: none !important;
    }
    .mob-text-center {
        text-align: center !important;
    }
}

.p-30-0 {
    padding: 30px 0;
}

#mainNav {
    border-color: rgba(34, 34, 34, 0.05);
    background: #fff;
    transition: all 0.35s;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
}

#mainNav .navbar-brand {
    color: #fdcc52;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #fcbd20;
}

#mainNav .navbar-toggler {
    font-size: 12px;
    padding: 8px 10px;
    color: #222;
}

/*.navbar-nav {
    padding-left: 20px !important
}*/

.navbar-nav li {
    padding-left: 0;
}

#mainNav .navbar-nav>li>a {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    color: #636363 !important;
    border-bottom: transparent 5px solid;
}

#mainNav .navbar-nav>li>a.active {
    color: #2a7bc1 !important;
    background-color: transparent;
}

#mainNav .navbar-nav>li>a.active:hover {
    background-color: transparent;
}

#mainNav .navbar-nav>li>a,
#mainNav .navbar-nav>li>a:focus {
    color: #222;
}

#mainNav .navbar-nav>li>a:focus:hover,
#mainNav .navbar-nav>li>a:hover {
    color: #fdcc52;
}

@media (min-width: 992px) {
    #mainNav {
        border-color: transparent;
        background-color: #fff;
        padding: 0;
    }
    #mainNav .navbar-brand {
        color: fade(white, 70%);
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
        color: #2a7bc1;
    }
    #mainNav .navbar-nav>li>a,
    #mainNav .navbar-nav>li>a:focus {
        color: #0f0f0f;
    }
    #mainNav .navbar-nav>li>a:focus:hover,
    #mainNav .navbar-nav>li>a:hover {
        color: #2a7bc1;
    }
    #mainNav.navbar-shrink {
        border-color: rgba(34, 34, 34, 0.1);
        background-color: #fff;
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #222;
    }
    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
        color: #2a7bc1;
    }
    #mainNav.navbar-shrink .navbar-nav>li>a,
    #mainNav.navbar-shrink .navbar-nav>li>a:focus {
        color: #222;
    }
    #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li>a:hover {
        color: #2a7bc1;
    }
}

@media (min-width: 768px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1200px) {
    .seven-cols .col-lg-1,
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1 {
        width: 14.285714285714285714285714285714%;
    }
}

.sprite_icon_85 {
    width: 85px !important;
    height: 85px !important;
    object-fit: none;
}

.sprite_icon_60 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none;
}

.sprite_icon_65 {
    width: 65px !important;
    height: 65px !important;
    object-fit: none;
}

.sprite_icon_75 {
    width: 75px !important;
    height: 75px !important;
    object-fit: none;
}

header.masthead {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
}

header.masthead .header-content {
    margin-bottom: 100px;
    text-align: center;
}

header.masthead .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
}

.h-100 {
    height: 100% !important;
}

header.masthead-hyper .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-hyper .header-content .expert-btn {
    background: #00dcff;
    color: #030542;
}

.hyp-about .hyp-buttons .expert-btn {
    margin: 0 auto;
    background: #0176bc;
    border-radius: 5px;
}

.hyp-about p {
    text-align: justify;
}

header.masthead-hyper .header-content .heading-tagline {
    text-align: left;
}

header.masthead-private .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-iot .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-finance .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
}

header.header-content h1 {
    font-size: 63px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-identity .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-cryptocurrency-wallet-development .header-content h1 {
    font-size: 51px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.3);
}

header.masthead-ico-development .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.3);
}

.header-content h1,
header.masthead-2d-animation-company .header-content h1,
header.masthead-3d-animation-company .header-content h1,
header.masthead-adobe-air-app-development .header-content h1,
header.masthead-ai .header-content h1,
header.masthead-ai-banner,
header.masthead-android-app-development .header-content h1,
header.masthead-android-game-development .header-content h1,
header.masthead-android-tablet-development .header-content h1,
header.masthead-angular-js-development .header-content h1,
header.masthead-angular8-development .header-content h1,
header.masthead-ar-core-for-android .header-content h1,
header.masthead-banking .header-content h1,
header.masthead-blockchain-ai-dev .header-content h1,
header.masthead-blockchain-application-for-voting .header-content h1,
header.masthead-blockchain-consulting-services .header-content h1,
header.masthead-blockchain-development .header-content h1,
header.masthead-blockchain-in-digital-records .header-content h1,
header.masthead-blockchain-in-ecommerce .header-content h1,
header.masthead-blockchain-in-gaming .header-content h1,
header.masthead-blockchain-in-insurance .header-content h1,
header.masthead-blockchain-in-real-estate .header-content h1,
header.masthead-blockchain-in-supplychain .header-content h1,
header.masthead-blockchain-iot-management .header-content h1,
header.masthead-bootstrap-web-development .header-content h1,
header.masthead-business .header-content h1,
header.masthead-cakephp-framework-development .header-content h1,
header.masthead-canvas5-web-design .header-content h1,
header.masthead-chainlink-blockchain .header-content h1,
header.masthead-chatbot .header-content h1,
header.masthead-cloud .header-content h1,
header.masthead-cloud-application-development .header-content h1,
header.masthead-codeigniter-framework-development .header-content h1,
header.masthead-crypto .header-content h1,
header.masthead-custom-web-design-development .header-content h1,
header.masthead-customers-inventory-management-software .header-content h1,
header.masthead-deep .header-content h1,
header.masthead-demand,
header.masthead-digital .header-content h1,
header.masthead-ecom .header-content h1,
header.masthead-engi .header-content h1,
header.masthead-enterprise-mobile-app-development .header-content h1,
header.masthead-enterprise-solutions .header-content h1,
header.masthead-eos-blockchain .header-content h1,
header.masthead-equihash .header-content h1,
header.masthead-ethereum-blockchain-development .header-content h1,
header.masthead-ethereum-classic-blockchain-development .header-content h1,
header.masthead-exchange-platform-development .header-content h1,
header.masthead-fmcg .header-content h1,
header.masthead-full-stack-development .header-content h1,
header.masthead-go .header-content h1,
header.masthead-gov .header-content h1,
header.masthead-hedera-hashgraph-dev .header-content h1,
header.masthead-hybrid-mobile-app-development .header-content h1,
header.masthead-hybris .header-content h1,
header.masthead-hyperledger-fabric-composer .header-content h1,
header.masthead-ico-marketing-agency .header-content h1,
header.masthead-ionic-mobile-app-development .header-content h1,
header.masthead-ipad-app-development .header-content h1,
header.masthead-ipad-ui-ux-design .header-content h1,
header.masthead-iphone-app-development .header-content h1,
header.masthead-iphone-game-development .header-content h1,
header.masthead-iphone-ui-ux-development .header-content h1,
header.masthead-jmeter .header-content h1,
header.masthead-joomla-web-development .header-content h1,
header.masthead-laravel-framework-development .header-content h1,
header.masthead-legal .header-content h1,
header.masthead-lisk-blockchain .header-content h1,
header.masthead-logo-design .header-content h1,
header.masthead-magento-development .header-content h1,
header.masthead-mean-stack-development .header-content h1,
header.masthead-mobile-application-maintenance .header-content h1,
header.masthead-mobility .header-content h1,
header.masthead-native-app-development-company .header-content h1,
header.masthead-neo-blockchain .header-content h1,
header.masthead-node-js-development .header-content h1,
header.masthead-online-customer-support .header-content h1,
header.masthead-peer-to-peer-blockchain .header-content h1,
header.masthead-phonegap-application-development .header-content h1,
header.masthead-php .header-content h1,
header.masthead-pivx .header-content h1,
header.masthead-private-public-blockchain-development .header-content h1,
header.masthead-publish .header-content h1,
header.masthead-python .header-content h1,
header.masthead-quorum-blockchain-development .header-content h1,
header.masthead-react-js-development .header-content h1,
header.masthead-react-native-development .header-content h1,
header.masthead-real .header-content h1,
header.masthead-res .header-content h1,
header.masthead-responsive-website-design-company .header-content h1,
header.masthead-retail .header-content h1,
header.masthead-ruby .header-content h1,
header.masthead-sap .header-content h1,
header.masthead-scrypt .header-content h1,
header.masthead-sha-256 .header-content h1,
header.masthead-shop .header-content h1,
header.masthead-signage .header-content h1,
header.masthead-smart-contract-audit .header-content h1,
header.masthead-sto-development .header-content h1,
header.masthead-sto-marketing .header-content h1,
header.masthead-stratis-blockchain .header-content h1,
header.masthead-supply .header-content h1,
header.masthead-svelte-js-development .header-content h1,
header.masthead-tele .header-content h1,
header.masthead-trans .header-content h1,
header.masthead-tron-blockchain-development .header-content h1,
header.masthead-waves-blockchain .header-content h1,
header.masthead-way .header-content h1,
header.masthead-web-design-company .header-content h1,
header.masthead-web-hosting-and-maintenance-services .header-content h1,
header.masthead-website-maintenance-company .header-content h1,
header.masthead-wordpress-development .header-content h1,
header.masthead-x11 .header-content h1,
header.masthead-yii-framework-development .header-content h1,
header.masthead-zend-framework-development .header-content h1 {
    font-size: 50px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px !important;
    color: #fff;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.3);
}

header.masthead .device-container {
    max-width: 325px;
    margin-right: auto;
    margin-left: auto;
}

header.masthead .device-container .screen img {
    border-radius: 3px;
}

.my-auto {
    margin-top: auto !important;
}

@media (min-width: 992px) {
    header.masthead {
        height: 70vh;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    header.masthead .header-content {
        margin-bottom: 0;
        text-align: left;
        margin-top: 8em;
    }
    header.masthead .header-content h1 {
        font-size: 50px;
    }
    header.masthead .device-container {
        max-width: 325px;
    }
}

section.download {
    position: relative;
    padding: 55px 0;
}

section.download h2 {
    font-size: 50px;
    margin-top: 0;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px;
}

.float-right {
    float: right !important;
}

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.p-20-0 {
    padding: 20px 0;
}

section.download .badges .badge-link:last-child {
    margin-bottom: 0;
}

section.download .badges .badge-link img {
    height: 60px;
}

@media (min-width: 768px) {
    section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0;
    }
    section.download h2 {
        font-size: 70px;
    }
}

section.features .section-heading-1 {
    margin-bottom: 100px;
}

section.features .section-heading-1 h2 {
    margin-top: 0;
}

.section-heading-1 .Process .our-app {
    color: "black !important";
}

section.features .section-heading-1 p {
    margin-bottom: 0;
}

section.features .device-container,
section.features .feature-item {
    max-width: 325px;
    margin: 0 auto;
}

section.features .device-container {
    margin-bottom: 100px;
}

@media (min-width: 992px) {
    section.features .device-container {
        margin-bottom: 0;
    }
}

section.features .feature-item {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

section.features .feature-item h3 {
    font-size: 30px;
}

section.features .feature-item i {
    font-size: 80px;
    display: block;
    margin-bottom: 15px;
    background: linear-gradient(to left, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.solutions {
    background: #000;
    padding: 40px 0;
}

.resource {
    padding: 40px 0;
}

section.contact {
    text-align: center;
}

section.contact h2 {
    margin-top: 0;
    margin-bottom: 25px;
}

section.contact h2 i {
    color: #dd4b39;
}

section.contact ul.list-social {
    margin-bottom: 0;
}

section.contact ul.list-social li a {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 100%;
}

section.contact ul.list-social li.social-twitter a {
    background-color: #1da1f2;
}

section.contact ul.list-social li.social-twitter a:hover {
    background-color: #0d95e8;
}

section.contact ul.list-social li.social-facebook a {
    background-color: #3b5998;
}

section.contact ul.list-social li.social-facebook a:hover {
    background-color: #344e86;
}

section.contact ul.list-social li.social-google-plus a {
    background-color: #dd4b39;
}

section.contact ul.list-social li.social-google-plus a:hover {
    background-color: #d73925;
}

#back_to_top_button {
    display: inline-block;
    background-color: #ae2a53;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 90px;
    right: 20px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}

#back_to_top_button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    color: #fff;
}

#back_to_top_button.show {
    opacity: 1;
    visibility: visible;
}

footer {
    background: #1a2325;
    padding: 0 0;
    border-bottom: 1px solid #463e3e;
}

footer h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

footer p {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}

footer ul {
    padding: 0;
    margin: 0;
}

footer ul li {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    list-style: none;
}

footer ul li a {
    color: #fff;
    font-size: 13px;
}

footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none;
}

footer ul li a:hover {
    color: #2a7bc1;
}

footer .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #9b9b9b;
    display: block;
    font-size: 12px;
    height: 43px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

[class^="hvr-shutter-out-vertical2"] {
    margin: 10px auto;
    padding: 10px 40px;
    cursor: pointer;
    background: #2a7bc1;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    width: auto;
    border: none !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50px;
}

.bg-primary {
    background: #1c1955 !important;
}

.footer_bott {
    background: #333;
    padding: 30px 0;
    color: #626161;
    text-align: center;
}

.footer_bott a {
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
}

.social {
    text-align: center;
    margin: 0 0 10px 0;
}

.social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.social ul li {
    display: inline-block;
    margin: 0 0 0 7px;
}

.social .fb a {
    background: #3c5b9b;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all 0.8s ease;
}

.social .fb a::before {
    content: "\f09a";
    font-family: FontAwesome;
}

.social .tw a::before {
    content: "\f099";
    font-family: FontAwesome;
}

.social .googleplus a::before {
    content: "\f0d5";
    font-family: FontAwesome;
}

.social .linkedin a::before {
    content: "\f0e1 ";
    font-family: FontAwesome;
}

.social .youtube a::before {
    content: "\f167";
    font-family: FontAwesome;
}

.social .pintrest a::before {
    content: "\f231";
    font-family: FontAwesome;
}

.social .instragram a::before {
    content: "\f16d";
    font-family: FontAwesome;
}

.social .medium a::before {
    content: "\f23a";
    font-family: FontAwesome;
}

.social .tw a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all 0.8s ease;
}

.social .linkedin a {
    background: #359bed;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all 0.8s ease;
}

.social .youtube a {
    background: red;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .pintrest a {
    background: #c8232c;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .instragram a {
    background: #c32aa3;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .medium a {
    background: #02b875;
    font-size: 18px;
    border-radius: 50%;
    line-height: 39px;
    display: inline-block;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    padding: 0;
    transform: rotate(0);
    transition: all 0.8s ease;
    text-decoration: none;
}

.copyright {
    background: #1a2325;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px;
}

.copyright a {
    color: #fff;
}

.social .googleplus a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .medium a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .instragram a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .pintrest a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .youtube a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .linkedin a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .tw a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.social .fb a:hover {
    background: #2a7bc1;
    color: #000;
    transform: rotate(360deg);
    transition: all 0.8s ease;
    text-decoration: none;
}

.text-primary {
    color: #fdcc52;
}

.no-gutter>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.btn-outline {
    color: #fff;
    border: 1px solid;
    border-color: #fff;
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    color: #fff;
    border-color: #fdcc52;
    background-color: #fdcc52;
}

.btn {
    border-radius: 300px;
    font-family: Raleway, sans-serif;
    /*letter-spacing: 2px;*/
    text-transform: uppercase;
}

.btn-xl {
    font-size: 11px;
    padding: 15px 45px;
}

.time-list li {
    padding-left: 0;
}

.line-white {
    margin-top: 7px;
    color: #989898;
}

.marquee-sibling {
    padding: 0;
    background: #3bb0d6;
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000;
}

.marquee,
[class^="marquee"] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
}

.marquee {
    margin-left: 25%;
}

.marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative;
}

.marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff;
}

.marquee-content-items li:after {
    content: "|";
    margin: 0 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .header-content h1,
    header.masthead-2d-animation-company .header-content h1,
    header.masthead-3d-animation-company .header-content h1,
    header.masthead-adobe-air-app-development .header-content h1,
    header.masthead-ai .header-content h1,
    header.masthead-ai-banner,
    header.masthead-android-app-development .header-content h1,
    header.masthead-android-game-development .header-content h1,
    header.masthead-android-tablet-development .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-ai-dev .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-bootstrap-web-development .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-canvas5-web-design .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-codeigniter-framework-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-customers-inventory-management-software .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-enterprise-mobile-app-development .header-content h1,
    header.masthead-enterprise-solutions .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-full-stack-development .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hedera-hashgraph-dev .header-content h1,
    header.masthead-hybrid-mobile-app-development .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-ionic-mobile-app-development .header-content h1,
    header.masthead-ipad-app-development .header-content h1,
    header.masthead-ipad-ui-ux-design .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-iphone-game-development .header-content h1,
    header.masthead-iphone-ui-ux-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-joomla-web-development .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-logo-design .header-content h1,
    header.masthead-magento-development .header-content h1,
    header.masthead-mean-stack-development .header-content h1,
    header.masthead-mobile-application-maintenance .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-native-app-development-company .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-node-js-development .header-content h1,
    header.masthead-online-customer-support .header-content h1,
    header.masthead-peer-to-peer-blockchain .header-content h1,
    header.masthead-phonegap-application-development .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-js-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-responsive-website-design-company .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-web-design-company .header-content h1,
    header.masthead-web-hosting-and-maintenance-services .header-content h1,
    header.masthead-website-maintenance-company .header-content h1,
    header.masthead-wordpress-development .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 27px !important;
        line-height: 35px;
    }
    .section-heading-1 h3 {
        font-size: 25px !important;
    }
    .navbar-nav {
        padding-left: 0 !important;
    }
    header.masthead {
        height: 510px;
        padding-top: 40px;
        padding-bottom: 0;
    }
    header.masthead .header-content h1 {
        font-size: 34px !important;
    }
    .header-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .contact-cnt h4 {
        text-align: center;
    }
    .social ul {
        margin-left: 0;
    }
    .center-class {
        text-align: center;
    }
}

.header-content p {
    width: 90%;
    /*margin: 0 auto;*/
    line-height: 30px;
    font-size: 18px;
}

/*.header-content{
    margin-top: 30px;
}*/

.about {
    padding: 50px 0;
}

.ttmenu .nav>li>.btn-hire {
    background: #2a7bc1;
    color: #fff !important;
    padding: 7px 6px !important;
    border-radius: 0;
}

.talk_to_experts_btn_div .talk_to_experts_btn_a {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 2px auto;
}

.section-heading-1 h2 {
    font-weight: 700;
    color: black;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: left;
}

.section-heading-1 .talk_to_experts_btn_div {
    text-align: left;
}

.section-heading-1 h3 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 27px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    line-height: 1.2;
}

.section-heading-1 h4 {
    font-weight: 700;
    color: #282828;
    text-transform: capitalize;
    font-size: 28px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
}

@media (max-width: 767px) {
    .section-heading-1 h2 {
        text-align: center;
        font-size: 20px;
    }
    .mob-width-100 {
        width: 100% !important;
    }
}

.section-heading-1 p {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.section-heading-1 ul {
    list-style: none;
    padding-left: 20px;
}

.section-heading-1 li {
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    font-family: Roboto, sans-serif;
}

.section-heading-1 ul li i {
    color: #2a7bc1;
    margin-right: 12px;
    font-size: 14px;
}

.blockchain_dev_aboutus_title {
    font-size: 35px !important;
}

@media (max-width: 767px) {
    .blockchain_dev_aboutus_title {
        font-size: 25px !important;
    }
}

.solution-box {
    background: #000;
    border-radius: 8px;
    padding: 45px 15px 30px 15px;
    height: 335px;
    margin: 25px;
    border: 1px solid #fff;
}

.solution-box:hover {
    box-shadow: 0 3px 4px #ddd;
    cursor: pointer;
}

.list_item li {
    margin-bottom: 15px;
    text-indent: -33px;
    font-size: 15px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.list_item li i {
    border: 2px solid #2a7bc1;
    color: #2a7bc1;
    display: inline;
    font-size: 12px;
    height: 10px;
    margin-right: 10px;
    padding: 1px;
    width: 10px;
}

.solution-box h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Readex Pro", sans-serif;
}

.solution-box p {
    letter-spacing: 0;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #2f2d2d;
    width: 80%;
    text-align: center;
    display: table;
    margin: 0 auto;
}

.btn-more {
    background: #2a7bc1;
    padding: 10px 18px 10px 18px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
}

.btn-more:hover {
    text-decoration: none;
    color: #fff;
}

.line-btm {
    width: 75px;
    height: 3px;
    background: #2a7ac1;
    border-radius: 50px;
    margin-top: 2em;
    margin-bottom: 1em;
}

.solution-box:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0s;
}

.resource-box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}

.resource-box img {
    width: 100%;
    height: 250px;
}

.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-body h4 {
    font-size: 19px;
    color: #222;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0;
}

.resource-date {
    background: #8d8d8d;
    font-size: 14px;
    padding: 7px 17px;
    color: #fff;
    border-radius: 100px;
    font-family: Roboto, sans-serif;
}

.resource-date:hover {
    text-decoration: none;
    background: #2b7dc4;
    color: #fff;
}

.read-more-para p a {
    font-style: italic;
    color: #2b7dc4;
    font-family: Roboto, sans-serif;
}

.read-more-para p a:hover {
    text-decoration: none;
}

.case-study-img h3 {
    font-size: 28px;
    font-family: Raleway, sans-serif;
    color: #0f0f0f;
    font-weight: 600;
    line-height: 34px;
}

.case-study-img p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    font-family: Roboto, sans-serif;
}

.btn-download {
    background: #2a7bc1;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
}

.btn-download:hover {
    color: #fff;
    text-decoration: none;
}

.contact-sec {
    padding: 20px 0;
    background-image: linear-gradient( to top, #2a7bc1, #2c81ca, #2e87d3, #308ddd, #3293e6);
}

.contact-cnt h4 {
    font-size: 24px;
    color: #fff;
    font-family: Raleway, sans-serif;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 0;
}

.btn-contact {
    background: rgba(255, 255, 255, 0.8);
    color: #0f0f0f;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 32px;
    border-radius: 2px;
    transition: all 0.3s ease 0s;
}

.btn-contact:hover {
    text-decoration: none;
    color: #0f0f0f;
    background: #fff;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.awards-sec {
    padding: 30px 0;
}

.scroll-text {
    border: 1px solid red;
    width: 400px;
    height: 4.5em;
    overflow: hidden;
}

.scroll-text ul {
    width: 800px;
    height: 100px;
    overflow: hidden;
    margin: 0;
}

.scroll-text ul li {
    height: 1.5em;
}

.scroll-img {
    border: 1px solid red;
    width: 100%;
    height: 142px;
    overflow: hidden;
    font-size: 0;
}

.scroll-img ul {
    width: 700px;
    height: 600px;
    margin: 0;
}

.scroll-img ul li {
    display: inline-block;
    margin: 10px 0 10px 10px;
}

#demo4.scroll-img ul,
#demo5.scroll-img ul {
    width: 1500px;
}

#demo5-btn {
    width: 680px;
    padding-top: 10px;
}

#demo6 {
    width: 412px;
}

#demo6-queue {
    width: 680px;
}

#demo6 p,
#demo6-queue p {
    width: 124px;
    height: 124px;
    background-color: #d3d3d3;
    font-family: Amaranth, sans-serif;
    font-size: 82px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.case-study-img img {
    border-radius: 10px;
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px;
}

.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
    background: #707070;
}

#blogCarousel img {
    width: auto;
    max-width: 100% !important;
    max-height: 102px;
    transform-style: preserve-3d;
}

.span-middle {
    display: table-cell;
    vertical-align: middle;
}

.md_1spn {
    display: table;
    width: 100%;
    height: 100%;
}

.bigdata-info img {
    max-width: 400px;
}

.menu-MetaBlock .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -18px;
    z-index: 1000;
    float: left;
    min-width: 17rem;
    padding: 10px;
    margin: 0.7rem 1.5rem 0;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0;
    border-top: 0 solid #2b7bc1;
}

.menu-MetaBlock .dropdown-menu li a {
    color: #000 !important;
    font-size: 15px !important;
    padding: 6px 8px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.menu-MetaBlock .dropdown-menu li {
    padding: 5px 0 5px 0;
}

.menu-MetaBlock .dropdown-menu li a:hover {
    color: #2a7bc1 !important;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    transition: transform 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0);
}

@supports ( (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0);
    }
}

.active.carousel-item-right,
.carousel-item-next {
    transform: translateX(100%);
}

@supports ( (transform-style: preserve-3d)) {
    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0);
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    transform: translateX(-100%);
}

@supports ( (transform-style: preserve-3d)) {
    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0);
}

@supports ( (transform-style: preserve-3d)) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        transform: translate3d(0, 0, 0);
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.hire_page {
    font-family: Raleway, sans-serif;
}

.hire_page h1,
.hire_page h2,
.hire_page h3,
.hire_page h4,
.hire_page h5,
.hire_page h6 {
    font-family: Raleway, sans-serif;
}

.bannr_bg {
    /* background: url(public/images/hire_bg.png); */
    position: relative;
    min-height: calc(84vh - 7px);
    background-size: contain;
}

.banner_rc_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.banner_tle h1 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 50px 0 20px;
    margin: 0;
}

.resp-tabs-list li span {
    display: block;
    text-align: center;
}

.hire_page section {
    background: #fff;
    padding: 0;
}

.hire_page section.hire_bannr {
    padding-top: 0;
}

.resp-tabs-list li span.tab_img {
    width: 63px;
    height: 63px;
    background: #f4f5fa;
    text-align: center;
    margin: 0 auto;
    line-height: 63px;
    border-radius: 50%;
}

.resp-tabs-list li {
    background: 0 0 !important;
    border: 0 !important;
    width: 16.66%;
    margin: 0;
    position: relative;
    transition: all 0.5s;
}

ul.resp-tabs-list.hor_1 {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 90px -19px rgba(0, 0, 0, 0.8);
    margin-top: -54px;
    overflow: hidden;
}

.section_inr {
    background: #f4f5fa;
}

.resp-tabs-container,
.sect_content {
    padding: 0;
    background-color: transparent;
    clear: left;
    border: 0 !important;
    padding: 50px 32px 0;
}

.resp-tab-content {
    border: 0;
    padding: 0;
}

.resp-tabs-list li span.tab_tle {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px;
}

.resp-tabs-list li.resp-tab-active {
    background: #2a7bc1 !important;
    color: #fff;
}

.resp-tabs-list li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    width: 1px;
    height: 54.62%;
    background: #f4f5fa;
}

.resp-tabs-list li.resp-tab-active::after,
.resp-tabs-list li:last-child:after {
    display: none;
}

.resp-tab-content p {
    font-size: 14px;
    color: #0f0f0f;
    line-height: 26px;
    font-family: Roboto, sans-serif;
}

.tab_logo {
    background: #fff;
    padding: 38px 0 0;
}

.tab_logo ul {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 0;
}

.tab_logo ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 4%;
    margin-bottom: 40px;
}

.tab_logo ul.list_2 {
    margin: 0 auto;
    max-width: 85%;
}

img {
    max-width: 100%;
}

.client_speak h3,
.hr_tle h3,
.section_h h3,
.tab_logo h3 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    color: #2a7bc1;
}

.tab_logo ul li:last-child,
.tab_logo ul li:nth-child(5n) {
    margin-right: 0;
}

.row.dev_pdf {
    margin: 0;
    margin-top: 38px;
}

.pdf_left {
    padding-left: 0;
}

.pdf_img {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, 0.8);
}

.pdf_dets h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    text-shadow: 0 0;
}

.pdf_dets {
    width: 94%;
}

.btn_link {
    display: inline-block;
    padding: 0 10px;
    min-width: 129px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background: #2a7bc1;
    border-radius: 5px;
    color: #fff;
}

.btn_link.dwn_link::before {
    display: inline-block;
    content: "";
    /* background: url(../img/dwn_img.png); */
    width: 15px;
    height: 14px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -5px;
    transition: all 0.5s;
}

.pdf_right {
    padding-right: 0;
}

.logo_items {
    text-align: center;
}

.logo_items img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
}

.mdl_img {
    display: table;
    width: 100%;
    height: 58px;
}

.md_img {
    display: table-cell;
    vertical-align: middle;
}

.r_logo_slider {
    padding: 0 15px;
}

.tab_logo.recnt_works {
    padding-bottom: 25px;
}

.client_speak {
    padding: 38px 0;
}

.cl_dets {
    max-width: 341px;
    text-align: center;
    position: relative;
}

.cl_spk {
    padding: 20px 9px 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, 0.8);
    font-size: 14px;
    transition: all 0.5s;
}

.cl_img {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
}

.cl_img span {
    display: block;
    margin: 0 auto;
    width: 81px;
    height: 81px;
    border: 5px solid #f4f5fa;
    border-radius: 50%;
    overflow: hidden;
}

.c_items {
    padding: 42px 15px 50px;
    position: relative;
    top: 0;
    transition: all 0.5s;
    outline: 0 !important;
}

.clent_slides {
    margin: 0 -15px;
}

.c_items.slick-slide.slick-current.slick-active.slick-center {
    top: -28px;
}

.c_items.slick-slide.slick-current.slick-active.slick-center .cl_spk {
    background: #2a7ac1;
    background: -webkit-gradient( left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%);
    color: #fff;
}

ul.slick-dots {
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 0;
    position: relative;
    top: 30px;
}

ul.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

ul.slick-dots li button {
    border: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    transition: all 0.5s;
}

ul.slick-dots li.slick-active button {
    background: #2b7ec6;
}

.section_h h3 {
    margin: 40px 0;
}

.exprt_tle h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 20px 0;
    letter-spacing: 0;
}

.exp_list {
    margin-bottom: 10px;
}

.hr_tle h3 {
    color: #fff;
}

.hire_page section.hire_resource {
    background: #2a7ac1;
    background: -webkit-gradient( left top, left bottom, color-stop(0, #2a7ac1), color-stop(41%, #2a7ac1), color-stop(100%, #3497ee));
    background: linear-gradient(to bottom, #2a7ac1 0, #2a7ac1 41%, #3497ee 100%);
}

.hr_tle h3 {
    color: #fff;
    margin: 22px 0;
    font-weight: 600;
}

.hr_tle {
    color: #fff;
    text-align: center;
}

.h_left_c,
.h_right_c {
    display: inline-block;
    vertical-align: top;
}

.h_left_c span {
    width: 111px;
    height: 111px;
    display: block;
    background: #b1e8f8;
    border-radius: 50%;
    text-align: center;
    line-height: 111px;
    transition: all 0.5s;
    overflow: hidden;
}

.hire_content:hover span {
    background: #f4f5fa;
}

.hire_content {
    color: #fff;
}

.h_right_c {
    width: 66%;
    padding-left: 25px;
}

.h_right_c h5 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.btn_link.h_btn_hr {
    background: #9f9f9f;
    background: -webkit-gradient( left top, left bottom, color-stop(0, #9f9f9f), color-stop(0, #fff), color-stop(100%, #9f9f9f));
    background: linear-gradient(to bottom, #9f9f9f 0, #fff 0, #9f9f9f 100%);
    color: #000;
    font-weight: 600;
}

.hr_btn {
    margin: 40px 0 30px;
}

.cuntr_left,
.cuntr_righ {
    display: inline-block;
    width: 50%;
    margin-right: -3px;
}

.hr_counter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    max-width: 85%;
    margin-left: 0;
}

.hr_counter ul li {
    display: inline-block;
    width: 50%;
    margin-left: -3px;
    position: relative;
    vertical-align: top;
}

.hr_counter {
    position: relative;
    z-index: 9;
}

.hr_counter .cuntr_righ ul {
    margin-left: auto;
    margin-right: 0;
}

.hr_counter p,
.rc_countr p {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    padding: 0 15px;
}

.hr_counter p span,
.rc_countr span {
    font-size: 60px;
}

.hr_counter ul li.aft_dvd::after {
    content: "";
    width: 1px;
    height: 46px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
}

.rc_countr {
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 100%;
    text-align: center;
}

.rc_inr {
    margin: 0 auto;
    max-width: 19%;
}

.rc_countr p {
    color: #000;
}

.btn_link.dwn_link:hover {
    background: #fff;
    box-shadow: 0 8px 50px -10px rgba(0, 0, 0, 0.5);
}

.btn_link.dwn_link:hover::before {
    /* background: url(../img/dwn_img_hvr.png) */
}

/*.navbar-nav li.nav-item a.nav-link {
    margin-top: 30px;
    position: relative
}*/

/*.navbar-nav li.nav-item a.nav-link:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #2a7bc1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: -12px;
    left: 0;
    transition: all .5s
}*/

a.nav-link.btn-hire:after {
    display: none;
}

.navbar-nav li.nav-item a.nav-link:hover:after {
    opacity: 1;
    visibility: visible;
}

.logo_main {
    width: auto;
}

.cbp-af-header.sticky .navbar-brand img {
    width: auto !important;
    max-width: 75%;
}

#blogCarousel img {
    margin: 0 auto;
}

.md_1spn {
    height: 102px;
}

.carousel-item {
    padding: 0 10px;
}

.section-heading-1 h2.awrd_tle {
    margin-bottom: 35px;
    color: #2a7bc1;
}

.navbar-nav li {
    padding-left: 0;
}

.cbp-af-header.sticky .nav>li>a {
    margin: 0 6px;
    margin-top: 0;
}

.h_left_c span img {
    transition: all 0.5s;
    position: relative;
    top: 0;
}

.hire_content:hover img.normal_img {
    top: -100%;
}

.hire_content:hover img.hvr_img {
    top: -100%;
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block;
}

.expr_img {
    text-align: center;
}

body .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}

@media screen and (max-width: 1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px;
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px;
    }
    .rc_inr {
        max-width: 30%;
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px;
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px;
    }
    .hire_page .container {
        width: 100%;
    }
    .exprt_tle h4 {
        font-size: 15px;
    }
    .bannr_bg {
        min-height: 455px;
    }
    .ent_list {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-header {
        width: 100%;
        text-align: center;
    }
    .logo_main {
        float: none;
        display: inline-block;
        height: auto;
    }
    .navbar-nav {
        float: none !important;
        margin-right: 0;
        padding: 0 !important;
        text-align: center;
    }
    .navbar-nav>li {
        float: none;
        display: inline-block;
    }
    .hr_counter ul {
        max-width: 100%;
    }
    .cuntr_left,
    .cuntr_righ {
        width: 100%;
        margin-right: 0;
    }
    .rc_countr {
        bottom: 0;
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 50%;
    }
    .cbp-af-header.sticky .navbar-brand img {
        width: 100%;
    }
    h2.resp-accordion {
        font-size: 13px;
        border: 0;
        border-top: 0 solid #c1c1c1;
        margin: 0;
        padding: 0 !important;
    }
    h2.resp-accordion:first-child {
        border-top: 0;
    }
    span.tab_tle {
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        font-weight: 600;
    }
    h2.resp-accordion {
        background: #fff !important;
        padding: 10px !important;
    }
    h2.resp-tab-active {
        padding: 10px !important;
        border: 0 !important;
    }
    span.tab_img {
        display: inline-block;
        vertical-align: middle;
        width: 23%;
        text-align: center;
    }
    .resp-tab-content {
        padding: 10px;
    }
    .resp-tabs-container,
    .sect_content {
        padding: 30px 15px 0;
    }
    .text-sm-left {
        text-align: left !important;
    }
    .resource-box {
        padding: 0 15px;
    }
    .btn-download {
        display: inline-block;
    }
    .case-study-img h3 {
        margin-top: 0;
    }
    .case-study-img {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .rc_inr {
        max-width: 100%;
    }
    .hire_content {
        width: 100%;
        margin-bottom: 15px;
    }
    .navbar-header {
        text-align: left;
    }
    .navbar-nav {
        text-align: left;
    }
    .navbar-nav>li {
        display: block;
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 38px;
    }
    .banner_tle h1 {
        font-size: 40px;
    }
    .logo_main {
        max-width: 70%;
    }
    .tab_logo {
        padding: 5px 0 0;
    }
    .client_speak h3,
    .hr_tle h3,
    .section_h h3,
    .tab_logo h3 {
        padding: 0 10px;
    }
    .pdf_left,
    .pdf_right {
        padding: 0;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 480px) {
    .hr_counter ul li {
        width: 100%;
        margin-bottom: 10px;
    }
    .hr_counter ul li.aft_dvd::after {
        display: none;
    }
    .banner_rc_img {
        position: relative;
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 28px;
    }
    .h_left_c,
    .h_right_c {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .h_left_c span {
        margin: 0 auto;
    }
    .hire_content,
    .pdf_left,
    .pdf_right {
        width: 100%;
    }
    .banner_tle h1 {
        padding: 50px 10px 20px;
        font-size: 30px;
    }
    .bigdata-info img {
        max-width: 100%;
    }
    header.masthead-ai {
        padding-top: 30px;
    }
    header.masthead-ai .header-content h1 {
        font-size: 40px !important;
    }
}

.navbar-nav li:hover ul.dropdown-menu {
    display: block;
}

.aditional_header .cbp-af-header.sticky .nav>li>a {
    margin: 0 10px;
}

.social .fb a,
.social .googleplus a,
.social .linkedin a,
.social .tw a {
    line-height: 39px;
    border: 0;
    text-decoration: none;
}

.aditional_header .cbp-af-header.sticky .nav>li>a.btn-hire {
    padding: 7px 6px !important;
}

@media screen and (max-width: 1260px) {
    .aditional_header .cbp-af-header .ttmenu .nav>li>a,
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px;
    }
}

@media screen and (max-width: 1199px) {
    .ttmenu .nav>li>a {
        margin: 0 9px;
        font-size: 12px;
        border-bottom: 1px solid;
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 9px;
    }
    .rc_inr {
        width: 30%;
    }
    .hr_counter p,
    .rc_countr p {
        font-size: 15px;
    }
    .hr_counter p span,
    .rc_countr span {
        font-size: 45px;
    }
    .aditional_header .cbp-af-header.sticky .nav>li>a {
        margin: 0 7px;
    }
    .aditional_header .ttmenu .nav>li>a {
        margin: 0 6px;
        font-size: 12px;
    }
}

.mid_section .box_exchange,
.mid_section .box_exchange:hover {
    /*border:none!important;box-shadow:unset!important*/
}

.work_with_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    /*box-shadow: 0 3px 4px #ddd;*/
    height: 370px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/*.work_with_box:hover {
    box-shadow: 0 11px 18px #ddd
}*/

.work_with_box .inr_img {
    display: block;
    margin: 10px auto;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    line-height: 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.ver_mid {
    display: inline-block;
    vertical-align: middle;
}

.inr_img img {
    max-width: 80px;
}

.exc_img_div img {
    max-width: 100%;
}

@media (min-width: 767px) {
    #accordion .panel-title a:after {
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 55px;
    }
    .hgt_350_desktop {
        height: 350px;
    }
}

.work_with_box h3 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    margin: 10px 0;
}

.work_with_box p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}

.img-middle {
    display: block;
    margin: 0 auto;
}

section.mid_section {
    padding: 50px 0;
}

.grey-bg {
    background: #000;
}

.hire-para {
    margin-top: 30px;
    color: #c2bdbd !important;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.mob-text-center {
    text-align: center;
    margin-top: 30px;
}

.whybottom_box {
    padding: 30px 10px;
    background-color: #ddd;
    text-align: center;
    position: relative;
    z-index: 0;
    margin: 15px 0;
    height: 360px;
}

.whybottom_box1 {
    background-color: #3bbeb0;
}

.ondemand__app__sec .whybottom_box {
    background-color: #3bbeb0;
    min-height: 100px !important;
}

.whybottom_box:before {
    position: absolute;
    width: 0%;
    height: 0%;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.05);
}

.whybottom_box:after {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.05);
}

.whybottom_box h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    margin-top: 30px;
}

.whybottom_box .inr_img {
    width: 83px;
    height: 83px;
    line-height: 80px;
    margin: 20px auto;
    background-color: #fff;
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
}

.whybottom_box:hover .inr_img:after {
    transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
}

.whybottom_box:hover:after,
.whybottom_box:hover:before {
    width: 100%;
    height: 100%;
}

.whybottom_box p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin: 0;
}

.whybottom_box2 {
    background-color: #3bb1d9;
}

.whybottom_box3 {
    background-color: #d9434e;
}

.whybottom_box4 {
    background-color: #f89433;
}

.whybottom_box5 {
    background-color: #3bb85d;
}

.whybottom_box6 {
    background-color: #7277d5;
}

.list-heading {
    font-size: 16px;
    color: #282828;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
}

.white-bg {
    background: #fff !important;
}

@media (min-width: 1200px) {
    .ht-480 {
        height: 480px !important;
    }
}

@media (max-width: 767px) {
    .work_with_box {
        height: auto;
    }
    .ht-480 {
        height: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sm-ht-400 {
        height: 400px !important;
    }
}

@media (max-width: 767px) {
    .solution-box {
        height: auto !important;
    }
    header.masthead-ai .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-finance .header-content h1,
    header.masthead-hyper .header-content h1,
    header.masthead-identity .header-content h1,
    header.masthead-iot .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-php .header-content h1 {
        font-size: 26px !important;
        line-height: 1.5;
    }
}

.solution-box img {
    display: table;
    margin: 0 auto;
}

.solution-box .line-btm {
    display: none;
}

@media (min-width: 1200px) {
    .work_with_box.ht-lg-355 {
        height: 355px !important;
    }
    .work_with_box.ht-lg-340 {
        height: 340px !important;
    }
    .solution-box.ht-350 {
        height: 350px !important;
    }
    .lg-ht-280 {
        height: 280px;
    }
    .ht-380 {
        height: 380px !important;
    }
}

h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
}

.center-img-cnt img {
    display: table;
    margin: 15px auto;
}

header.masthead-mobility {
    position: relative;
}

header.masthead-mobility:after {
    position: absolute;
    content: "";
}

.hire-btn {
    display: table;
    background: #bd4a1e;
    color: #fff;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 3px;
    min-width: 150px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.hire-btn:hover {
    color: #fff !important;
    background: #bd4a1e;
}

.expert-btn {
    display: inline-block;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    color: #fff;
    padding: 10px 20px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 15px;
    border: none;
}

.expert-btn:hover {
    color: #fff !important;
    border: 1px solid #000;
    background: #000;
}

.center-img-cnt h3 {
    text-align: center;
}

.hire-btn-cnt {
    margin-top: -30px;
}

.mid_section p {
    text-align: justify;
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li {
    line-height: 2.2;
    font-size: 15px;
    list-style: none;
}

.blockchain__algo__sec .blockchain__algo__div .blockchain__algo__ul li i.fa-check-circle {
    color: #205a5d;
    margin-right: 10px;
}

.blockchain_algo .sol-box {
    position: relative;
    height: 25rem;
    margin-top: 20px;
    background: #fff;
    padding: 20px 20px;
    transition: all 0.3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, 0.09);
}

.blockchain_algo .al-sol-icon {
    text-align: left;
}

.blockchain_algo .sol-box h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px;
}

.d-flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.text-center {
    text-align: center !important;
}

.cbp-af-header.sticky .navbar-brand img {
    width: 180px !important;
}

.breadcrumb-sec,
.breadcrumb-sec .breadcrumb {
    background: #000 !important;
}

.breadcrumb-sec li a {
    color: #007bff;
}

.breadcrumb-sec ol.breadcrumb {
    margin-bottom: 0;
    padding: 10px 2px;
}

.breadcrumb>li {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    text-transform: capitalize;
}

label.error {
    color: red !important;
    font-weight: 400;
    font-size: 15px;
}

.header-shadow {
    position: relative;
}

.header-shadow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}

.heading-tagline {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 3rem;
}

@media (min-width: 768px) and (max-width: 991px) {
    .work_with_box {
        height: 380px;
    }
}

@media (min-width: 767px) {
    .services_sec {
        width: 1000px;
    }
}

.mt40 {
    margin-top: 40px !important;
}

.order-exchange .order-type-box {
    min-height: auto;
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: #f5f5f5;
    border-radius: 5px;
    border: 2px solid #eee;
    border-bottom-color: #47b475;
}

.order-exchange .feature-box-3 .icon {
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}

.order-exchange .feature-box-3 .common_h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.quick_p {
    font-size: 20px;
}

.tabbable-panel {
    padding: 10px;
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0;
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373;
    text-align: center;
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #5090f7;
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0 !important;
    color: #333;
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0;
}

.tabbable-line>.nav-tabs>li {
    opacity: 0.6;
    float: none;
    display: inline-block;
    padding: 0 14px;
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #32465b;
    position: relative;
    opacity: 1;
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333;
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040;
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #000;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.tabbable-line li.wds .list-title {
    font-size: 18px;
    font-weight: 700;
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0;
}

.tab-content .tech-link {
    color: #2a7bc1;
    font-size: 15px;
    font-weight: 600;
}

.tabs_solutions .wds.wds-ico-4 a::before {
    background-position: 0 -1292px !important;
    width: 74px;
    height: 74px;
}

.tabs_solutions .wds.wds-ico-4.active a::before,
.tabs_solutions .wds.wds-ico-4:hover a::before {
    background-position: -96px -1292px !important;
}

.tabs_solutions .wds.wds-ico-5 a::before {
    background-position: 0 -1352px !important;
    width: 74px;
    height: 74px;
}

.tabs_solutions .wds.wds-ico-5.active a::before,
.tabs_solutions .wds.wds-ico-5:hover a::before {
    background-position: 0 -1423px !important;
}

.tabs_solutions .wds.wds-ico-7 a::before {
    background-position: -174px -1352px !important;
    width: 74px;
    height: 74px;
}

.tabs_solutions .wds.wds-ico-7.active a::before,
.tabs_solutions .wds.wds-ico-7:hover a::before {
    background-position: -173px -1420px !important;
}

.tabs_solutions .wds.wds-ico-10 a::before {
    background-position: -378px -1350px !important;
    width: 74px;
    height: 74px;
}

.tabs_solutions .wds.wds-ico-10.active a::before,
.tabs_solutions .wds.wds-ico-10:hover a::before {
    background-position: -378px -1423px !important;
}

.tabs_solutions .wds.wds-ico-11::before {
    background-position: -512px -1300px !important;
}

.tabs_solutions .wds.wds-ico-12::before {
    background-position: -468px -1394px !important;
}

.tabs_solutions .wds.wds-ico-13::before {
    background-position: -18px -1508px !important;
}

.tabs_solutions .wds.wds-ico-14::before {
    background-position: -108px -1508px !important;
}

.tabs_solutions .wds.wds-ico-15::before {
    background-position: -198px -1508px !important;
}

.tabs_solutions .wds.wds-ico-16::before {
    background-position: -288px -1508px !important;
}

.tabs_solutions .wds.wds-ico-41::before {
    background-position: -198px -1868px !important;
}

.tabs_solutions .wds.wds-ico-42::before {
    background-position: -288px -1868px !important;
}

.tabs_solutions .wds.wds-ico-43::before {
    background-position: -378px -1868px !important;
}

.tabs_solutions .wds.wds-ico-44::before {
    background-position: -468px -1868px !important;
}

.tabs_solutions .wds.wds-ico-45::before {
    background-position: -18px -1958px !important;
}

.tabs_solutions .wds.wds-ico-46::before {
    background-position: -108px -1958px !important;
}

.tabs_solutions .wds.wds-ico-47::before {
    background-position: -198px -1958px !important;
}

.tabs_solutions .wds.wds-ico-48::before {
    background-position: -184px -4px !important;
}

.tabs_solutions .wds.wds-ico-49::before {
    background-position: -3px -5px !important;
}

.tabs_solutions .wds.wds-ico-50::before {
    background-position: -92px -3px !important;
}

.tabs_solutions .wds.wds-ico-51::before {
    background-position: -275px -3px !important;
}

.tabs_solutions .wds.wds-ico-52::before {
    background-position: -364px -3px !important;
}

.tabs_solutions .wds.wds-ico-53::before {
    background-position: -455px -3px !important;
}

.tabs_solutions .wds.wds-ico-54::before {
    background-position: -3px -93px !important;
}

.tabs_solutions .wds.wds-ico-55::before {
    background-position: -93px -93px !important;
}

.tabs_solutions .wds.wds-ico-56::before {
    background-position: -184px -93px !important;
}

.tabs_solutions .wds.wds-ico-24::before {
    background-position: -466px -1600px !important;
}

.tabs_solutions .wds.wds-ico-25::before {
    background-position: -467px -1509px !important;
}

.tabs_solutions .wds.wds-ico-26::before {
    background-position: -19px -1687px !important;
}

.tabs_solutions .wds.wds-ico-27::before {
    background-position: -378px -1600px !important;
}

.tabs_solutions .wds.wds-ico-28::before {
    background-position: -198px -1688px !important;
}

.tabs_solutions .wds.wds-ico-29::before {
    background-position: -288px -1688px !important;
}

.tabs_solutions .wds.wds-ico-30::before {
    background-position: -378px -1688px !important;
}

.tabs_solutions .wds.wds-ico-31::before {
    background-position: -468px -1688px !important;
}

.tabs_solutions .wds.wds-ico-32::before {
    background-position: -18px -1778px !important;
}

.tabs_solutions .wds.wds-ico-33::before {
    background-position: -108px -1778px !important;
}

.tabs_solutions .wds.wds-ico-34::before {
    background-position: -198px -1778px !important;
}

.tabs_solutions .wds.wds-ico-35::before {
    background-position: -288px -1778px !important;
}

.tabs_solutions .wds.wds-ico-36::before {
    background-position: -378px -1778px !important;
}

.tabs_solutions .wds.wds-ico-37::before {
    background-position: -468px -1778px !important;
}

.tabs_solutions .wds.wds-ico-38::before {
    background-position: -18px -1868px !important;
}

.tabs_solutions .wds.wds-ico-39::before {
    background-position: -18px -1868px !important;
}

.tabs_solutions .wds.wds-ico-40::before {
    background-position: -108px -1868px !important;
}

.tabs_solutions .wds.wds-ico-17::before {
    background-position: -378px -1508px !important;
}

.tabs_solutions .wds.wds-ico-18::before {
    background-position: -86px -1410px !important;
}

.tabs_solutions .wds.wds-ico-20::before {
    background-position: -18px -1598px !important;
}

.tabs_solutions .wds.wds-ico-21::before {
    background-position: -108px -1598px !important;
}

.tabs_solutions .wds.wds-ico-22::before {
    background-position: -198px -1598px !important;
}

.tabs_solutions .wds.wds-ico-23::before {
    background-position: -288px -1598px !important;
}

.tabs_solutions .wds.wds-ico-8 a::before {
    background-position: -241px -1350px !important;
    width: 74px;
    height: 74px;
}

.tabs_solutions .wds.wds-ico-8.active a::before,
.tabs_solutions .wds.wds-ico-8:hover a::before {
    background-position: -241px -1422px !important;
}

.tabs_solutions .wds.wds-ico-9 a::before {
    background-position: -306px -1350px !important;
    width: 74px;
    height: 74px;
}

.tabs_solutions .wds.wds-ico-9.active a::before,
.tabs_solutions .wds.wds-ico-9:hover a::before {
    background-position: -308px -1425px !important;
}

.tabs_solutions .wds.wds-ico-6 a::before {
    background-position: -86px -1350px !important;
    width: 83px;
    height: 74px;
}

.tabs_solutions .wds.wds-ico-6.active a::before,
.tabs_solutions .wds.wds-ico-6:hover a::before {
    background-position: -86px -1420px !important;
}

li.hire-dd-icon a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
}

.tabs_solutions {
    padding: 20px 0 20px;
}

.tabs_solutions .wds a::before {
    transition: 0.3s all ease-in-out;
}

.hire-dd-technology {
    display: flex;
    text-align: center;
    justify-content: center;
}

.hire-dd-technology .hire-dd-tech-box {
    margin: 0 15px;
    padding-top: 20px;
}

.hire-dd-tech-box {
    padding: 30px 10px 20px;
}

.tabs_solutions .hire-dd-box-text::before {
    height: 84px;
    width: 84px;
}

.tabs_solutions .hire-dd-tech-box .hire-dd-box-text:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    top: -10px;
    z-index: 1;
    transition: 0.3s all ease-in-out;
}

.sol-website .sol-box {
    position: relative;
    height: 340px;
    background: #000;
    padding: 20px 20px;
    transition: all 0.3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(2, 2, 3, 0.09);
}

@media (max-width: 767px) {
    .sol-website .sol-box {
        height: auto;
    }
    .webd-intro-sprite {
        background-size: 102rem !important;
        height: 235px !important;
        background-position: -598px -449px !important;
    }
    header.masthead-custom-web-design-development .header-content h1,
    header.masthead-custom-web-design-development .header-content .heading-tagline {
        text-align: center !important;
    }
    .webdesi_bannerbtn {
        text-align: center;
    }
    .about#aboutus {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
        background: initial !important;
        padding-bottom: 20px;
        text-align: center;
    }
    .about#aboutus .section-heading-1 {
        text-align: center !important;
    }
    .about#aboutus .get_demo_slick_btn {
        float: none;
    }
    .mid_section#webapp_solutuions {
        padding: 0px !important;
        background-color: #f1f1f1;
        background-image: none !important;
        background-image: initial !important;
    }
    #webdesign_frameworks .sol-box {
        margin-top: 82px;
        height: auto !important;
    }
    #webdesign_industry .row:nth-child(2),
    #webdesign_industry .row:nth-child(3) {
        display: block !important;
    }
    #webdesign_industry .webdesign_indusbox {
        margin-bottom: 20px;
    }
    #webdesign_industry,
    #webportel_dev,
    #adapwebdev_solution {
        padding-bottom: 0px !important;
    }
    #webportel_dev .sol-box {
        padding: 0 !important;
        margin-bottom: 40px;
    }
    #webdesign_frameworks .row:nth-child(2) {
        margin-top: 0 !important;
    }
    #webdesign_jsframeworks .sol-box {
        height: auto !important;
    }
}

@media (max-width: 1280px) {
    .about#aboutus {
        background-position: 356px 0px !important;
    }
}

header.masthead-custom-web-design-development .header-content h1,
header.masthead-custom-web-design-development .header-content .heading-tagline {
    text-align: left;
}

header.masthead-custom-web-design-development .header-content .heading-tagline {
    font-weight: 400;
    font-size: 18px;
}

.about.webdev_top_ratesec#aboutus {
    /*background: url(../images/inner-pages/custom_web_design_development/top-rated-web-development-company.jpg);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#webapp_solutuions .section-heading-1 h2 {
    color: #060606;
}

.mid_section#webapp_solutuions {
    /* background-image: url(../images/inner-pages/custom_web_design_development/enhance-your-brand-with-our-enterprise-app-and-web-solutions.jpg?v2); */
    background-position: center;
    padding: 70px;
    filter: invert(1);
}

#premium_webservice {
    background-image: radial-gradient( circle at center center, transparent, rgb(12, 11, 11)), repeating-linear-gradient( 135deg, rgb(12, 11, 11) 0px, rgb(12, 11, 11) 2px, transparent 2px, transparent 10px, rgb(12, 11, 11) 10px, rgb(12, 11, 11) 11px, transparent 11px, transparent 21px), repeating-linear-gradient( 45deg, rgb(51, 50, 50) 0px, rgb(51, 50, 50) 4px, transparent 4px, transparent 8px), linear-gradient(90deg, rgb(12, 11, 11), rgb(12, 11, 11));
    padding-top: 50px;
    padding-bottom: 80px;
}

.country_prem_services {
    padding-top: 30px !important;
    padding-bottom: 80px !important;
}

#premium_webservice .section-heading-1 h2 {
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
}

#webdesign_jsframeworks {
    background-color: #000;
}

#webdesign_jsframeworks .section-heading-1 h2 {
    color: #fff;
    text-align: center;
}

#webdesign_jsframeworks .webjsframeworks_icons {
    float: right;
}

#webdesign_jsframeworks .sol-box {
    border-radius: 4px;
    height: 285px;
}

#webdesign_jsframeworks .sol-box .desc {
    min-height: 135px;
    margin-top: 23px;
}

#webdesign_jsframeworks .sol-box p {
    margin-bottom: 0;
}

#webdesign_jsframeworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #fff;
}

#webdesign_industry .webdesign_indusbox p {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

#webdesign_industry .webdesign_indusbox {
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0px;
    border-radius: 4px;
    box-shadow: 0px 7px 9px -6px #6d6d6d;
}

#webdesign_industry .section-heading-1 p {
    text-align: center;
}

#webdesign_industry .row:nth-child(2),
#webdesign_industry .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#webdesign_frameworks .sol-box {
    border: 1px solid #ad1a48;
    background-color: #000;
    border-radius: 4px;
    height: 265px;
    text-align: center;
    min-height: 290px;
}

#webdesign_frameworks .sol-box .title,
#webdesign_frameworks .sol-box .desc,
#webdesign_frameworks .sol-box .p {
    text-align: center;
}

.mid_section#webdesign_frameworks p {
    text-align: center;
    margin-bottom: 0;
}

#webdesign_frameworks .row:nth-child(2) {
    margin-bottom: 5rem;
    margin-top: 5rem;
}

#webdesign_frameworks .webdframeworks_icons {
    margin: 0 auto;
    margin-top: -69px;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #ae2a53;
    width: 85px;
    height: 85px;
    text-align: center;
    padding: 10px;
}

#webdesign_frameworks .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #fff;
}

#webdesign_frameworks,
#webdesign_jsframeworks,
#webdesign_industry,
#webportel_dev,
#adapwebdev_solution,
#custweb_servs {
    padding-top: 30px;
    padding-bottom: 80px;
}

#webportel_dev .sol-box {
    border: 0;
    box-shadow: none;
    box-shadow: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    text-align: center;
}

#webportel_dev .sol-box .title,
#webportel_dev .sol-box .desc,
#webportel_dev .sol-box p {
    text-align: center;
}

#webportel_dev .sol-box .title-write {
    margin-top: 5px;
}

#webportel_dev {
    background: #000;
}

.webporteldev_icons {
    text-align: center;
}

#webportel_dev .sol-box {
    height: 290px;
}

.webporteldev_hr {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    width: 90px;
    margin: 0 auto;
    height: 1px;
    margin-bottom: 10px;
}

#webportel_dev .sol-box a.rd_mr_btn {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    padding: 10px;
    border-radius: 50px;
    min-width: 120px;
    color: #fff;
}

#webportel_dev .container .row:nth-child(2) {
    margin-bottom: 40px;
}

#webportel_dev .sol-box .desc {
    min-height: 130px;
}

#adapwebdev_solution {
    /* background: url(../images/inner-pages/custom_web_design_development/solutions-bg.jpg);*/
}

#adapwebdev_solution .sol-box {
    border-radius: 4px;
    min-height: 280px;
    height: 350px;
}

#adapwebdev_solution .sol-box .title,
#adapwebdev_solution .sol-box .desc {
    text-align: center;
}

#webdev_process img {
    width: 80%;
    filter: contrast(0.5);
}

#webdev_process .section-heading-1 p {
    text-align: center;
}

#custweb_servs .custserv_ictit {
    display: flex;
    align-items: center;
}

#custweb_servs .sol-box {
    height: auto;
    min-height: 165px;
}

#custweb_servs {
    background: #000;
}

.webdesdev_hiresec {
    background: #000;
    padding: 50px 0px;
}

.webdesign_hire_sprite {
    width: 120px;
    height: 110px;
    object-fit: none;
}

.webdhire_content {
    color: #fff;
    text-align: center;
}

.webdhire_content .webdesdev_hire_title {
    color: #fff;
    font-size: 45px;
    text-align: center;
    text-transform: capitalize;
}

.webdhire_content p {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 0;
}

.webdhirebox {
    text-align: center;
}

.webdhirebox p {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}

.webdesdev_hiresec .row:nth-child(2),
.webdesdev_hiresec .row:nth-child(3) {
    margin-top: 2.5rem;
}

.sol-website#premium_webservice .sol-box .sol-icon {
    text-align: left;
}

@media (max-width: 767px) {
    .webdhire_content .webdesdev_hire_title {
        font-size: 28px;
    }
    .webdhire_content p {
        width: 100%;
    }
    .webdhirebox {
        margin-bottom: 19px;
    }
}

.premium_webservice_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.webdesign_frameworks_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.webdesign_industry_sprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.webportel_dev_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.adapwebdev_solution_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.custweb_servs_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.sol-website .sol-box .sol-icon {
    text-align: right;
}

.sol-website .sol-box .title-write {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    line-height: 25px;
}

.sol-website .sol-box .desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0px;
}

.cc-slider {
    margin: 35px auto 0;
    max-width: 850px;
    position: relative;
    -webkit-transform: translateZ(0);
    transition: all 0.5s ease-out;
}

.hire-dd-slide-manu #six-slides input {
    filter: grayscale(100%);
}

.hire-dd-slide-manu #six-slides input:checked {
    filter: grayscale(0);
}

.hire-dd-slide-manu .cc-slider input {
    display: flex;
    margin: 0 auto;
    width: 25%;
    float: left;
    visibility: hidden;
    margin-bottom: 50px;
}

.tabs_solutions .cc-slider input {
    margin: 0 auto 85px !important;
    width: 33.33%;
}

.hire-dd-slide-manu #six-slide1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px;
}

.hire-dd-slide-manu #six-slide2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px;
}

.hire-dd-slide-manu #six-slide3::before {
    background-position: -378px -1422px !important;
    width: 83px;
    height: 74px;
}

.hire-dd-slide-manu #six-slide4::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px;
}

.hire-dd-slide-manu #six-slide5::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px;
}

.hire-dd-slide-manu #six-slide6::before {
    background-position: -86px -1422px !important;
    width: 74px;
    height: 74px;
}

.hire-dd-slide-manu .cc-slider input:checked:before {
    border-bottom: 2px solid #0087b2;
    padding-bottom: 2px;
}

.hire-dd-slide-manu input:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible;
}

.custom_tabs_div .tab-content .heading {
    font-weight: 700;
    font-size: 20;
}

.custom_tabs_div .nav-pills>li>a::after {
    content: none;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a:before {
    /* background: url(../images/ps-new-icon-min.png) no-repeat; */
    content: "";
    display: block;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 50px;
    top: -10px;
    z-index: 997;
    visibility: visible;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:focus,
.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a:hover {
    color: #fff;
    background-color: transparent;
    background-color: initial;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li.active a::before {
    border-bottom: 2px solid #0087b2;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab1::before {
    background-position: 0 -1422px !important;
    width: 74px;
    height: 74px;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab2::before {
    background-position: -170px -1422px !important;
    width: 74px;
    height: 74px;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab3::before {
    background-position: -378px -1422px !important;
    width: 74px;
    height: 74px;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab4::before {
    background-position: -96px -1292px !important;
    width: 74px;
    height: 74px;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab5::before {
    background-position: -241px -1422px !important;
    width: 74px;
    height: 74px;
}

.custom_tabs_div .tab_nav_ul li.tab_nav_li a#tab6::before {
    background-position: -306px -1422px !important;
    width: 74px;
    height: 74px;
}

.cc-slider #overflow {
    width: 100%;
    overflow: hidden;
}

#six-slides .hire-dd-slide-manu-box .hire-dd-manu-title {
    font-size: 18px;
    font-weight: 700;
}

#six-slide1:checked~#six-slides .inner {
    margin-left: 0;
}

#six-slide2:checked~#six-slides .inner {
    margin-left: -100%;
}

#six-slide3:checked~#six-slides .inner {
    margin-left: -200%;
}

#six-slide4:checked~#six-slides .inner {
    margin-left: -300%;
}

#six-slide5:checked~#six-slides .inner {
    margin-left: -400%;
}

#six-slide6:checked~#six-slides .inner {
    margin-left: -500%;
}

#six-slides.cc-slider .inner {
    width: 600%;
}

#six-slide1:checked~#six-slides,
#six-slide4:checked~#six-slides,
#six-slide5:checked~#six-slides,
#six-slide6:checked~#six-slides {
    margin-bottom: -26rem;
}

#six-slide2:checked~#six-slides {
    margin-bottom: -50rem;
}

.cc-slider .inner {
    -webkit-transform: translateZ(0);
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

#six-slides.cc-slider article {
    width: 16.66%;
    position: relative;
    display: table-cell;
}

.cc-slider article {
    width: 20%;
    float: left;
}

.hire-dd-slide-manu-box-1 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding-top: 20px;
}

.hire-dd-slide-manu .content {
    background-color: #f4f4f4 !important;
    background: rgba(255, 255, 255, 0.1);
    padding: 40px 10px;
    width: 87%;
    margin: 0 0 !important;
}

.hire-dd-slide-manu .wds.wds-ico-40::before {
    background-position: -198px -1868px !important;
}

.hire-dd-slide-manu .wds::before {
    content: "";
    position: relative;
    display: block;
    height: 84px;
    width: 84px;
    margin: 0 auto 15px;
    /* background: url(../images/ps-new-icon-min.png) no-repeat */
}

.custom_carousel_wrap {
    margin: 30px auto 0;
    padding: 0 5%;
    width: 80%;
    position: relative;
}

.custom_carousel_wrap .features_carousel_sec .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

.custom_carousel_wrap .features_carousel_sec .owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.custom_carousel_wrap .features_carousel_sec .owl-nav i {
    font-size: 52px;
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-prev {
    left: -30px;
}

.custom_carousel_wrap .features_carousel_sec .owl-nav .owl-next {
    right: -30px;
}

header.masthead-chatbot {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/chat-bot/banner/banner.jpg) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center;
}

header.masthead-mobility.transport {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/transportation_logistics/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

@media (min-width: 1200px) {
    .lg-ht-400 {
        height: 400px !important;
    }
}

@media (min-width: 992px) {
    .md-ht-400 {
        height: 400px !important;
    }
}

@media (min-width: 768px) {
    .sm-ht-400 {
        height: 400px !important;
    }
}

header.masthead-finance.media {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/media-entertainment/media-and-entertainment.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.media.header-shadow:before {
    background: rgba(0, 0, 0, 0.5);
}

header.masthead-finance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/health/healthcare-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.learning {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/learning-education/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.learning.header-shadow:before {
    background: rgba(0, 0, 0, 0.5);
}

header.masthead-finance.hospitality {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hospitality/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.legal {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/legal/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.manufacturing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/manufacturing/manufacturing-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.analytics {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/analytics_visualization/image/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.database {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/database/data-base-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-finance.devops {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/devops/devops-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-signage {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/signage/signage-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/demand/demand-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-python {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/python/python-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-ruby {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ruby/ruby-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-engi {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/pro-eng/pro-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-trans {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/trans/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-cloud {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud/big-data-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-hybris {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybris/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-banking {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/banking/banking-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-sap {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sap/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-fmcg {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/fmcg/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-tele {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tele/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-go {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/go/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-real {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/real/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-publish {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/publish/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-retail {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/retail/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-res {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/res/resource.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-ecom {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ecom/e-commerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-gov {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/gov/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/way/banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center;
}

header.masthead-shop {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/shop/shop-floor-automation-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.lab {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-lab/Our_Digital_Lab.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.tensorflow {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-tensorflow.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.banner-ar-vr {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/banner-ar-vr.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.banner-vuejs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-vuejs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.banner-meteorjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-meteorjs.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.banner-nwjs {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-nw-js.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.banner-proton-native {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/banner-proton-native-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.arkit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/arkit-ios.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.unity-ban {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/Banner-unity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
    margin-bottom: 0 !important;
}

header.masthead-demand.hyperledger-sawtoooth {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../oimages/hyperlefger-sawtooth-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.expertise {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/our-expertise/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-demand.Banner-solidity {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/Banner-solidity.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.expert-cnt {
    display: block;
    width: 100%;
    padding: 8% 15px;
    background: #fff;
    box-shadow: 0 3px 4px #ddd;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #2a7bc1;
    position: relative;
    transition: all 0.5s;
    height: 360px;
}

.bgn-border {
    border-top: 5px solid #3bbeb0 !important;
}

.bl-border {
    border-top: 5px solid #3bb1d9 !important;
}

.rd-border {
    border-top: 5px solid #d9434e !important;
}

.yl-border {
    border-top: 5px solid #f89433 !important;
}

.gn-border {
    border-top: 5px solid #3bb85d !important;
}

.pl-border {
    border-top: 5px solid #7277d5 !important;
}

.expert-cnt:hover {
    box-shadow: 0 11px 18px #ddd;
}

.hgt_430 {
    height: 430px !important;
}

.feature-content_1 h4 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0;
}

.feature-content_1 h2 {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0;
}

.feature-content_1 p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: left !important;
}

.hgt_350 {
    height: 350px !important;
}

.hgt_380 {
    height: 380px;
}

.navbar-default .navbar-nav>li>a.whatsup_button,
.navbar-default .navbar-nav>li>a.whatsup_button:active,
.navbar-default .navbar-nav>li>a.whatsup_button:focus {
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px;
}

.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    background: #47b375;
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a.telegram_button {
    background: #08c;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 400;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px;
}

.navbar-default .navbar-nav>li>a.telegram_button:hover {
    background: #08c;
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a.skype_button,
.navbar-default .navbar-nav>li>a.skype_button:active,
.navbar-default .navbar-nav>li>a.skype_button:focus {
    background: #00aff0;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    margin: 0 3px;
    margin-top: 14px;
    border-bottom: none;
}

.navbar-default .navbar-nav>li>a.carrer_button,
.navbar-default .navbar-nav>li>a.carrer_button:active,
.navbar-default .navbar-nav>li>a.carrer_button:focus {
    background: #a5264a;
    border-radius: 3px;
    color: #fff !important;
    padding: 0 10px !important;
    line-height: 30px;
    font-weight: 800;
    text-transform: none;
    text-transform: initial;
    border-bottom: none;
    margin: 0 3px;
    margin-top: 14px;
}

.navbar-default .navbar-nav>li>a.carrer_button:hover {
    background: #a5264a;
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a.skype_button:hover {
    background: #00aff0;
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a.skype_button:hover,
.navbar-default .navbar-nav>li>a.telegram_button:hover,
.navbar-default .navbar-nav>li>a.whatsup_button:hover {
    border-bottom: 0;
}

.navbar-default .navbar-nav>li>a.skype_button i,
.navbar-default .navbar-nav>li>a.skype_button span,
.navbar-default .navbar-nav>li>a.telegram_button i,
.navbar-default .navbar-nav>li>a.telegram_button span,
.navbar-default .navbar-nav>li>a.whatsup_button i,
.navbar-default .navbar-nav>li>a.whatsup_button span {
    display: inline-block !important;
}

.hgt_480 {
    height: 480px !important;
}

.hgt_320 {
    height: 320px;
}

.hgt_520 {
    height: 520px;
}

header.masthead-blockchain-in-gaming.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_gaming/Banner-2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-blockchain-in-supplychain.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_supplychain/blockchain-in-supplychain.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-blockchain-in-ecommerce.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-ecommerce/blockchain-ecommerce-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-blockchain-in-real-estate.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-realestate/blockchain-in-realestate.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-blockchain-application-for-voting.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-voting/Banner2.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center;
}

header.masthead-blockchain-in-insurance.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain-in-insurance/blockchain-in-insurance-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-blockchain-in-digital-records.health {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/digital-record/Banner2.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-cloud-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cloud-application/cloud-application-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.feature-content_1 h4,
.feature-content_1 p,
.testing_img {
    text-align: center !important;
}

.feature-content_1 h2,
.feature-content_1 p,
.testing_img {
    text-align: center !important;
}

header.masthead-pivx {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private-instant-verified-transaction-FINAL/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-scrypt {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/scrypt-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-sha-256 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/BENEFITS-OF-SHA-256-final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-x11 {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/X11-Final/Banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-equihash {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/equihash-final/Banner-01.jpg) no-repeat !important; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-iphone-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone-app-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-react-native-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react-native-development-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-ar-core-for-android {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ar-core-for-android-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-hyperledger-fabric-composer {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hyperledger-fabric-composer-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-jmeter {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/jmeter-final/Banner-.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-ico-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_development/ICO-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    height: 80vh;
    background-position: center;
}

header.masthead-blockchain-consulting-services {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_consulting/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-private-public-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/private_public_blockchain_development/PUBLIC-PRIVATE-BLOCKCHAIN_Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-cryptocurrency-wallet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency-wallet-development/banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-exchange-platform-development {
    position: relative;
    width: 100%;
    padding-top: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cryptocurrency_exchange_platform/banner.png?v2) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-blockchain-iot-management {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/blockchain_Iot_management/Blockchain-IoT-Development-Banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

header.masthead-ico-marketing-agency {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ico_marketing/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-smart-contract-audit {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/smart_contract_audit/Smart-Contract-Audit.banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-sto-marketing {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_marketing/STO-Marketing-Banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-sto-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/sto_development/STO-DevelopmentBanner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-zend-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/zend_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-yii-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/yii_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-laravel-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/laravel_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-cakephp-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/cakephp/cakephp.banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-angular-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angularjs/angularjs-banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-ethereum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_blockchain_development/eth-blockchain-banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

@media (min-width: 991px) {
    section.masthead-blockchain-development {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/banner-new.png); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
    }
}

@media (max-width: 767px) {
    section.masthead-blockchain-development {
        background: linear-gradient(45deg, #011a30, #0b549a, #064b95);
        padding: 50px 0px;
        height: 550px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .masthead-blockchain-development .title {
        font-size: 28px !important;
        line-height: 35px !important;
    }
    .masthead-blockchain-development .cus_title {
        font-size: 35px !important;
    }
    .masthead-blockchain-development .blk_dev_bnr_btn,
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn {
        font-size: 12px !important;
    }
    .blockchain_dev_talkcard_sec {
        background: linear-gradient(45deg, #000422, #004b82);
        display: flex;
        align-items: center;
        padding: 30px 0px;
        text-align: center;
    }
    .blockchain_dev_talkcard_sec .title {
        font-size: 22px !important;
        margin-top: 0px;
    }
    .blockchain_dev_talkcard_sec .contents {
        padding-top: 0px !important;
        margin-bottom: 5px !important;
    }
    .blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
        margin-top: 20px !important;
    }
}

.header-shadow-custom:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #012150;
    background: linear-gradient(90deg, #0e1824 0, rgb(22 29 43 / 55%) 79%);
}

header.masthead-ethereum-classic-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum_classic_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

.masthead-blockchain-development .title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 45px;
}

.masthead-blockchain-development .cus_title {
    color: #fff;
    font-weight: 800;
    font-size: 55px;
    text-transform: uppercase;
}

.masthead-blockchain-development .contents {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}

.masthead-blockchain-development a.expert-btn {
    background: #db3c3b;
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #050505;
    line-height: 1.5;
    border: 0;
}

.masthead-blockchain-development .blk_dev_bnr_btn_sec,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn_sec {
    margin-top: 35px;
}

.masthead-blockchain-development .blk_dev_bnr_btn,
.blockchain_dev_talkcard_sec .blk_dev_talk_btn {
    background: #db3c3b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    padding: 12px 25px;
}

@media (min-width: 991px) {
    .blockchain_dev_talkcard_sec {
        position: relative;
        color: #fff;
        /* background: url(../images/inner-pages/blockchain_development/talk-sec-card-bg.png); */
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        display: flex;
        padding: 50px 0px;
        height: 400px;
    }
}

.blockchain_dev_talkcard_sec .title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}

.blockchain_dev_talkcard_sec .contents {
    font-size: 16px;
    padding-top: 8px;
    color: #fff;
}

header.masthead-quorum-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/quorum_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-neo-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/neo_blockchain_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-tron-blockchain-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/tron_dapps_development_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-lisk-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/lisk_blockchain_applicationLisk_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-eos-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/eos_blockchain_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-chainlink-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/chainLink_blockchain_application_final/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-stratis-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/stratis_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-waves-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/waves_blockchain_application/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-svelte-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/svelte_js_development/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-angular8-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/angular8_development_company/Banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-android-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_app_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-android-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-ipad-app-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-ipad-ui-ux-design {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ipad_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-iphone-game-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_game_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-iphone-ui-ux-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/iphone_ui_ux_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/enterprise_mobile_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-native-app-development-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/native_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-hybrid-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/hybrid_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-ionic-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/ionic_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-2d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/2D_design/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-adobe-air-app-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/adobe_air_app_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-android-tablet-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/android_tablet_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-codeigniter-framework-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/codeigniter_web_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-custom-web-design-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development/banner-bg.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-custom-web-design-development_countrybase {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/custom_web_design_development_countrybase/banner-bg.png?v1) no-repeat; */
    background-size: cover !important;
    background-position: center;
    height: 85vh;
}

.masthead-custom-web-design-development_countrybase .webdesi_bannerbtn {
    margin-top: 4rem;
}

.webdesi_bannerbtn a:hover {
    text-decoration: none;
    color: #fff;
}

.button_play {
    /*background: #ff4949;*/
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    padding: 16px 21px;
    transition: width 199ms cubic-bezier(0.25, 0, 0.25, 1) 233ms;
    font-weight: 800;
    font-size: 17px;
    background: #001a56;
    background: linear-gradient( 135deg, #a71e44 0%, #e63a59 50%, #0c3d40 51%, #09383c 71%, #e02528 100%);
    background-size: 400% 400%;
    animation: AnimationName 3s ease infinite;
    border: 0;
}

@keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}

.masthead-custom-web-design-development_countrybase.header-shadow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(24 30 41 / 60%) none repeat scroll 0 0;
}

header.masthead-custom-web-design-development_countrybase .header-content h1,
header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
    text-align: left;
}

@media (max-width: 767px) {
    header.masthead-custom-web-design-development_countrybase .header-content h1,
    header.masthead-custom-web-design-development_countrybase .header-content .heading-tagline {
        text-align: center;
    }
}

header.masthead-enterprise-solutions {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/it_enterprise_solution_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-phonegap-application-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/phonegap_development_services/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-responsive-website-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/responsive_web_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-web-design-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-logo-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/logo_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-3d-animation-company {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/3d_design/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-react-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/react_js_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-node-js-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/nodejs_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-bootstrap-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/bootstrap_page/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-canvas5-web-design {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/canvas5_webdesign/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-joomla-web-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/joomla-development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-wordpress-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/wordpress_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-magento-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/magento_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-website-maintenance-company {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/website_maintanence_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-mobile-application-maintenance {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mobile_application_development/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-web-hosting-and-maintenance-services {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/trusted_hosting_and_server_maintenance_service_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-customers-inventory-management-software {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/customer_and_inventory_management/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-online-customer-support {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/online_customer_support_services_company/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-full-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/full_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-mean-stack-development {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/mean_stack_development/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-hedera-hashgraph-dev {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/hedera_hasgroup/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

.masthead-hedera-hashgraph-dev:before {
    background: rgba(0, 0, 0, 0.73) !important;
}

header.masthead-blockchain-ai-dev {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../images/inner-pages/AI_blockchain/banner.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
    padding-top: 40px;
}

header.masthead-peer-to-peer-blockchain {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/p2p_lending/banner.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

header.masthead-ai-banner {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../oimages/ai-banner.png) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

@media screen and (min-width: 767px) {
    .mobile {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .bor-bot {
        border-bottom: 2px solid #205a5d !important;
    }
}

.hgt_490 {
    height: 490px;
}

.justify {
    text-align: justify;
}

@media (max-width: 767px) {
    .social_link {
        display: none;
    }
    .mobile-resp {
        display: block;
    }
    .caption {
        font-size: 14px !important;
    }
    body.events .cbp-af-header .cbp-af-inner {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .showcase-box h3 {
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .showcase-box h3 {
        min-height: 50px;
    }
}

.photo_font {
    font-size: 25px !important;
    color: #000 !important;
    text-align: center;
}

.caption {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #397bc1;
    text-align: center;
    font-weight: 700;
    opacity: 1;
    top: 0;
    font-size: 20px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .expert-btn {
        margin: 10px auto !important;
    }
    .solution-box p {
        width: 100%;
    }
    .ttmenu .navbar-default .ttmenu-content {
        padding: 0;
    }
    .social ul li {
        display: inline-block;
        margin: 0 0 15px 1px;
    }
    header.masthead-demand.tensorflow {
        padding-top: 50px;
        height: 70vh;
    }
    .pre-header ul li a {
        font-size: 13px;
    }
    header.masthead-hyper {
        padding-top: 40px;
        height: 60vh;
    }
    header.masthead-demand.Banner-solidity {
        padding-top: 20px;
        height: 60vh;
    }
    header.masthead-blockchain-in-digital-records.health {
        padding-top: 30px;
        height: 60vh;
    }
    header.masthead-blockchain-in-insurance.health {
        padding-top: 20px;
        height: 60vh;
    }
    header.masthead-blockchain-in-gaming.health {
        padding-top: 20px;
        height: 60vh;
    }
    header.masthead-blockchain-application-for-voting.health {
        padding-top: 20px;
        height: 60vh;
    }
    header.masthead-blockchain-in-ecommerce.health {
        padding-top: 20px;
    }
    header.masthead-blockchain-in-real-estate.health {
        padding-top: 20px;
        height: 80vh;
    }
    header.masthead-blockchain-in-supplychain.health {
        padding-top: 20px;
        height: 70vh;
    }
    header.masthead-identity {
        padding-top: 20px;
        height: 65vh;
    }
    header.masthead-finance,
    header.masthead-mobility {
        padding-top: 20px;
        height: 65vh;
    }
    header.masthead-legal {
        padding-top: 20px;
        height: 70vh;
    }
    header.masthead-equihash {
        padding-top: 0;
        height: 90vh;
    }
    header.masthead-sha-256 {
        padding-top: 0;
        height: 90vh;
    }
    header.masthead-pivx {
        padding-top: 0;
        height: 90vh;
    }
    header.masthead-scrypt {
        padding-top: 10px;
        height: 85vh;
    }
    header.masthead-x11 {
        padding-top: 10px;
        height: 80vh;
    }
    header.masthead-cryptocurrency-wallet-development {
        padding-top: 10px;
        height: 80vh;
    }
    header.masthead-cryptocurrency-wallet-development .header-content h1 {
        font-size: 38px !important;
    }
    header.masthead-exchange-platform-development {
        padding-top: 50px;
    }
    header.masthead-business {
        padding-top: 40px;
        height: 65vh;
    }
    header.masthead-iot {
        padding-top: 20px;
        height: 60vh;
    }
    header.masthead-chatbot {
        padding-top: 10px;
        height: 60vh;
    }
    header.masthead-finance.devops {
        padding-top: 0;
        height: 100vh;
    }
    header.masthead-trans .header-content h1 {
        font-size: 38px !important;
    }
    header.masthead-engi .header-content h1 {
        font-size: 38px !important;
    }
    header.masthead-blockchain-development {
        height: 95vh;
        background: #183274;
    }
    .feature-content_1 p,
    .section-heading-1 p,
    .work_with_box p {
        font-size: 16px;
    }
    header.masthead-blockchain-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase;
    }
    .heading-tagline {
        color: #fff;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px;
    }
    .mid_section p {
        font-size: 16px;
    }
    .feature_1 {
        margin-top: 2em;
    }
    header.masthead-ai .header-content h1,
    header.masthead-angular-js-development .header-content h1,
    header.masthead-angular8-development .header-content h1,
    header.masthead-ar-core-for-android .header-content h1,
    header.masthead-banking .header-content h1,
    header.masthead-blockchain-application-for-voting .header-content h1,
    header.masthead-blockchain-consulting-services .header-content h1,
    header.masthead-blockchain-development .header-content h1,
    header.masthead-blockchain-in-digital-records .header-content h1,
    header.masthead-blockchain-in-ecommerce .header-content h1,
    header.masthead-blockchain-in-gaming .header-content h1,
    header.masthead-blockchain-in-insurance .header-content h1,
    header.masthead-blockchain-in-real-estate .header-content h1,
    header.masthead-blockchain-in-supplychain .header-content h1,
    header.masthead-blockchain-iot-management .header-content h1,
    header.masthead-business .header-content h1,
    header.masthead-cakephp-framework-development .header-content h1,
    header.masthead-chainlink-blockchain .header-content h1,
    header.masthead-chatbot .header-content h1,
    header.masthead-cloud .header-content h1,
    header.masthead-cloud-application-development .header-content h1,
    header.masthead-crypto .header-content h1,
    header.masthead-deep .header-content h1,
    header.masthead-demand .header-content h1,
    header.masthead-digital .header-content h1,
    header.masthead-ecom .header-content h1,
    header.masthead-engi .header-content h1,
    header.masthead-eos-blockchain .header-content h1,
    header.masthead-equihash .header-content h1,
    header.masthead-ethereum-blockchain-development .header-content h1,
    header.masthead-ethereum-classic-blockchain-development .header-content h1,
    header.masthead-exchange-platform-development .header-content h1,
    header.masthead-fmcg .header-content h1,
    header.masthead-go .header-content h1,
    header.masthead-gov .header-content h1,
    header.masthead-hybris .header-content h1,
    header.masthead-hyperledger-fabric-composer .header-content h1,
    header.masthead-ico-marketing-agency .header-content h1,
    header.masthead-iphone-app-development .header-content h1,
    header.masthead-jmeter .header-content h1,
    header.masthead-laravel-framework-development .header-content h1,
    header.masthead-legal .header-content h1,
    header.masthead-lisk-blockchain .header-content h1,
    header.masthead-mobility .header-content h1,
    header.masthead-neo-blockchain .header-content h1,
    header.masthead-php .header-content h1,
    header.masthead-pivx .header-content h1,
    header.masthead-private-public-blockchain-development .header-content h1,
    header.masthead-publish .header-content h1,
    header.masthead-python .header-content h1,
    header.masthead-quorum-blockchain-development .header-content h1,
    header.masthead-react-native-development .header-content h1,
    header.masthead-real .header-content h1,
    header.masthead-res .header-content h1,
    header.masthead-retail .header-content h1,
    header.masthead-ruby .header-content h1,
    header.masthead-sap .header-content h1,
    header.masthead-scrypt .header-content h1,
    header.masthead-sha-256 .header-content h1,
    header.masthead-shop .header-content h1,
    header.masthead-signage .header-content h1,
    header.masthead-smart-contract-audit .header-content h1,
    header.masthead-sto-development .header-content h1,
    header.masthead-sto-marketing .header-content h1,
    header.masthead-stratis-blockchain .header-content h1,
    header.masthead-supply .header-content h1,
    header.masthead-svelte-js-development .header-content h1,
    header.masthead-tele .header-content h1,
    header.masthead-trans .header-content h1,
    header.masthead-tron-blockchain-development .header-content h1,
    header.masthead-waves-blockchain .header-content h1,
    header.masthead-way .header-content h1,
    header.masthead-x11 .header-content h1,
    header.masthead-yii-framework-development .header-content h1,
    header.masthead-zend-framework-development .header-content h1 {
        font-size: 21px !important;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 30px;
    }
    header.masthead-blockchain-consulting-services {
        height: 60vh;
        padding-top: 10px;
    }
    header.masthead-custom-web-design-development {
        height: 97vh;
        padding-top: 133px;
    }
    header.masthead-custom-web-design-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .mobile-resp .skype_button>span,
    .mobile-resp .whatsup_button>span {
        display: inline !important;
    }
    .social_link {
        display: block !important;
    }
    .mobile-resp {
        display: none;
    }
    .MetaBlock-new-slider .hero h1,
    .MetaBlock-new-slider .hero h2 {
        font-size: 34px;
        line-height: 52px;
    }
    .ttmenu .navbar-default .navbar-nav>li>a.carrer_button span {
        display: none !important;
    }
    .ttmenu .navbar-default .navbar-nav>li>a.skype_button span {
        display: none !important;
    }
    .ttmenu .navbar-default .navbar-nav>li>a.whatsup_button span {
        display: none !important;
    }
    .ttmenu .nav>li>a {
        padding: 4px 0 !important;
    }
    body .ttmenu .nav>li>a {
        border-bottom: 0 solid !important;
    }
    .cbp-af-header.sticky .nav>li>a {
        margin: 0 6px !important;
    }
    .ttmenu .nav>li>a {
        margin: 0 7px;
    }
    header.masthead-blockchain-development {
        height: 25vh;
        padding-top: 10px;
    }
    .bigdata-info img {
        max-width: 330px;
    }
    .hi-icon {
        width: 40px;
        height: 40px;
    }
    .hi-icon:before {
        font-size: 20px;
        line-height: 38px;
    }
    .loc_icons {
        margin-bottom: 0;
    }
    .loc_text ul {
        padding: 0;
    }
    .location .col-sm-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .loc_text ul li {
        font-size: 13px;
        line-height: 21px;
    }
    .location {
        padding: 10px 0;
    }
}

.algorithm-img-modal {
    height: 332px;
    box-shadow: -1px 1px 5px 2px rgba(209, 207, 209, 0.39);
}

.img-modal .modal-header {
    background-color: transparent;
    background-color: initial;
    border-bottom: 0;
}

.img-modal .modal-footer {
    border-top: 0;
}

.pop-up-img-modal {
    max-width: 100%;
}

.img-modal .modal-header .btn {
    background-color: #928f8f;
    color: #fff;
    height: 39px;
    border-radius: 100%;
    float: right;
}

.expand-button {
    color: #fff;
}

.modal-open .modal {
    overflow-x: hidden;
    margin-top: -75px;
    overflow-y: auto;
}

.hgt_340 {
    height: 340px !important;
}

.hgt_auto {
    height: auto !important;
}

@media screen and (max-width: 767px) {
    .whybottom_box {
        height: auto !important;
    }
}

.hgt_400 {
    height: 400px;
}

.gd-img img {
    max-width: none !important;
    width: 150px;
}

@media screen and (min-width: 767px) {
    .hgt_470 {
        height: 470px;
    }
}

.foot_link .contact-info p {
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.expert-btn {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    margin: 30px auto;
    border-radius: 50px;
    min-width: 200px;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding-top: 12px;
}

.platform-icon {
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(34, 44, 55, 0.15);
}

div.platform-icon div.logo {
    background-color: transparent;
}

div.platform-icon a,
div.platform-icon div.logo {
    width: 50px;
    height: 50px;
    display: block;
    /* background-image: url(../images/inner-pages/way/platform-logos.png); */
    background-color: #fff;
}

div.platform-icon .ios {
    background-position: 0 -300px;
}

div.platform-icon {
    float: none;
    display: inline-block;
    margin: 5px;
}

.multiple-platforms {
    text-align: center;
}

.g-center {
    padding: 0 14px;
}

div.platform-icon .win {
    background-position: 0 0;
}

div.platform-icon .pc {
    background-position: 0 0;
}

div.platform-icon .winphone8 {
    background-position: 0 -50px;
}

div.platform-icon .windowsphone8 {
    background-position: 0 -50px;
}

div.platform-icon .winstore {
    background-position: 0 -100px;
}

div.platform-icon .windowsstore {
    background-position: 0 -100px;
}

div.platform-icon .windowsstoreapps {
    background-position: 0 -100px;
}

div.platform-icon .mac {
    background-position: 0 -150px;
}

div.platform-icon .linux {
    background-position: 0 -200px;
}

div.platform-icon .web {
    background-position: 0 -250px;
}

div.platform-icon .unitywebplayer {
    background-position: 0 -250px;
}

div.platform-icon .ios {
    background-position: 0 -300px;
}

div.platform-icon .android {
    background-position: 0 -350px;
}

div.platform-icon .blackberry {
    background-position: 0 -400px;
}

div.platform-icon .wiiu {
    background-position: 0 -450px;
}

div.platform-icon .ps3 {
    background-position: 0 -500px;
}

div.platform-icon .playstation3 {
    background-position: 0 -500px;
}

div.platform-icon .ps4 {
    background-position: 0 -550px;
}

div.platform-icon .playstation4 {
    background-position: 0 -550px;
}

div.platform-icon .xbox {
    background-position: 0 -600px;
}

div.platform-icon .facebook {
    background-position: 0 -650px;
}

div.platform-icon .playstationvita {
    background-position: 0 -700px;
}

div.platform-icon .unity {
    background-position: 0 -750px;
}

div.platform-icon .xboxone {
    background-position: 0 -800px;
}

div.platform-icon .xbox360 {
    background-position: 0 -850px;
}

div.platform-icon .tizen {
    background-position: 0 -900px;
}

div.platform-icon .psmobile {
    background-position: 0 -950px;
}

div.platform-icon .teamlicense {
    background-position: 0 -1000px;
}

div.platform-icon .oculus {
    background-position: 0 -1050px;
}

div.platform-icon .oculusright {
    background-position: 0 -1050px;
}

div.platform-icon .oculusrift {
    background-position: 0 -1050px;
}

div.platform-icon .webgl {
    background-position: 0 -1100px;
}

div.platform-icon .samsungtv {
    background-position: 0 -1150px;
}

div.platform-icon .gearvr {
    background-position: 0 -1200px;
}

div.platform-icon .androidtv {
    background-position: 0 -1250px;
}

div.platform-icon .hololens {
    background-position: 0 -1300px;
}

div.platform-icon .universal-windows {
    background-position: 0 -1350px;
}

div.platform-icon .playstationvr {
    background-position: 0 -1400px;
}

div.platform-icon .tvos {
    background-position: 0 -1450px;
}

div.platform-icon .nintendo3ds {
    background-position: 0 -1500px;
}

div.platform-icon .vive {
    background-position: 0 -1550px;
}

div.platform-icon .cardboard {
    background-position: 0 -1600px;
}

div.platform-icon .daydream {
    background-position: 0 -1650px;
}

div.platform-icon .nintendo-switch {
    background-position: 0 -1700px;
}

div.platform-icon .fireos {
    background-position: 0 -1750px;
}

div.platform-icon .fb-gameroom {
    background-position: 0 -1800px;
}

div.platform-icon .arkit {
    background-position: 0 -1850px;
}

div.platform-icon .vuforia {
    background-position: 0 -1900px;
}

div.platform-icon .arcore {
    background-position: 0 -1950px;
}

div.platform-icon .magic-leap {
    background-position: 0 -2000px;
}

.header-shadow .expert-btn {
    border: 2px solid #fff;
    background: 0 0;
}

.blkchn_devpmt_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d);
}

.blkchn_devpmt_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 500px;
    height: 510px;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .blkchn_devpmt_services {
        height: auto;
    }
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div {
    margin: 15px auto;
    text-align: center;
}

.blkchn_devpmt_services .blkchn_devpmt_services_btn_div .blkchn_devpmt_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
}

@media (max-width: 767px) and (min-width: 0px) {
    #divisor {
        background-size: cover !important;
    }
    .our-works .carousel-inner {
        margin: 0 !important;
    }
    .first-shot {
        padding: 0 !important;
    }
    figure {
        background-size: contain !important;
    }
    .img-comparison {
        padding: 0 !important;
    }
}

.multiple-platforms {
    padding: 0;
    /* background-image: url(../images/inner-pages/way/multiplatform-bg.png); */
    background-color: #000;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

header.masthead-way {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background-image: url(../images/inner-pages/way/wayfind-bg.png); */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.our-works .first-shot {
    color: #fff;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, 0.3);
    height: 449px;
    background-repeat: no-repeat;
    background-size: cover;
}

.our-works .first-shot h1 {
    font-weight: 700;
    color: #2a7bc1;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
}

.our-works .first-shot p {
    color: #000;
}

.our-works .carousel li {
    display: none;
}

.our-works .carousel-inner {
    margin: 25px 145px 50px;
    max-width: 1245px;
}

.our-works {
    /* background-image: url(../images/inner-pages/way/shots-slide-bg.png); */
    padding: 0;
    background-size: cover;
}

.our-works h1 {
    font-size: 50px;
    color: #2a7bc1;
    text-align: center;
    font-weight: 600;
}

.carousel-slider .carousel-control {
    z-index: 2;
    top: 171px;
    height: 0;
    width: 8%;
    bottom: 0;
    font-size: 77px;
    opacity: 1;
}

.carousel-control.left {
    right: 105% !important;
}

.shots .carousel-control.right {
    left: 105% !important;
}

.our-works h2 {
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
}

.shots img {
    box-shadow: 0 10px 8px 2px rgba(0, 0, 0, 0.3);
}

div.platform-icon a,
div.platform-icon div.logo {
    border-radius: 50%;
}

.multiple-platforms h2 {
    color: #fff;
    font-weight: bolder;
}

.multiple-platforms h3 {
    color: #fff;
    font-size: 22px;
}

.g-center {
    padding: 0 15px 25px;
}

.img-comparison {
    padding: 0;
}

.img-comparison h2 {
    color: #2a7bc1;
    margin-bottom: 51px;
    text-align: center;
    font-weight: 600;
    font-size: 32px;
}

.img-comparison h3 {
    color: #2a7bc1;
    text-align: center;
}

.img-comparison p {
    text-align: center;
}

#comparison {
    width: 100%;
    padding-bottom: 48%;
    overflow: hidden;
    position: relative;
}

figure {
    position: absolute;
    /* background-image: url(../images/inner-pages/way/gfloor-bp.png); */
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

#divisor {
    /* background-image: url(../images/inner-pages/way/gfloor-out.png); */
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
    transition: width 2s;
}

#divisor:after,
#divisor:before {
    content: "";
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #000;
    z-index: 3;
}

#divisor:before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}

#divisor:after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}

#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3;
}

#handle:after,
#handle:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    display: none;
}

input[type="range"]:active,
input[type="range"]:focus {
    border: 0;
    outline: 0;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: 0 0;
    border: 4px solid #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}

input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: 0;
}

.rd_mr_btn {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    margin: 10px 0 0;
    line-height: 0;
}

.blkchn_devpmt_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700;
}

.blkchn_devpmt_services h4 {
    min-height: 50px;
}

.blkchn_devpmt_services h2 {
    min-height: 50px;
}

.blkchn_devpmt_services .feature-content_1 p {
    min-height: 280px;
}

.list_img_div img {
    max-width: 60px;
    position: absolute;
}

.list_content_div {
    margin-left: 70px;
}

.industry_focus {
    padding: 10px;
}

.industry_focus p {
    font-size: 15px !important;
    line-height: 27px;
}

.industry_focus .slide-content .industries_solution_btn_p {
    margin: 20px 0;
}

.industry_focus .slide-content .industries_solution_btn_p a.explore_slick_btn {
    margin-right: 8px;
}

.industry_focus .item_pagination {
    padding: 15px !important;
}

.industry_focus .slick-carousel .slick-list {
    margin-top: 0;
}

.multiple-platforms p {
    font-size: 18px;
}

@media (max-width: 767px) {
    .blockchain__indus__sec #blockchain_indus_accordion {
        padding: 10px;
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #183276;
        color: #fff;
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-heading .panel-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-right: 15px;
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }
    .blockchain__indus__sec #blockchain_indus_accordion .panel-default .panel-body .blockchain_indus_buttons {
        padding: 0 10px;
        text-align: center;
    }
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../crypto_platform/bitcoin-fire.png) no-repeat scroll center top/cover; */
    margin-top: 0;
}

#why_development .why_box {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
}

#why_development .why_box span {
    background: rgba(172, 175, 158, 0.7) none repeat scroll 0 0;
    border-radius: 10em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px;
}

.why_development p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 50px;
    text-align: center;
}

.cryp-heading h3 {
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 28px;
    margin: 0 0 50px;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
}

#why_development .why_box span:hover {
    cursor: pointer;
    background: #bb3361;
}

.mob_industy_box {
    width: 180px;
    height: 230px;
    margin: 1em auto;
    color: #000;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.social_netw {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -93px -39px;
}

.bank_finan {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -333px -39px;
}

.entertain {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -563px -39px;
}

.ondemand {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -801px -39px;
}

.ecommerce {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1039px -39px;
}

.food {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-position: -1271px -39px;
}

.healthcare {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -102px -353px;
}

.realestate {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -367px -353px;
}

.education {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -618px -353px;
}

.transport {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -881px -353px;
}

.lifestyle {
    z-index: 2;
    transform: rotateY(0);
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -1142px -353px;
}

.cryptocurency {
    z-index: 2;
    transform: rotateY(0);
    /* /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v1); */
    background-size: 172rem;
    background-position: -368px -353px;
}

@media (max-width: 767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box {
        padding: 10px;
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 10rem;
        z-index: 1;
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav {
        position: absolute;
        top: 10rem;
        left: 0;
        right: 0;
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev {
        position: absolute;
        left: 20px;
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next {
        position: absolute;
        right: 20px;
    }
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-next:before,
    .ondemand__app__sec #ondemand__app__carousel .owl-nav .owl-prev:before {
        border: 1px solid #148bfdbf;
        background: #148bfdbf;
        color: #fff;
        font-size: 40px;
        font-weight: 700;
    }
}

.ondemand__app__sec .title {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div {
    position: relative;
    bottom: 30px;
    text-align: center;
    background: #fff;
    padding: 5px;
    margin: 0 15px;
    border-radius: 3px;
    box-shadow: gray;
    box-shadow: 0 0 29.1px 0.9px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box img {
    width: 100%;
}

.ondemand__app__sec #ondemand__app__carousel .item {
    padding: 10px 0;
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .title__div p a {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #535e72;
}

@media (min-width: 767px) {
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover:before {
        transform: scaleX(1);
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div {
        text-align: center;
        position: relative;
        bottom: 7rem;
        transition: 1s;
        opacity: 0;
        z-index: 1;
    }
    .ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:hover .btn__div {
        bottom: 23rem;
        transition: 1s;
        opacity: 1;
    }
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 320px;
    top: 3%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000ab;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 18px;
    transition: transform 0.3s ease-out;
}

.ondemand__app__sec #ondemand__app__carousel .ondemand__app__box .btn__div .get__demo__a {
    background: #148bfd;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots {
    margin-top: 0 !important;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot.active span {
    background: #ad2953b8;
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot span {
    display: block;
    background: #ccc;
    width: 13px;
    height: 13px;
    margin: 5px;
    border-radius: 50px;
    cursor: pointer;
}

.ondemand__app__sec #ondemand__app__carousel .owl-dots .owl-dot {
    display: inline-block;
}

.ondemad_head .banr-listing {
    padding: 0;
}

.ondemad_head .heading-tagline {
    font-size: 16px !important;
    color: #ffffff;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_head .banr-listing li {
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    position: relative;
    list-style: none;
    text-align: left;
    font-weight: 300;
}

header.ondemad_head {
    position: relative;
    width: 100%;
    padding-top: 75px !important;
    color: #fff;
    background: linear-gradient(50deg, #000 25%, #4a4949 76%);
    height: 100vh;
}

header.ondemad_head .header-content h1 {
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Readex Pro", sans-serif;
}

.ondemad_feature .whybottom_box .inr_img {
    top: -90px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

.ondemad_feature .whybottom_box {
    height: 300px;
}

.ondemad_feature .whybottom_box .inr_img:hover {
    transform: rotate(360deg);
    transition: 1s;
}

.why-business .whybottom_box {
    height: auto;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, 0.4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, 0.4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, 0.4);
    background-color: #0d4388;
}

.why-business .whybottom_box h3 {
    color: #fff;
}

.why-business .whybottom_box abbr {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px;
    padding: 5px;
    border-radius: 0 0 60% 60%;
    background: #ff3d9e;
    background: -webkit-gradient( left top, right bottom, color-stop(0, #ff3d9e), color-stop(100%, #481891));
    background: linear-gradient(135deg, #ff3d9e 0, #481891 100%);
}

.why-business .whybottom_box abbr:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #581c7f transparent transparent;
}

.why-business .whybottom_box abbr:after {
    position: absolute;
    right: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #581c7f;
}

.on-dmnd-industries .od-ind-box {
    text-align: center;
    padding: 10px;
    position: relative;
}

.on-dmnd-industries .od-ind-box p {
    text-align: center;
    font-weight: bolder;
}

.on-dmnd-industries .all-features {
    text-align: center;
}

.on-dmnd-industries .all-features a.collapsed {
    color: #ff3d9d;
}

.on-dmnd-industries .all-features a.collapsed .rotate-icon {
    color: #ff3d9d;
    border-color: #ff3d9d;
    transform: rotate(90deg);
}

.on-dmnd-industries .all-features a .vff {
    display: block;
    font-size: 15px;
    font-weight: bolder;
}

.fa-angle-double-right:before {
    content: "\f101" !important;
}

.on-dmnd-industries .all-features a .rotate-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #8200f2;
    border: 1px solid #8200f2;
    border-radius: 100px;
    transform: rotate(-90deg);
    transition: all 0.3s ease-in-out;
}

.on-dmnd-industries .all-features a .rotate-icon i {
    font-size: 16px;
    margin-top: 5px;
}

/*ON Demand App Banner Form - Start*/

.ondemand_app_banner_form_sec {
    background: #00000047;
    padding: 20px;
}

.ondemand_app_banner_form_sec .ondemand_app_banner_form_head .title {
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .form-group {
    margin-bottom: 20px;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form input,
.ondemand_app_banner_form_sec #ondemad_app_banner_form select,
.ondemand_app_banner_form_sec #ondemad_app_banner_form textarea {
    border-radius: 0;
    box-shadow: none;
}

.ondemand_app_banner_form_sec #ondemad_app_banner_form .submit_btn {
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    display: block;
    width: 100%;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

/*ON Demand App Banner Form - End*/

.mt-9 {
    margin-top: 9rem;
}

.why-business .whybottom_box img {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.on-dmnd-industries img {
    width: 64px;
    height: 64px;
    object-fit: none;
}

.collapsed .replaced_content {
    visibility: hidden;
    position: relative;
}

.collapsed .replaced_content:after {
    visibility: visible;
    content: "Load More";
}

.replaced_content:after {
    visibility: visible;
    content: "Load Less";
}

@media (max-width: 768px) and (min-width: 0px) {
    header.ondemad_head {
        background: #000;
        height: auto !important;
    }
    .ondemad_head h1 {
        font-size: 24px !important;
        text-align: center !important;
    }
    .ondemad_head .heading-tagline {
        text-align: center !important;
        font-size: 16px;
    }
    .about {
        padding: 0;
    }
}

.industry_focus .mob_industy_box h3 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 100px;
    text-shadow: 2px 2px 10px #0000006c;
}

.industry_focus #client_carousel .item .industries_quote_btn {
    background: #00000073;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 25px auto;
    letter-spacing: 0;
}

@media (min-width: 767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0;
        display: none;
    }
}

@media (max-width: 767px) {
    .industry_focus #client_carousel .item .industries_quote_btn_div {
        position: absolute;
        top: 15rem;
        bottom: 16px;
        left: 0;
        right: 0;
    }
}

.mob_industy_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    transform: scaleX(0);
    transform-origin: 0 50%;
    border-radius: 5px;
    transition: transform 0.3s ease-out;
}

.mob_industy_box:hover:before {
    transform: scaleX(1);
}

.mob_industy_box:hover .industries_quote_btn_div {
    display: block !important;
}

.why-cntnt {
    text-align: center;
}

.why_MetaBlock {
    padding: 30px 0;
}

.why-img-title {
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    margin: 10px 0;
    text-align: center;
}

.process_we_follow {
    background: #e3edf2;
    background: linear-gradient(135deg, #e3edf2 0, #b9c3cf 100%);
    padding: 30px 0;
}

.enterprise-mobile-app-development-countrybased {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/mobileapp_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

@media (max-width: 767px) {
    .enterprisemob_banbtn {
        text-align: center;
    }
}

@media (min-width: 767px) {
    .enterprise-mobile-app-development-countrybased .header-content .mb-5 {
        text-align: left;
    }
    .enterprise-mobile-app-development-countrybased .header-content {
        margin-top: 9rem;
    }
    .enterprise-mobile-app-development-countrybased .heading-tagline {
        text-align: left;
        font-size: 18px;
    }
    .enterprise-mobile-app-development-countrybased.header-shadow:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 0%) none repeat scroll 0 0;
    }
}

header.enterprise-mobile-app-development {
    position: relative;
    width: 100%;
    padding-top: 170px;
    color: #fff;
    /* background: url(../oimages/enterprise-mobile-app-development/banner.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 85vh;
}

@media (max-width: 768px) and (min-width: 0px) {
    header.enterprise-mobile-app-development {
        height: 97vh;
        padding-top: 133px;
    }
    header.enterprise-mobile-app-development .header-content h1 {
        font-size: 30px !important;
        font-weight: 700;
        text-transform: uppercase;
    }
    .intro_img_sprite {
        background-position: -992px -1247px !important;
    }
    header.masthead-blockchain-development .header-content .mb-5 {
        font-size: 24px !important;
        text-align: center;
        line-height: 1.5;
    }
    header.masthead-blockchain-development .header-content .heading-tagline {
        width: 100% !important;
        text-align: center;
    }
    .bck_request_btn {
        text-align: center;
    }
    header.masthead-blockchain-development .text-left {
        text-align: center !important;
    }
}

header.masthead-blockchain-development .text-left {
    text-align: left;
}

.header-shadow-custom .expert-btn {
    border: 2px solid #fff;
}

.enterprise_mobile_app_services:hover {
    filter: drop-shadow(1px 0 8px #205a5d);
}

.enterprise_mobile_app_services {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    min-height: 480px !important;
    height: 475px !important;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .enterprise_mobile_app_services {
        min-height: auto;
        height: auto;
    }
}

.enterprise_mobile_app_services .mobile_app_services_btn_div {
    margin: 10px auto;
    text-align: center;
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn {
    background: #ad2953;
    padding: 8px 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
}

.enterprise_mobile_app_services .mobile_app_services_btn_div .mobile_app_services_btn i {
    font-size: 20px;
    margin-left: 5px;
}

.enterprise_mobile_app_services .inr_arrow {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 700;
}

.enterprise_mobile_app_services h4 {
    min-height: 50px;
}

.enterprise_mobile_app_services h2 {
    min-height: 50px;
}

.enterprise_mobile_app_services .feature-content_1 p {
    min-height: 220px !important;
}

.spr-feature-img-1 {
    object-fit: none;
    object-position: 0 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-2 {
    object-fit: none;
    object-position: -80px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-3 {
    object-fit: none;
    object-position: -166px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-4 {
    object-fit: none;
    object-position: -247px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-5 {
    object-fit: none;
    object-position: -331px 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-6 {
    object-fit: none;
    object-position: 0 -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-7 {
    object-fit: none;
    object-position: -80px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-8 {
    object-fit: none;
    object-position: -166px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-9 {
    object-fit: none;
    object-position: -246px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-10 {
    object-fit: none;
    object-position: -329px -81px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-11 {
    object-fit: none;
    object-position: -87px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-12 {
    object-fit: none;
    object-position: 1px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-13 {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-14 {
    object-fit: none;
    object-position: -250px -160px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-15 {
    object-fit: none;
    object-position: -336px -161px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-16 {
    object-fit: none;
    object-position: -142px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-17 {
    object-fit: none;
    object-position: -245px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr-feature-img-18 {
    object-fit: none;
    object-position: -350px -548px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spr_img_consen {
    width: 60px;
    height: 60px;
    margin-left: 0 auto;
    /* background-image: url(../images/inner-pages/blockchain_development/blkch_sprite.png?v2) */
}

.techstack_sprite {
    width: 68%;
    height: 229px;
    background-position: -9px -120px;
    background-size: 111rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite_res {
    width: 100%;
    height: 575px;
    background-position: -1413px -243px;
    background-size: 179rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.process_sprite {
    width: 65%;
    height: 287px;
    background-position: -11px -469px;
    background-size: 135rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.mobile_app_hire_sprite {
    width: 60%;
    height: 250px;
    background-position: -1875px -1480px;
    background-size: 110rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.hire_sprite {
    width: 77%;
    height: 200px;
    background-position: -1531px -1205px;
    background-size: 90rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.appio-sprite {
    width: 100%;
    border-radius: 10px;
    height: 540px;
    border: 1px solid #d2d2d2;
    background-size: 180rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/photos-sprite.png?v2) */
}

.appio-screen-img img {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    border: 2px solid #d2d2d2;
}

.sol-icon .cust_web_imgpack {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1) */
}

.service_sprite {
    background-size: 85rem;
    width: 77px;
    height: 90px;
}

.web_portal_sprite {
    margin: 0 63%;
    background-size: 174rem;
    width: 119px;
    height: 101px;
}

.web_development_sprite {
    margin: 0;
    background-size: 83rem;
    width: 119px;
    height: 101px;
}

.js_framework_sprite {
    margin: 0 63%;
    background-size: 70rem;
    width: 127px;
    height: 101px;
}

.web_development_sol_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 63%;
    background-size: 83rem;
    width: 127px;
    height: 122px;
}

.webd-intro-sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    background-size: 166rem;
    width: 620px;
    height: 300px;
    background-position: -936px -787px;
}

.webdesign_services_sprite {
    /* background-image: url(../images/inner-pages/custom_web_design_development/new-sprite-svg.svg?v1); */
    margin: 0 auto;
    background-size: 280rem;
    width: 350px;
    height: 350px;
}

#screenshots {
    padding: 10px 0;
}

.swiper-container.appio-screen-view {
    text-align: center;
}

.swiper-container.appio-screen-view .swiper-slide {
    padding: 0 43px;
}

.swiper-container {
    width: 100%;
    padding-bottom: 50px;
}

.swiper-slide .appio-sprite {
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 10px;
}

.swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 15px;
}

.two .swiper-slide {
    width: 300px;
}

.swiper-slide .appio-sprite {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
}

.swiper-slide .appio-screen-img .preview-icon {
    z-index: -1;
    width: calc(100% - 30px);
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.swiper-pagination-bullet {
    border-radius: 10px;
    display: inline-block;
    height: 5px;
    width: 20px;
    opacity: 1;
    transition: 0.2s;
    background-color: #000;
}

.swiper-pagination-bullet:nth-child(5n+1) {
    background-color: #9bcf50;
}

.swiper-pagination-bullet:nth-child(5n+2) {
    background-color: #36c6eb;
}

.swiper-pagination-bullet:nth-child(5n+3) {
    background-color: #ff7e30;
}

.swiper-pagination-bullet:nth-child(5n+4) {
    background-color: #1e87f0;
}

.swiper-pagination-bullet:nth-child(5n+5) {
    background-color: #bf095d;
}

.swiper-pagination-bullet-active {
    border: medium none;
    height: 5px;
    width: 30px;
    opacity: 1;
}

.process_we_follow img {
    width: 100% !important;
}

.why_crypto_development_sprite1,
.why_crypto_development_sprite2,
.why_crypto_development_sprite3,
.why_crypto_development_sprite4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.why_crypto_development_sprite1 {
    object-position: 0 0;
}

.why_crypto_development_sprite2 {
    object-position: -120px 0;
}

.why_crypto_development_sprite3 {
    object-position: -240px 0;
}

.why_crypto_development_sprite4 {
    object-position: -361px 0;
}

.crypto_services1,
.crypto_services2,
.crypto_services3,
.crypto_services4,
.crypto_services5,
.crypto_services6 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.crypto_services1 {
    object-position: -482px 0;
}

.crypto_services2 {
    object-position: 0 -105px;
}

.crypto_services3 {
    object-position: -120px -105px;
}

.crypto_services4 {
    object-position: -244px -105px;
}

.crypto_services5 {
    object-position: -362px -105px;
}

.crypto_services6 {
    object-position: -483px -109px;
}

.crypto_platform1,
.crypto_platform10,
.crypto_platform11,
.crypto_platform12,
.crypto_platform2,
.crypto_platform3,
.crypto_platform4,
.crypto_platform5,
.crypto_platform6,
.crypto_platform7,
.crypto_platform8,
.crypto_platform9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.crypto_platform1 {
    object-position: 13px -211px;
}

.crypto_platform2 {
    object-position: -90px -211px;
}

.crypto_platform3 {
    object-position: -193px -211px;
}

.crypto_platform4 {
    object-position: -296px -211px;
}

.crypto_platform5 {
    object-position: -401px -211px;
}

.crypto_platform6 {
    object-position: -507px -211px;
}

.crypto_platform7 {
    object-position: 6px -293px;
}

.crypto_platform8 {
    object-position: -96px -290px;
}

.crypto_platform9 {
    object-position: -199px -292px;
}

.crypto_platform10 {
    object-position: -298px -292px;
}

.crypto_platform11 {
    object-position: -400px -292px;
}

.crypto_platform12 {
    object-position: -503px -292px;
}

.cryp_xchge_feature1,
.cryp_xchge_feature2,
.cryp_xchge_feature3,
.cryp_xchge_feature4,
.cryp_xchge_feature5,
.cryp_xchge_feature6,
.cryp_xchge_feature7,
.cryp_xchge_feature8,
.cryp_xchge_feature9 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cryp_xchge_feature1 {
    object-position: 0 0;
}

.cryp_xchge_feature2 {
    object-position: -103px 0;
}

.cryp_xchge_feature3 {
    object-position: -193px 0;
}

.cryp_xchge_feature4 {
    object-position: -290px 0;
}

.cryp_xchge_feature5 {
    object-position: -393px 0;
}

.cryp_xchge_feature6 {
    object-position: -17px -91px;
}

.cryp_xchge_feature7 {
    object-position: -131px -93px;
}

.cryp_xchge_feature8 {
    object-position: -243px -99px;
}

.cryp_xchge_feature9 {
    object-position: -346px -99px;
}

.cryp_xchge_sfeature1,
.cryp_xchge_sfeature2,
.cryp_xchge_sfeature3,
.cryp_xchge_sfeature4 {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cryp_xchge_sfeature1 {
    object-position: -13px -225px;
}

.cryp_xchge_sfeature2 {
    object-position: -138px -225px;
}

.cryp_xchge_sfeature3 {
    object-position: -263px -225px;
}

.cryp_xchge_sfeature4 {
    object-position: -390px -225px;
}

.daapd-sprite-ctrl {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.dappd-sprite-pos-1 {
    object-position: -7px -4px;
}

.dappd-sprite-pos-2 {
    object-position: -100px -4px;
}

.dappd-sprite-pos-3 {
    object-position: -194px -4px;
}

.dappd-sprite-pos-4 {
    object-position: -287px -4px;
}

.dappd-sprite-pos-5 {
    object-position: -380px -4px;
}

.dappd-sprite-pos-6 {
    object-position: -472px -4px;
}

.dappd-sprite-pos-7 {
    object-position: -567px -4px;
}

.dappd-sprite-pos-8 {
    object-position: -6px -98px;
}

.dappd-sprite-pos-9 {
    object-position: -100px -98px;
}

.dappd-sprite-pos-10 {
    object-position: -193px -98px;
}

.dappd-sprite-pos-11 {
    object-position: -287px -98px;
}

.dappd-sprite-pos-12 {
    object-position: -379px -98px;
}

.dappd-sprite-pos-13 {
    object-position: -473px -98px;
}

.dappd-sprite-pos-14 {
    object-position: -567px -98px;
}

.supc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.supc-sprite-pos-1 {
    object-position: -5px -6px;
}

.supc-sprite-pos-2 {
    object-position: -122px -6px;
}

.supc-sprite-pos-3 {
    object-position: -241px -6px;
}

.supc-sprite-pos-4 {
    object-position: -362px -6px;
}

.supc-sprite-pos-5 {
    object-position: -481px -7px;
}

.supc-sprite-pos-6 {
    object-position: -604px -7px;
}

.hc-sprite-ctrl {
    object-fit: none;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hc-sprite-pos-1 {
    object-position: -4px -8px;
}

.hc-sprite-pos-2 {
    object-position: -125px -8px;
}

.hc-sprite-pos-3 {
    object-position: -246px -8px;
}

.hc-sprite-pos-4 {
    object-position: -367px -8px;
}

.hc-sprite-pos-5 {
    object-position: -15px -146px;
}

.hc-sprite-pos-6 {
    object-position: -136px -146px;
}

.hc-sprite-pos-7 {
    object-position: -257px -146px;
}

.hc-sprite-pos-8 {
    object-position: -378px -146px;
}

.bcd-sprite-ctrl-0 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -2px -250px;
}

.bcd-sprite-ctrl-1 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -71px -250px;
}

.bcd-sprite-ctrl-2 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -141px -250px;
}

.bcd-sprite-ctrl-3 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -210px -250px;
}

.bcd-sprite-ctrl-4 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -280px -250px;
}

.bcd-sprite-ctrl-5 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -351px -250px;
}

.bcd-sprite-ctrl-6 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -1px -316px;
}

.bcd-sprite-ctrl-7 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -73px -316px;
}

.bcd-sprite-ctrl-8 {
    object-fit: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -142px -316px;
}

.intro_img_sprite {
    width: 100%;
    height: 448px;
    background-position: -919px -1247px;
    background-size: 216rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img_mob_dev {
    width: 80px;
    height: 80px;
    background-size: 92rem;
    margin: 0 auto;
    /* background-image: url(../images/inner-pages/enterprise_mobile_app_development/mob-app-dev-vector-sprite.svg) */
}

.spr_img {
    object-fit: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.list-strategy .round-circle {
    margin: 0 auto 40px;
}

#accordion .panel {
    border: none;
    border-radius: 3px;
    box-shadow: none;
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 3px;
    background: 0 0;
}

#accordion .panel-title a {
    display: block;
    padding: 12px 18px;
    background: #e6e6e6;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    color: #333;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    position: relative;
    transition: all 0.5s ease 0s;
    box-shadow: 0 1px 2px rgb(43 59 93 / 30%);
    border-radius: 7px;
}

#accordion .panel-title a.collapsed {
    box-shadow: none;
    color: #333;
    box-shadow: 0 1px 2px rgb(80 80 80 / 30%);
    font-weight: 600;
}

#accordion .panel-title a.collapsed:before,
#accordion .panel-title a:before {
    content: "\f067";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;
    position: relative;
    float: right;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}

#accordion .panel {
    background-color: #fcfcfc;
}

#accordion .panel-body p {
    text-align: justify;
    color: #333;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

#accordion .panel-title a.collapsed:before {
    color: #333;
    transform: rotate(0);
}

.mid_section.faq__section {
    background: #f6f6f6;
}

#accordion .panel-body {
    padding: 0 65px 0 15px;
    /* border: 1px solid #000; */
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
    box-shadow: 0px 2px 10px -7px #797979;
}

.products-section {
    /* background-image: url(../images/inner-pages/blockchain_development/platforms-bg.png); */
    background-size: cover;
    padding: 20px !important;
    margin-top: 0;
}

.platform_heading {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 28px;
    margin: 5px 0 10px;
    font-weight: 700;
}

.our-platform-inner {
    background: #fff;
    height: 381px;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, 0.07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px;
}

.products-section .our-plat-img {
    text-align: -webkit-center;
}

.our-plat-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin: 10px 0;
    color: #333;
}

.products-section .our-plat-describe {
    font-size: 15px;
}

.our-plat-explore {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 600;
}

.our-plat-explore a {
    color: #ba2352;
}

.our-plat-explore .fa-angle-right {
    margin-left: 7px;
    color: #ba2352;
}

.owl-theme .owl-dots .owl-dot:hover span,
.products-section .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    margin-top: 20px;
}

.products-section .owl-theme .owl-nav {
    display: none;
}

.blck-platform-sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 100px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hyp-frame-sec {
    text-align: left;
    padding: 20px;
}

.hyp-box .normal_text {
    text-align: justify;
    min-height: 383px;
}

.hyp-frame-sec {
    background-color: #eefaff;
}

.hyp-box {
    padding: 30px;
    border: 1px solid #dcdcdc;
    min-height: 577px;
    background-color: #fff;
}

.hyp-buttons {
    border-radius: 5px;
}

.hyp-frame-sec .hyp-buttons {
    background-color: #20518d;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 5px;
}

.hyp-tools-box {
    text-align: left;
    padding: 26px;
    height: auto;
    background-size: cover;
    min-height: 453px;
    background-color: #012a5e;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, 0.63);
}

.hyp-tools-sec {
    background-color: #fafafa;
    padding: 30px;
}

.whyhy-enterprise {
    padding: 30px 0 55px;
}

@media (min-width: 768px) {
    .ten-columns>.col-sm-2 {
        width: 20%;
    }
}

.why-ent-box {
    text-align: center;
}

.whyent-head {
    font-size: 17px;
    color: #333;
    font-weight: 500;
}

.why-ent-box-border {
    border-right: 1px solid #dcdcdc;
}

.whyhy-enterprise-wrap {
    background-color: #fff;
    padding: 54px;
    border-radius: 3px;
    border: 1px solid #e2ecff;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, 0.63);
}

.hypcontain-custom {
    margin: 0 auto;
    width: 97.5%;
    max-width: 1520px;
}

.hyp-indus-box {
    font-family: proxima_nova_rgbold;
    font-size: 42px;
    line-height: 44px;
    padding: 80px 27px 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 1;
    color: #fff;
    min-height: 497px;
}

.hyp-indus-box1 {
    /* background-image: url(../images/inner-pages/hyper-ledger/supplychain.png) */
}

.hyp-indus-box2 {
    /* background-image: url(../images/inner-pages/hyper-ledger/healthcare.png) */
}

.hyp-indus-box3 {
    /* background-image: url(../images/inner-pages/hyper-ledger/identity.png) */
}

.hyp-indus-box4 {
    /* background-image: url(../images/inner-pages/hyper-ledger/finance.png) */
}

.hyp-indus-box5 {
    /* background-image: url(../images/inner-pages/hyper-ledger/realestate.png) */
}

.hyp-indus-box:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    background: rgba(0, 5, 66, 0.47);
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hyp-indus-box:hover:before {
    height: 100%;
}

.hyp_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.indus-hyp-sec {
    background-color: #f5f7fb;
    padding: 30px 0;
}

.why-MetaBlock-hyp {
    background-color: #000;
    padding: 30px;
    background-position: bottom;
}

.why_hyp_content .hyp_common_title {
    color: #fff;
}

.why_hyp_content p {
    color: #fff;
}

.why-MetaBlock-hyp .list-unstyled li {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    text-align: justify;
    font-weight: 300;
}

.yMetaBlock-hyp-border {
    border-left: solid #80a5b4 1px;
}

.hyp-indus-title,
.hyptool-title {
    color: #fff;
}

.hyp-tools-box .hyptool-p {
    color: #fff;
    text-align: justify;
}

.why_hyp_content .hyp_common_title {
    margin-top: 0;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 0;
    font-family: "Readex Pro", sans-serif;
    line-height: 1.5;
    text-align: center;
}

.hypprocess-sec {
    padding: 30px;
}

.hyp-proces-img {
    display: inline-block;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin-bottom: 15px;
    border: 2px dashed #9b9b9b;
}

.hypprocess-line:before {
    position: absolute;
    content: "";
    height: 1px;
    top: 30%;
    right: -20%;
    width: 40%;
    border-bottom: 2px dashed #9b9b9b;
}

.hypproces-title {
    font-size: 18px;
    color: #012a5e;
    font-weight: 700;
    margin-bottom: 10px;
}

.hypp-count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block;
}

.hyptools-head {
    color: #fff;
    margin-top: 0;
    font-size: 25px;
    line-height: 27px;
}

@media (max-width: 767px) {
    .hypprocess-line:before {
        display: none;
    }
    .mob-pad-ctrl {
        padding: 0;
    }
    .why-ent-box-border {
        border-right: 0 solid #0b70d5;
    }
    .why-ent-box {
        text-align: center;
        margin-bottom: 18px;
    }
    .hyp-indus-box {
        margin-bottom: 18px;
    }
    .yMetaBlock-hyp-border {
        border-left: solid #1e4676 0;
    }
    .hyp-box,
    .hyp-tools-box {
        margin-bottom: 18px;
    }
    .hyp_common_title {
        font-size: 17px;
        line-height: 30px;
    }
    .why-MetaBlock-hyp {
        padding: 15px;
    }
}

.hyp-frame-sprite {
    width: 137px !important;
    height: 40px;
    object-fit: none;
}

.hyp-tool-sprite {
    width: 137px;
    height: 40px;
    object-fit: none;
}

.hyp-yent-sprite {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.hyp-indus-sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.hyp-process-sprite {
    width: 90px;
    height: 90px;
    object-fit: none;
    margin: 40px;
}

.hyp-tic-sprite {
    height: 25px;
    width: 30px;
    object-fit: none;
    margin-right: 5px;
}

.hyp-ft-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}

.hyp-ft-box {
    text-align: center;
    box-shadow: 0 3px 19px -11px #01285a;
    padding: 20px;
    border: 1px solid #f6f6f6;
    min-height: 320px;
    background-color: #fff;
    border-radius: 6px;
}

.hyp-ft {
    padding: 30px;
    background: #f2f2f3;
}

.hyp-ft-desc {
    font-size: 15px;
}

.hyp-box .btn:focus {
    border: 0 solid #fff;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.hyp-bt-sec {
    padding: 30px;
    background-color: #eefaff;
}

.hyp-btbpad-ctrl {
    padding: 0;
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 146px;
}

.nyp-btb-cont1 {
    background-color: #0d4388;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #012a5e;
}

.nyp-btb-cont4 {
    background-color: #4450d2;
}

.nyp-btb-cont5 {
    background-color: #0d4388;
}

.nyp-btb-cont6 {
    background-color: #af9cc9;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.hyp-btb-tile {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
}

.hyp-frame-sec .owl-theme .owl-nav [class*="owl-"] {
    display: none;
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, 0.92);
}

.hyp-indus-sec .list-strategy-wrap .slick-dots li.slick-active {
    background: #00adf6;
}

.hyp-indus-sec .explore_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700;
}

.hyp-indus-sec .get_demo_slick_btn {
    border: 1px solid #d53937;
    padding: 8px;
    float: left;
    color: #fff;
    background: #d53937;
    font-weight: 700;
    border-radius: 50px;
}

.hyp-indus-sec .slider__arrows ul li a {
    display: block;
    padding: 10px 20px;
    border: 2px solid #008dc9;
    border-radius: 2px;
    color: #fff;
}

.hyp-indus-sec .list-strategy-wrap {
    margin-top: 0;
}

.hyp-indus-sec {
    background-color: #f6f6f6;
}

.hyp-ft-sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.hyp-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none;
}

.hyp-indus-sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.hyp-indus-sec .list-strategy .round-circle {
    margin: 0 auto 82px;
}

.hyp-indus-sec .bcd-sprite-ctrl-0 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4579px 24px !important;
}

.hyp-indus-sec .bcd-sprite-ctrl-1 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4690px 24px !important;
}

.hyp-indus-sec .bcd-sprite-ctrl-2 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4811px 24px !important;
}

.hyp-indus-sec .bcd-sprite-ctrl-3 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -4930px 24px !important;
}

.hyp-indus-sec .bcd-sprite-ctrl-4 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5047px 24px !important;
}

.hyp-indus-sec .bcd-sprite-ctrl-5 {
    object-fit: none !important;
    width: 100px !important;
    height: 123px;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: -5163px 24px !important;
}

.connect_chat_icons_sec {
    bottom: 8% !important;
}

.webdevelopment_new_custom_box {
    padding: 40px;
    min-height: 400px;
    position: relative;
    z-index: 0;
}

.webdevelopment_new_title {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 12px;
    color: #fff;
}

.webdevelopment_new_custom_color-1 {
    background-color: #000000;
}

.webdevelopment_new_custom_color-2 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-3 {
    background-color: #414141;
}

.webdevelopment_new_custom_color-4 {
    background-color: #000000;
}

.webdevelopment_new_custom_dark {
    color: #fff;
}

.webdevelopment_new_custom_light {
    color: #fff;
}

.webdevelopment_new_custom_bg {
    /* background-image: url(../images/inner-pages/website_design/ft-bgicons.svg); */
    background-repeat: no-repeat;
    width: 163px;
    height: 157px;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    filter: hue-rotate(45deg);
}

@media (min-width: 767px) {
    .ethdapp_serv_box {
        min-height: 449px;
    }
    .ethh_dapp_pts_title {
        min-height: 70px;
    }
    .ethdapp_serv_box .feature-content_1 p {
        min-height: 200px;
        margin-bottom: 10px;
    }
}

header.masthead-dapp-development .header-content h1 {
    text-align: left;
}

header.masthead-dapp-development .heading-tagline {
    text-align: left;
}

.why-eth-dev {
    background-color: #eefaff;
}

.ethdapp_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}

.why_dapp_box {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    height: 370px;
    border: 1px solid #dcdcdc;
}

.ethdapp_serv_box {
    margin: 30px 0;
    padding: 10px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.ethh_dapp_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}

.eth_dapp_platform_sec .list_item li {
    display: inline;
    float: left;
    padding: 30px;
    text-align: center;
}

.eth_dapp_platform_sec .list_item li img {
    display: grid;
    margin: 0 auto;
}

.eth_dapp_platform_sec .list_item ul.list-unstyled {
    padding-right: 0;
}

.ethhdapp_plats_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}

.new_common_darkbg {
    background-color: #012a5e;
}

.dapp-tools-inner {
    background: #fff;
    height: auto;
    box-shadow: 0 0 22px 2px rgba(0, 0, 0, 0.07);
    padding: 15px 15px;
    margin: 12px;
    text-align: center;
    border-radius: 10px;
}

.eth_dapp_tools .owl-theme .owl-nav .owl-prev {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 60px;
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next {
    background: #122a5e !important;
    position: absolute;
    top: -45px;
    right: 10px;
}

.eth_dapp_tools .owl-theme .owl-nav .owl-next i.fa-long-arrow-right,
.eth_dapp_tools .owl-theme .owl-nav .owl-prev i.fa-long-arrow-left {
    font-size: 40px;
    padding: 0;
    line-height: 25px;
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 50px;
}

#eth_tools_carousal.owl-theme .owl-dots .owl-dot.active span {
    border: 3px solid #ae2954;
    width: 15px;
    height: 15px;
}

.eth_dapp_tools p {
    color: #fff;
}

.eth_dapp_tool_content {
    margin: 20px 0 0 22px;
}

.eth_dapp_tools .ethdapp_common_title {
    font-size: 36px;
    color: #fff;
}

.new_common_lightgrey_bg {
    background: #eff2f5;
}

.eth_dapp_process_title {
    text-align: right;
}

.eth_dapp_process_desc,
.eth_dapp_process_num {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.342em;
}

.eth_dapp_process_num {
    font-size: 40px;
}

.ethdapp_process_para p {
    font-size: 17px !important;
    line-height: 2;
    margin: 0;
    text-align: justify;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.connect-c-c {
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
    /* background: url(../images/inner-pages/dapp_development/process-connect.svg) */
}

.eth_dapp_tools {
    padding: 54px 40px 20px 40px;
}

.eth_dapp_process {
    padding: 50px;
}

.new_common_tile_color1 {
    background: #012a5e;
}

.new_common_tile_color2 {
    background: #e6f0f4;
}

.new_common_tile_color3 {
    background: #0099da;
}

.new_common_tile_color4 {
    background: #044391;
}

.why_ethdapp_MetaBlock_box {
    min-height: 210px;
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding-top: 30px;
}

.why_ethdapp_MetaBlock_title {
    line-height: 21px;
    margin-top: 15px;
}

.new_common_container {
    margin: 0 auto;
    width: 91.5%;
    max-width: 1520px;
}

.white-text {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-family: "Readex Pro", sans-serif;
    margin: 10px 0 5px;
    font-weight: 300;
    text-align: center;
}

@media (min-width: 767px) {
    .why_ethdapp_MetaBlock_bg {
        /* background: url(../images/inner-pages/dapp_development/whydapp_MetaBlock_bg.jpg) no-repeat; */
        height: 420px;
        background-size: cover;
        background-position: -165px 0;
    }
}

.why_ethdapp_MetaBlock {
    background: #eefaff;
}

@media (min-width: 767px) {
    .eth-dapp-hire {
        /* background: url(../images/inner-pages/dapp_development/eth_dapp_hire.jpg?v1) no-repeat; */
        background-size: cover;
        position: relative;
        padding: 50px;
    }
}

.eth-dap-hire-box {
    background: #000;
    color: #fff;
    padding: 30px;
}

.eth-daapd-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.eth-why-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

.ethdapp-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

header.masthead-dapp-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/dapp_development/banner.jpg) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.masthead-banner-btn .new_common_btn {
    margin: 20px auto;
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    .ethdapp-process {
        display: block;
    }
    .eth_dapp_process_desc,
    .eth_dapp_process_num,
    .ethdapp_process_para p {
        text-align: center;
    }
    .eth-dapp-hire {
        padding: 0;
    }
    header.masthead-dapp-development {
        background-position: 0 0;
        background-position: initial;
    }
    header.masthead-dapp-development .header-content h1 {
        font-size: 33px !important;
    }
    .header-content .heading-tagline,
    header.masthead-dapp-development .header-content h1 {
        text-align: center;
    }
    .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 35px;
    }
    .eth-dap-hire-box .ethdapp_common_title {
        font-size: 17px !important;
        line-height: 35px;
    }
    .eth_dapp_platform_sec .ethdapp_common_title {
        font-size: 22px;
    }
    .eth_dapp_tools {
        padding: 0 0 2px 0;
    }
    .eth_dapp_tools .ethdapp_common_title {
        font-size: 31px;
        color: #fff;
    }
    .why_ethdapp_MetaBlock .ethdapp_common_title {
        text-align: center;
        font-size: 21px;
        line-height: 30px;
    }
    .masthead-banner-btn {
        text-align: center;
    }
    .ethdapp_serv_box .feature-content_1 p {
        margin-bottom: 10px;
    }
}

@media (min-width: 767px) {
    .typs-ethtok-box {
        min-height: 570px;
    }
}

header.masthead-ethereum-token-development {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/Banner.png?v1) no-repeat; */
    background-size: cover;
    height: 85vh;
    background-position: center;
}

.masthead-ethereum-token-development .header-content .heading-tagline,
header.masthead-ethereum-token-development .header-content h1 {
    text-align: left;
}

header.masthead-ethereum-token-development .header-content h1 {
    font-size: 47px !important;
}

.masthead-ethereum-token-development-btn .expert-btn {
    margin: 0;
}

.masthead-banner-btn a:hover {
    color: #fff;
    text-decoration: none;
}

.ethtoken_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}

.typs-ethtok-box {
    margin: 30px 0;
    padding: 20px;
    background-color: #000;
    text-align: center;
    border: 1px solid #dcdcdc;
}

.eth_tok_pts_title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}

.eth_token_service {
    background-color: #000;
}

.ethtok_service_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #323232;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, 0.67);
    min-height: 315px;
}

.eth_tok_models_wrap {
    text-align: center;
}

.ethtok_img {
    background-color: #fff;
    padding: 0;
    width: 85px;
    height: 85px;
    margin: 40px;
    border-radius: 5px;
    transform: rotate(45deg);
    position: relative;
    z-index: 1;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, 0.67);
}

.eth_tok_count {
    background-color: #d53937;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 1px;
    margin-right: 6px;
    display: inline-block;
}

.why-ethtok-MetaBlock-box {
    background-color: #000;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.05);
    padding: 35px;
    border-radius: 5px;
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock {
    border-bottom: solid #ddd 1px;
    border-right: solid #ddd 1px;
}

.yethtok-MetaBlock-parent .yethtok-MetaBlock:nth-child(4n) {
    border-left: none;
    border-right: none;
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
    border-right: solid #ddd 1px;
}

.yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down:nth-child(4n) {
    border-top: none;
    border-right: none;
}

.why-ethtok-MetaBlock {
    background: #000;
    padding: 45px 0;
}

.why-ethtok-MetaBlock-wrap {
    margin: 35px;
    text-align: center;
}

.ethtok_about .ethtoken_common_title {
    font-size: 29px;
    line-height: 40px;
    color: #fff;
}

.ethtok_type_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
    filter: brightness(100);
}

img.ethtok_process_sprite {
    transform: rotate(-45deg);
}

.ethtok_process_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.ethtok_yeth_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.eth_tok_models_wrap .eth_tok_pts_title {
    margin-top: 10px;
}

.eth_tok_models_connect:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: "";
    background-position: -31px 0;
    /* background: url(../images/inner-pages/ethereum-token-development-company-FINAL/icons-new.svg); */
    background-position: -1991px -13px;
    background-size: 210rem;
    left: -48px;
    top: 58px;
    z-index: 0;
}

.eth_tok_model {
    background: #000;
    position: relative;
    z-index: -1;
}

@media only screen and (max-width: 767px) {
    header.masthead-ethereum-token-development .header-content h1 {
        font-size: 34px !important;
        text-align: center;
    }
    .heading-tagline {
        text-align: center !important;
    }
    .ethtok_about .ethtoken_common_title {
        text-align: center;
    }
    .masthead-ethtoken-development-btn {
        text-align: center;
    }
    .ethtoken_common_title {
        font-size: 27px;
        line-height: 33px;
    }
    .ethtok_service_box {
        margin: 0 0 10px 0 !important;
    }
    .ethtok_img {
        margin: 0 auto;
    }
    .eth_tok_models_connect:before {
        display: none;
    }
    .eth_tok_count {
        margin-top: 30px !important;
    }
    .yethtok-MetaBlock-parent .yethtok-MetaBlock {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0;
    }
    .yethtok-MetaBlock-parent-down .yethtok-MetaBlock-down {
        border-bottom: solid #ddd 1px;
        border-right: solid #ddd 0;
    }
    .ethtok_about .ethtoken_common_title {
        font-size: 17px;
        line-height: 26px;
    }
}

@media (min-width: 767px) {
    header.masthead-smart {
        /* background: url(../images/inner-pages/smart-contract/new/banner.png) no-repeat */
    }
}

header.masthead-smart {
    position: relative;
    width: 100%;
    padding-top: 150px;
    color: #fff;
    background-size: 100% 100% !important;
    height: 85vh;
    background-position: center;
}

header.masthead-smart .header-content h1 {
    font-size: 55px !important;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-smart .heading-tagline {
    text-align: left;
}

.scont-bt-wra {
    min-height: 240px;
    padding: 37px 23px 0 23px;
}

.scont-bt-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
}

.text-dark {
    color: #022552 !important;
}

.scont-bt-title {
    font-size: 43px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    padding: 55px 23px 0 23px;
}

.scont-titl-wra {
    /* background: url(../images/inner-pages/smart-contract/new/scont-bg.png) no-repeat; */
    min-height: 240px;
    background-size: cover;
}

.scont_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}

.scont-serv-parent .scont-serv-child {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 0;
}

.scont-serv-child-down {
    min-height: 345px;
    padding: 40px 40px;
}

.scont-serv-parent .scont-serv-child:nth-child(3n) {
    border-top: solid #ddd 1px;
    border-right: solid #ddd 1px;
}

.scont-serv-parent .scont-serv-child-down {
    border-bottom: solid #ddd 1px;
    border-left: solid #ddd 1px;
}

.scont-serv-parent .scont-serv-child-down:nth-child(3n) {
    border-left: solid #ddd 1px;
    border-right: solid #ddd 1px;
}

.scont-serv-child {
    min-height: 345px;
    padding: 40px 40px;
    border-left: solid #ddd 1px;
    border-bottom: solid #ddd 1px;
}

.scont-serv-pts {
    font-size: 19px;
    color: #012a5e;
    text-align: left;
    font-weight: 600;
    padding-bottom: 13px;
    padding-left: 60px;
    line-height: 26px;
}

.scont-service-box img {
    float: left;
    width: 50px;
    height: 50px;
}

.scont-serv-desc {
    font-size: 15px;
    margin-bottom: 20px;
}

.scont_process_title {
    text-align: right;
}

.scont-process-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.eth_dapp_process_num {
    font-size: 42px;
}

.scont_process_desc,
.scont_process_num {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.342em;
}

.scont-indus-box {
    text-align: center;
    background: #fff;
    height: inherit !important;
    padding: 40px 20px 40px;
    margin: 10px auto;
    border-radius: 10px;
}

.scont-indsu-sec {
    background: #eff2f5;
}

.scont-indus-pts {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #022552;
}

.scont_serv_sprite {
    width: 80px;
    height: 80px;
    object-fit: none;
}

.scont_bt_sprite {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

.scont-process-ctrl {
    object-fit: none;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.scont-indus-ctrl {
    object-fit: none;
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.scont-indus-box h3 {
    margin-top: 10px;
}

.scont-bt-sec {
    background-color: #f3fbff;
}

.scont-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px;
}

@media only screen and (max-width: 767px) {
    header.masthead-smart .header-content h1 {
        font-size: 27px !important;
    }
    .scont-about .scont_common_title {
        font-size: 22px;
        line-height: 29px;
    }
    .scont-about p {
        text-align: justify;
    }
    .scont-bt-title {
        font-size: 35px;
        line-height: 48px;
        padding: 71px 0 0 0;
        text-align: center;
    }
    .scont_process .scont_common_title {
        font-size: 28px;
        line-height: 35px;
    }
    .scont-indsu-sec .scont_common_title {
        font-size: 21px;
        line-height: 30px;
    }
    .scont-hire-box {
        padding: 0;
    }
    .scont_common_title {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 0;
    }
    header.masthead-smart {
        background: #24394c;
    }
}

@media (min-width: 767px) {
    header.masthead-cryptocurrency-development .header-content h1 {
        text-align: left !important;
        font-size: 47px !important;
    }
}

header.masthead-cryptocurrency-development .heading-tagline {
    text-align: left;
}

.why_cryptx {
    margin: 30px 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #dcdcdc;
    min-height: 520px;
}

.cryptx_pts_title {
    font-size: 18px;
    color: #012a5e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 23px;
    font-family: Raleway, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}

.cryptx_common_title {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}

.cryptx_common_desc {
    width: 75%;
    text-align: center !important;
    display: inline-block;
}

.common_light_blue_bg {
    background-color: #eefaff;
}

.cryptx_serv_box {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 30px;
    width: 100%;
    margin: 10px;
    height: auto;
    outline: 0;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 6px 10px 11px -5px rgba(192, 203, 216, 0.67);
    min-height: 315px;
}

.new_cryptx_serv_sec .blkchn_devpmt_services:hover {
    filter: initial;
}

#why_development .crypt_platform span {
    background: rgba(172, 175, 158, 0.7) none repeat scroll 0 0;
    border-radius: 0.2em;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px;
}

.crypt_platform {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    padding: 10px;
}

.cryptx_platform p {
    color: #012a5e;
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
    text-align: center;
}

.ycryptx_box_ctrl {
    padding: 25px;
    min-height: 200px;
}

.ycryptx_pts {
    font-size: 23px;
    margin: 0;
    line-height: 27px;
    color: #012a5e;
    font-weight: 600;
    margin-top: 17px;
}

.ycryptx-sprite-ctrl {
    object-fit: none;
    object-position: -170px -160px;
    width: 80px !important;
    height: 80px;
    margin: auto 0;
}

.ycryptx_MetaBlock_sec:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
}

.ycryptx_MetaBlock_sec {
    position: relative;
    z-index: 1;
    padding: 35px 25px 30px 25px;
}

.padding_right_ctrl {
    padding-right: 50px;
}

.ycryptx_MetaBlock_sec .cryptx_common_title {
    font-size: 31px;
    line-height: 40px;
}

#why_development.CryptocurrencyPlatforms {
    /* background: rgba(0, 0, 0, 0) url(../images/inner-pages/cryptocurrency_development/new/platform-bg.jpg) no-repeat scroll center top/cover; */
    margin-top: 0;
}

@media (min-width: 767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        /* background: url(../images/inner-pages/cryptocurrency_development/new/banner.png) no-repeat; */
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh;
    }
}

.cryptox_about p {
    text-align: justify;
}

.cryptx-hire-box {
    background: #012a5e;
    color: #fff;
    padding: 30px;
    /* background: url(../images/inner-pages/cryptocurrency_development/new/hire-bg-crypt.jpg) no-repeat; */
    background-size: cover;
    position: relative;
}

.CryptocurrencyPlatforms .crypt_platform span {
    background: #fff !important;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    width: 100px;
}

.cryptox_about .masthead-banner-btn .new_common_btn {
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    header.masthead-cryptocurrency-development {
        position: relative;
        width: 100%;
        padding-top: 150px;
        color: #fff;
        background: #1c1582;
        background: linear-gradient(150deg, #1c1582 7%, #252cc0 100%);
        background-size: cover;
        background-position: 100% 100%;
        height: 85vh;
    }
    header.masthead-cryptocurrency-development .header-content h1 {
        font-size: 37px !important;
    }
    .align-items-center {
        display: block;
        align-items: center;
    }
    .new_common_container {
        margin: 0 auto;
        width: 100%;
        max-width: 1520px;
    }
    .ycryptx_MetaBlock_sec .padding_right_ctrl {
        padding-right: 0;
    }
    .ycryptx_MetaBlock_sec .cryptx_common_title {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
    }
    .ycryptx_box_ctrl {
        text-align: center;
    }
    .cryptx-hire-box {
        padding: 0;
    }
    .cryptx_platform .cryptx_common_title {
        font-size: 23px;
        line-height: 30px;
        color: #012a5e;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .crypt_platform {
        margin-bottom: 15px;
    }
    .cryptx_platform .mt-5 {
        margin-top: 0;
    }
    .new_cryptx_serv_sec .cryptx_common_title,
    .ycryptx_dev .cryptx_common_title {
        font-size: 28px;
        line-height: 36px;
    }
    .cryptx_serv_box {
        margin: 0 0 17px 0;
    }
}

.new_common_btn {
    display: inline-block;
    font-size: 17px;
    color: #fff !important;
    outline: 0;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    border: none;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
}

.defi_banner_sec {
    /* background-image: url(../images/inner-pages/defi/defi-banner.png); */
    height: 670px;
    padding: 131px 10px;
    color: #fff;
    background-position: bottom;
}

.about_defi {
    padding: 0 !important;
}

.defi_banner_sec h1 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_quote {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0;
}

.about_defi p {
    text-align: justify;
}

.defi_featuring {
    /*background-image:url(../images/inner-pages/defi/ft-bg.png);*/
    background: #000;
    color: #fff;
    padding: 40px 0;
    background-position: center;
}

.defi_futuristic_title {
    font-size: 35px;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
    margin-bottom: 2rem;
    text-align: left;
}

.defi_serv_box .desc {
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    color: #fff;
}

.defi_pts_head {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
}

.defi_sec_titles {
    font-size: 35px;
    line-height: 45px;
    color: #012a5e;
    font-weight: 700;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.defi_serv_box:hover {
    box-shadow: 0 5px 30px -10px rgb(38 38 38);
}

.defi_serv_box {
    box-shadow: 0 3px 24px -21px rgb(38 38 38);
    padding: 35px;
    border: 1px solid #e8e8e8;
    min-height: 360px;
}

.defi_serv_box .defi_serv_box_arrow {
    background: #0c143d;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    position: absolute;
    bottom: 15px;
    left: 45%;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
}

.defi_serv_box .defi_serv_box_arrow .indicator {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(317deg);
    left: 35px;
}

.defi_serv_box .defi_serv_box_arrow .indicator span {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: none;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    animation: arrow_moving_effect 1s linear infinite;
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(1) {
    top: -20px;
    left: -20px;
    animation-delay: 0s;
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(2) {
    top: -15px;
    left: -15px;
    animation-delay: 0.2s;
}

.defi_serv_box .defi_serv_box_arrow .indicator span:nth-child(3) {
    top: -10px;
    left: -10px;
    animation-delay: 0.4s;
}

@keyframes arrow_moving_effect {
    0% {
        border-color: #fff;
        transform: translate(0, 0);
    }
    20% {
        border-color: #fff;
        transform: translate(15px, 15px);
    }
    100%,
    20.1% {
        border-color: #ffd64a;
    }
}

.defi-bt-sec {
    padding: 30px;
    background-color: #000;
}

.defi_common_title {
    font-size: 35px;
    line-height: 45px;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.bt-benefit-ctrl {
    box-shadow: 0 3px 38px -17px rgba(12, 46, 92, 0.92);
}

.defi-btbpad-ctrl {
    padding: 0;
}

.nyp-btb-cont1 {
    background-color: #c139ff;
}

.defi-bt-sprite {
    width: 47px;
    height: 47px;
    object-fit: none;
}

.defi-btb-tile {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1;
    font-family: "Open Sans", sans-serif !important;
}

.nyp-btb-cont2 {
    background-color: #e6f0f4;
}

.nyp-btb-cont3 {
    background-color: #984cff;
}

.nyp-btb-cont4 {
    background-color: #504cc4;
}

.nyp-btb-cont5 {
    background-color: #6863ff;
}

.nyp-btb-cont7 {
    background-color: #d7f4ff;
}

.nyp-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px;
}

.defi_bt_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #bdc0c5;
    border-radius: 5px;
    min-height: 285px;
    background-color: #000;
}

.defi_align_center {
    display: flex;
    align-items: center;
}

.defi_copd {
    padding: 20px 0;
}

.how_defi_transform_world_sec .how_defi_transform_world_box {
    background: #202121;
    color: #fff;
    margin: 10px auto;
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.how_defi_transform_world_sec .how_defi_transform_world_box .box_title .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list {
    padding: 10px;
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul {
    padding: 0;
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 10px auto;
    font-size: 15px;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    box-shadow: 2px 2px 15px 2px #0a1030;
    line-height: 1.5;
}

.how_defi_transform_world_sec .how_defi_transform_world_box .how_defi_transform_world_box_list .how_defi_transform_world_box_ul li img {
    padding-right: 1rem;
}

.defi_yield_right_arrow_icon {
    width: 20px;
}

.defi_yield_farming_sec {
    background: #000;
    color: #fff;
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
    justify-content: center;
    display: flex;
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 5px 20px;
    height: 40px;
    line-height: 25px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_last {
    border-right: 1px solid #333;
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li:hover {
    background-color: #d53166;
    color: #fff;
}

.defi_yield_farming_sec .defi_yield_farming_div ul.tabs li.active {
    background-color: #fff;
    color: #000;
    display: block;
    border-bottom: 3px solid #fff;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_container {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 2rem;
    overflow: auto;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content {
    padding: 20px;
    margin: 15px auto;
    display: none;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul {
    padding-left: 0;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .how_works_cont ul li {
    list-style: none;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list {
    border: 1px solid #fff;
    padding: 8px;
    margin: 10px auto;
    display: flex;
    align-items: center;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .bene_list p {
    margin-bottom: 0;
    margin-left: 8px;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li {
    list-style: none;
    padding: 5px;
    margin: 5px;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_content .platform_protocols_sec .platform_protocols_ul li i,
.defi_yield_farming_sec .defi_yield_farming_div .tab_content .tokens_sec .tokens_ul li i {
    font-size: 13px;
}

.defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 480px) {
    .defi_yield_farming_sec .defi_yield_farming_div .tabs {
        display: none !important;
    }
    .defi_yield_farming_sec .defi_yield_farming_div .tab_drawer_heading {
        background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
        color: #fff;
        border-top: 1px solid #333;
        margin: 5px;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }
}

.content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0;
}

.centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px;
}

.question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
}

.answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: 0.7s ease;
}

.questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px;
}

.plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: 0.3s ease;
}

.questions:checked~.plus {
    transform: rotate(45deg);
}

.questions {
    display: none;
}

.defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px;
    filter: brightness(24);
}

.defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px;
    filter: hue-rotate(45deg);
}

.defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px;
    filter: hue-rotate(45deg);
}

.defi_bts_sec {
    background-color: #000;
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .defi_featuring {
        padding: 25px;
    }
    .defi_futuristic_title {
        font-size: 23px;
    }
    .defi_featuring p {
        font-size: 18px;
        margin-bottom: 0;
    }
    .defi_sec_titles {
        font-size: 19px;
        line-height: normal;
    }
    .defi_copd {
        padding: 0;
        padding-top: 25px;
    }
    .defi_serv_box {
        margin-bottom: 30px;
    }
    .defi_bt_box {
        margin-bottom: 20px;
    }
    .defi_common_title {
        font-size: 22px;
        line-height: normal;
        color: #012a5e;
        font-weight: 700;
        text-align: center;
    }
    .defi-bt-sec p {
        text-align: center;
    }
}

.defi-faq .content {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    padding: 0 60px 0 0;
}

.defi-faq .centerplease {
    margin: 0 auto;
    max-width: 270px;
    font-size: 40px;
}

.defi-faq .question {
    color: #fff;
    position: relative;
    background: #0d4388;
    margin: 0;
    padding: 10px 10px 10px 50px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
}

.defi-faq .answers {
    font-weight: 500;
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    transition: 0.7s ease;
}

.defi-faq .questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px;
}

.defi-faq .plus {
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
    z-index: 5;
    font-size: 2em;
    line-height: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: 0.3s ease;
}

.defi-faq .questions:checked~.defi-faq .plus {
    transform: rotate(45deg);
}

.defi-faq .questions {
    display: none;
}

.defi-faq .defi-serv-sprite {
    object-fit: none;
    width: 60px;
    height: 60px;
}

.defi-faq .defi-bt-sprite {
    object-fit: none;
    width: 80px;
    height: 80px;
}

.defi-faq .defi-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.defi-faq .defi_bts_sec {
    background-color: #fafafa;
    padding-bottom: 40px;
}

.home-new-abt-btn .btn {
    padding: 4px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.home-new-abt-btn i {
    margin-right: 8px;
    font-size: 21px;
}

.about_blochainslns {
    padding-top: 50px;
    padding-bottom: 50px;
}

.enterprsieblckchain_banner_sec {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/enterprise-blockchain-solution-banner.png); */
    height: auto;
    padding: 131px 10px;
    color: #fff;
    background-position: 0 0;
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover;
}

.enterprsieblckchain_banner_sec h1 {
    color: #fff;
    font-weight: 800;
}

.ebs_common_title {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    background: linear-gradient(94.84deg, #c139ff 1.15%, #546cff 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ebs_gamechange_descs {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0;
}

.enterprise_blockchain_gamechangesec {
    background-color: #000;
    padding-top: 50px;
    padding-bottom: 50px;
}

.ebs_stat_txtlite {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
}

.ebs_stat_txtstrong {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 36px;
    color: #5d5d5d !important;
}

.ebs_content_box {
    line-height: 1.2;
    margin-top: 20px;
}

.ebs-btbpad-ctrl {
    padding: 0;
}

.ebs-btb-cont {
    text-align: center;
    padding: 26px;
    height: 172px;
}

.ebs-yt-sprite {
    object-fit: none;
    width: 50px;
    height: 50px;
}

.ebs-btb-tile {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}

.ebs_copd {
    padding: 20px 0;
}

.ebs_indus_content {
    display: flex;
    align-items: center;
}

.nyp-btb-cont .ebs_common_desc {
    color: #fff;
    text-align: left;
}

.ebs_benefit_box {
    display: flex;
    align-items: center;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    margin-bottom: 11px;
    border-radius: 3px;
    padding: 7px;
}

.ebs_integrate_techsec .expert-btn {
    margin: 15px auto;
}

.ebs_integrate_desc {
    font-size: 17px;
    line-height: 1.3;
    color: #fff !important;
    font-weight: 600;
    margin-top: 15px;
}

.epe_blockchainslns_ul {
    padding: 0;
    list-style: none;
}

.MetaBlock_box_titles {
    font-size: 24px;
    font-weight: 600;
}

.epe_blockchainslns_box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px -8px #000;
    padding: 28px;
    border-radius: 12px;
    color: #fff;
    position: relative;
    z-index: 0;
}

.epe_blcklns_bg1 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/pre-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.epe_blcklns_bg2 {
    /* background-image: url(../oimages/enterprise-blockchain-solutions/post-blockchain-solutions.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

li.epe_blockchainslns_li {
    font-size: 17px;
    font-weight: 500;
    margin: 18px 0;
    background-color: #00000094;
    padding: 20px;
}

.epe_blockchainslns_box.epe_blcklns_bg1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000de -3%, #ffffff29 100%);
    content: "";
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px;
}

.epe_blockchainslns_box.epe_blcklns_bg2:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.79deg, #e442ff -13.43%, #3c5bff 100.49%);
    content: "";
    left: 0;
    top: 0;
    z-index: -8;
    border-radius: 12px;
}

.ebs_blockchain_justify {
    display: flex;
    justify-content: center;
}

.enterprsieblckchain_banner_sec .expert-btn {
    margin: 0;
}

.about_blochainslns p {
    font-size: 20px;
}

.ebs-bt-sec .nyp-btb-cont {
    text-align: center;
    padding: 26px;
    min-height: 200px;
}

.ebs_integrate_techsec {
    background-color: #000 !important;
    padding-top: 50px;
    padding-bottom: 50px;
}

.ebs_integrate_techsec .ebs_common_title {
    font-size: 30px;
}

@media (max-width: 767px) {
    .enterprsieblckchain_banner_sec h1 {
        font-size: 27px;
        text-align: center;
    }
    .ebs_blockchain_justify {
        display: block;
    }
    .enterprsieblckchain_banner_sec p {
        text-align: center;
    }
    .ebs_common_title {
        font-size: 24px;
        line-height: 30px;
    }
    .ebs_benefit_sec {
        padding: 0;
    }
    .enterprise_blockchain_gamechangesec {
        text-align: center;
    }
    .ebs_stat_txtstrong {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 30px;
        color: #5d5d5d !important;
    }
    .ebs_gamechange_descs {
        font-size: 16px;
    }
    .ebs_stat_txtlite {
        font-size: 19px;
    }
    .ebs_content_box {
        line-height: 1.2;
        margin-top: 10px;
    }
    .ebs_integrate_techsec .ebs_common_title {
        font-size: 18px;
    }
    .ebs_integrate_desc {
        font-size: 16px;
        line-height: 1.5;
        color: #fff !important;
        font-weight: 500;
        margin-top: 15px;
    }
    .epe_blcklns_bg2 {
        margin-top: 20px;
    }
}

/*==========================================COUNTRY BASED PAGES===============================*/

.masthead-blockchain-development-basedcountry {
    position: relative;
    width: 100%;
    padding-top: 195px;
    color: #fff;
    /* background: url(../images/inner-pages/countrybased_pages/blocckchain_development_company.png) no-repeat; */
    background-size: cover;
    background-position: center;
    height: 60rem;
}

.masthead-blockchain-development-basedcountry.header-shadow-custom:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    background-color: #000000a1;
}

.masthead-blockchain-development-basedcountry .heading-tagline {
    text-transform: capitalize;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
    display: flex;
    justify-content: center;
}

.masthead-blockchain-development-basedcountry .heroban_countrybased_btn a {
    margin: 5px 5px;
    background-color: #b22b58;
}

.our-achievments .acheivements-list {
    max-width: 100%;
    margin: 0 70px;
}

.our-achievments .acheivements-list .col-6 {
    width: 19.6667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.experience_div {
    /* background-image: url(../about_us/abouts-sprite.png); */
    width: 52px;
    background-position: 399px -984px;
    background-size: 20rem;
    margin-bottom: 30px;
    height: 51px;
    margin: 0px auto;
}

.our-achievments .acheivements-list .col-6 p.achievement {
    margin: 0;
    font-size: 20px;
    line-height: 23px;
    color: #303134;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}

.achievement-details {
    text-align: center;
}

.bg_light.our-achievments {
    background-color: #f9f9f9;
}

@media (max-width: 767px) {
    .masthead-blockchain-development-basedcountry .heroban_countrybased_btn {
        display: block;
    }
    .our-achievments .acheivements-list {
        margin: 0px 0px;
    }
    .our-achievments .acheivements-list .col-6 {
        width: 100%;
    }
}

/*=========================NFT DEVELOPMENT============================*/

.onftcommon_ctrl {
    padding: 45px 0;
}

.MetaBlocknft_sec_titlewrap .onfs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 2.5rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

.masthead-nft-development {
    /* background-image: url(../oimages/nft-development/banner.png); */
    position: relative;
}

.masthead-nft-development .header-content h1,
.masthead-nft-development .header-content h3 {
    text-align: left;
}

.masthead-nft-development .header-content h3 {
    width: 80%;
}

.masthead-nft-development.header-shadow-custom:before {
    /* background-image: url(../oimages/nft-development/nft_bannner.png); */
    background-position: center;
}

.MetaBlock_nft_intro .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_intro .row {
    display: flex;
    justify-content: center;
}

.MetaBlock_nft_services .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_services {
    background-color: #000;
}

.MetaBlocknft_box .MetaBlocknft_heads {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box {
    padding: 15px;
    min-height: 200px;
    margin-bottom: 3.5rem;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_heads .MetaBlocknft_serv_frontwrap h3 {
    color: #fff;
    font-size: 23px;
    text-align: center;
}

.MetaBlocknft_serv_frontwrap {
    text-align: center;
}

.nftdev-sprite1 {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.MetaBlock_nft_services .MetaBlocknft_box .MetaBlocknft_desc {
    font-weight: 500;
    color: #494d4e;
    line-height: 1.5;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap {
    text-align: center;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.MetaBlock_nft_workflow.onftcommon_ctrl {
    padding: 45px 0px 0px 0px;
}

.MetaBlocknft_container_wrap {
    padding: 0px 70px;
}

.MetaBlock_nft_differences {
    background: #000;
}

.MetaBlock_nft_differences .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fff;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc ul {
    padding: 0;
    color: #dbe5e6;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_desc li {
    list-style: none;
    margin-bottom: 1.2rem;
    text-align: center;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-color: #000;
    display: flex;
    min-height: 480px;
    align-items: flex-end;
}

.MetaBlock_nft_differences .MetaBlocknft_box .ondif_wrap {
    padding: 35px;
    margin-top: 25rem;
}

.MetaBlock_nft_differences .MetaBlocknft_box .MetaBlocknft_heads {
    color: #fbfeff;
    text-align: center;
    font-size: 22px;
}

.MetaBlock_nft_differences .MetaBlocknft_box {
    background-size: cover;
    background-position: center;
    box-shadow: 1px 22px 28px -9px #797979;
    border-radius: 10px;
}

#sft_difbox {
    /* background-image: url(../oimages/nft-development/semi-fungible-token.png); */
    filter: grayscale(1);
}

#nft_difbox {
    /* background-image: url(../oimages/nft-development/nft-token.png); */
    filter: grayscale(1);
}

#dnft_difbox {
    /* background-image: url(../oimages/nft-development/dnft-token.png); */
    filter: grayscale(1);
}

.MetaBlock_nft_keystone {
    /* background-image: url(../oimages/nft-development/keystonebg1.png); */
    background-size: cover;
    background-position: right;
    filter: grayscale(10);
}

.MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
    color: #fafeff;
}

.MetaBlock_nft_keystone .MetaBlocknft_keystone_points .onfksp_point {
    color: #d2dcff;
    font-size: 17px;
    padding: 10px;
    border: 1px solid #7a7fbd;
    border-radius: 3px;
    background-color: #ffffff05;
    margin-bottom: 1.2rem;
    font-weight: 500;
}

.MetaBlock_nft_whychoose {
    background: #000;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box {
    text-align: center;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0rem;
}

.MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
    width: 51%;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 10px 0px;
}

.MetaBlock_nft_whychoose .MetaBlocknft_box .MetaBlocknft_desc {
    font-size: 17px;
    font-weight: 600;
    color: #11383a;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 7rem;
}

.MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap .onfs_title {
    text-align: center;
}

.base-timeline {
    list-style-type: none;
    counter-reset: number;
    /* number 2021*/
    position: relative;
    display: block;
    z-index: 2;
    width: 75%;
    /* change or remove*/
    margin: 0 auto;
}

.base-timeline::before {
    content: "";
    width: 95%;
    border-top: 2px solid steelblue;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.base-timeline__item {
    position: relative;
    display: inline-block;
    width: calc(100% / 3 - 15px);
    /* change width */
}

.base-timeline__item::before {
    display: flex;
    justify-content: center;
    align-items: center;
    counter-increment: number;
    /* number -1*/
    content: counter(number) "";
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: steelblue;
    color: white;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

/* modifier with use of the data-year attribute */

.base-timeline__item--data::before {
    content: attr(data-year);
    width: 60px;
    height: 60px;
}

/* hover element */

.base-timeline__item:hover::before {
    background-color: rgba(225, 114, 114, 0.9);
    transform: scale(1.5);
}

.base-timeline__item::before {
    border: 2px solid;
    border-color: rgba(0, 0, 0, 0.3);
}

.base-timeline__item:last-child {
    width: 0;
}

.base-timeline__summary-text {
    position: absolute;
    bottom: -3em;
    left: -64px;
    width: 168px;
    text-align: center;
    font-weight: 600;
}

.MetaBlock_nft_hire {
    background-color: #000;
}

.MetaBlock_nft_services .card {
    perspective: 100rem;
    position: relative;
}

.card__side {
    height: 100%;
    width: 100%;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 18px;
    line-height: 1.5;
}

.card__side--front {
    background-color: #222;
}

.card__side--back {
    background-color: #525b6b;
    transform: rotateX(180deg);
    padding: 20px;
}

.MetaBlock_nft_services .card:hover .card__side--front {
    transform: rotateX(-180deg);
}

.MetaBlock_nft_services .card:hover .card__side--back {
    transform: rotateX(0);
}

.education {
    --bg-color: #ffd861;
    --bg-color-light: #ffeeba;
    --text-color-hover: #4c5656;
    --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.credentialing {
    --bg-color: #b8f9d3;
    --bg-color-light: #e2fced;
    --text-color-hover: #4c5656;
    --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.wallet {
    --bg-color: #ceb2fc;
    --bg-color-light: #f0e7ff;
    --text-color-hover: #fff;
    --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.human-resources {
    --bg-color: #dce9ff;
    --bg-color-light: #f1f7ff;
    --text-color-hover: #4c5656;
    --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.MetaBlock_nft_whychoose .card {
    width: 220px;
    height: 321px;
    background: #8d8b8b;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
    padding: 15px;
}

.card:hover {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card:hover .overlay {
    transform: scale(4) translateZ(0);
}

.MetaBlock_nft_whychoose .card:hover .circle {
    border-color: var(--bg-color-light);
    background: var(--bg-color);
}

.MetaBlock_nft_whychoose .card:hover .circle:after {
    background: var(--bg-color-light);
}

.MetaBlock_nft_whychoose .card:hover p {
    color: var(--text-color-hover);
}

.MetaBlock_nft_whychoose .card:active {
    transform: scale(1) translateZ(0);
    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11), 0 15px 24px var(--box-shadow-color);
}

.MetaBlock_nft_whychoose .card p {
    font-size: 17px;
    color: #152135;
    margin-top: 30px;
    z-index: 1000;
    transition: color 0.3s ease-out;
    font-weight: 600;
}

.MetaBlocknft_circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.MetaBlocknft_circle:after {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    background: var(--bg-color);
    border-radius: 50%;
    top: 23px;
    left: 24px;
    transition: opacity 0.3s ease-out;
}

.MetaBlocknft_circle img {
    z-index: 10000;
    transform: translateZ(0);
}

.MetaBlock_nft_whychoose .overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: #000;
    top: 56px;
    left: 50px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.MetaBlock_nft_workflow .MetaBlocknft_sec_titlewrap .onfs_title {
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
    .masthead-nft-development .header-content {
        text-align: center;
    }
    .masthead-nft-development .header-content h1,
    .masthead-nft-development .header-content h3 {
        text-align: center;
    }
    .masthead-nft-development .header-content h3 {
        width: 100%;
    }
    .MetaBlock_nft_differences .MetaBlocknft_box {
        box-shadow: 1px 22px 28px -9px #79797900;
        margin-bottom: 2rem;
    }
    .MetaBlock_nft_keystone {
        background-position: left;
    }
    .MetaBlock_nft_keystone .MetaBlocknft_sec_titlewrap .onfs_title {
        text-align: center;
    }
    .MetaBlock_nft_whychoose .MetaBlocknft_sec_titlewrap p {
        width: 100%;
    }
    .MetaBlock_nft_whychoose .card p {
        font-size: 19px;
        margin-top: 13px;
    }
    .MetaBlock_nft_whychoose .overlay {
        width: 118px;
        position: absolute;
        height: 118px;
        border-radius: 50%;
        background: var(--bg-color);
        top: 17px;
        left: 0;
        z-index: 0;
        transition: transform 0.3s ease-out;
        right: 0;
        margin: 0 auto;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        margin-bottom: 2rem;
        height: auto;
    }
    .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .base-timeline {
        list-style-type: none;
        counter-reset: number;
        position: relative;
        display: block;
        z-index: 2;
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    .base-timeline::before {
        display: none;
    }
    .base-timeline__item {
        position: relative;
        display: flex;
        width: 100%;
        padding-bottom: 10px;
        align-items: center;
    }
    .base-timeline__summary-text {
        position: static;
        position: initial;
        bottom: -3em;
        left: -64px;
        width: 168px;
        text-align: left;
        font-weight: 600;
        margin-left: 5px;
    }
    .base-timeline__item:last-child {
        width: 100%;
    }
    .MetaBlock_nft_hire .MetaBlocknft_sec_titlewrap p {
        width: 100%;
        padding-top: 3rem;
    }
    .MetaBlocknft_sec_titlewrap .onfs_title {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .MetaBlock_nft_whychoose .MetaBlocknft_container_wrap {
        padding: 0px 0px;
    }
    .MetaBlock_nft_whychoose .card {
        width: 100%;
        height: 275px;
    }
    .MetaBlock_nft_whychoose .overlay {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 30px;
    }
}

.MetaBlock_clonescript_store {
    padding: 88px 0px;
}

.MetaBlock_clonescriptstore_categories {
    padding: 130px 0px 40px 0px;
}

.MetaBlock_cloness_categorieslist {
    padding: 0;
}

.MetaBlock_clonescriptstore_categories {
    background-color: #091941;
}

.MetaBlock_clonescriptstore_categories .title {
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.MetaBlockcss_navtabs.nav-tabs>li>a {
    color: #fff !important;
    font-weight: 700;
    padding: 5px 15px;
    border: 1px solid #6284c7;
    margin-right: 0px;
    border-radius: 50px;
    margin: 5px;
    background: transparent;
    text-transform: uppercase;
}

.MetaBlockcss_navtabs.nav-tabs>li:hover {
    margin-bottom: -1px;
    border-radius: 50px;
}

.MetaBlockcss_navtabs.nav-tabs>li.active>a {
    background: #3e6cff;
}

.nav.MetaBlockcss_navtabs>li>a:hover {
    background: #3e6cff;
}

/*.MetaBlockcss_navtabs.nav-tabs>li.active>a:hover{
  background-color: #fff;
    border: 1px solid transparent;
border-radius: 50px;

}*/

#innerTabs.nav-tabs {
    border-bottom: 0;
    padding-top: 10px;
}

#innerTabs.nav-tabs>li a {
    border: 0;
    font-weight: 600;
    border-radius: 50px;
    background: #fff;
    color: #000;
    margin: 0px 5px 10px 0px;
    padding: 5px 15px;
    box-shadow: 0px 1px 10px 2px #0000002e;
    text-transform: uppercase;
    font-size: 14px;
}

#innerTabs.nav-tabs>li.active>a {
    border: 0;
    /* border-radius: 0; */
    color: #fff;
    background: #091941;
}

#innerTabs.nav-tabs>li.active {
    /*border-bottom: 4px solid #00a68f;*/
}

.innertab_details_wrap .row {
    background-color: transparent;
}

#innerTabs {
    display: flex;
    justify-content: center;
}

.innertab_itembox {
    text-align: center;
    padding: 10px;
    border: 1px solid #0000;
    min-height: 172px;
    cursor: pointer;
    /*background: linear-gradient(
179deg
, rgba(255,255,255,1) 44%, rgb(217 217 217) 100%);*/
    background: linear-gradient(179deg, rgb(9 25 65) 44%, rgb(62 108 255) 100%);
    border-radius: 10px;
    box-shadow: 0px 10px 12px -9px #282828;
}

.innertab_itembox p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
    width: 121px;
    margin: 0 auto;
}

.innertabs_itemsarea {
    padding: 0px 100px;
    /*background-image: url(../images/inner-pages/cryptoclone-scripts/cryptobg.jpg);
    background-size: cover;
    background-position: right;
    position: relative;
    z-index: 0;*/
}

.innertabs_itemsarea:before {
    /*position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(47,58,82);
background: radial-gradient(circle, rgb(68 82 112 / 92%) 0%, rgb(5 10 22 / 94%) 100%);
    content: '';
    left: 0;
    z-index: -1;*/
}

.innertab_details_wrap {
    padding: 30px 0px;
}

.innertabs_itemsarea .row:nth-child(2) {
    margin-top: 2rem;
}

.innertab_details_wrap .row {
    justify-content: center;
    display: flex;
}

.innertab_itembox.selected_item {
    border: 1px solid #1f76f0;
    box-shadow: 0px 6px 23px -2px #15a9ff99;
    color: #07c1a7;
}

.MetaBlockcss_buynow_ct {
    text-align: center;
}

.MetaBlockcss_buynow_ct>a {
    background: rgb(9 25 65);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    min-width: 160px;
    border: 0;
    padding: 9px 0px;
    border-radius: 5px;
    margin-bottom: 2rem;
}

#cryptocloneModal {
    padding-top: 10%;
}

.MetaBlockcss_buynow_ct .modal .modal-header {
    background-color: #fff !important;
    padding: 0;
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dde1e5;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.MetaBlockcss_buynow_ct .form-control:focus {
    border: 1px solid #529fffab;
    box-shadow: none;
    box-shadow: initial;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-header .close {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    opacity: 1;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: #d53937;
    width: 30px;
    height: 30px;
    border-radius: 27px;
}

.ccmodel_header {
    padding: 10px 0px;
}

.ccmodel_header h5 {
    font-size: 25px;
    font-weight: 700;
    color: #047077;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog {
    border-radius: 50px;
}

.MetaBlockcss_buynow_ct #cryptocloneModal .modal-dialog .modal-content {
    border-radius: 5px;
}

.MetaBlockcss_buynow_ct .MetaBlockcss_form_cta button {
    background-color: #ac3258;
    color: #fff;
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 600;
}

#cryptocloneModal ul.tags {
    padding: 0;
    text-align: left;
}

#cryptocloneModal ul.tags li {
    list-style: none;
    display: inline-block;
    background-color: #26ac62;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin: 2px;
    padding: 2px 10px;
    border-radius: 3px;
}

/*#nft-clone .innertabs_itemsarea{
  height: 425px;
    overflow-y: scroll;
}*/

#nft .innertabs_itemsarea .row {
    margin-bottom: 2rem;
}

.MetaBlockcc_cryptoclone_sprite {
    width: 110px;
    height: 110px;
    object-fit: none;
}

@media (min-width: 768px) {
    #cryptocloneModal .modal-dialog {
        max-width: 32%;
        margin: 30px auto;
    }
}

@media (max-width: 768px) {
    .innertabs_itemsarea {
        padding: 0;
        background-color: #f4f4f4;
        width: 100%;
        overflow-x: scroll;
    }
    .innertab_details_wrap {
        display: flex;
        align-items: baseline;
    }
    .MetaBlockcss_navtabs.nav-tabs>li {
        width: 329px;
    }
    .innertabs_itemsarea {
        height: auto !important;
    }
    #defi #innerTabs {
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: left;
    }
    #cryptocloneModal .modal-dialog {
        padding-top: 40%;
    }
    .MetaBlock_clonescriptstore_categories {
        padding: 100px 0px 20px 0px;
    }
}

#mainTabs {
    border: 0;
}

@media (max-width: 1440px) and (min-width: 1280px) {
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        text-align: center;
        border-radius: 50px;
    }
    #mainTabs {
        display: flex;
        justify-content: center;
        border: 0;
    }
    .MetaBlockcss_navtabs.nav-tabs>li>a {
        font-size: 14px;
    }
}

.innertab_itembox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.innertab_itembox input:checked~.checkmark,
.innertab_itembox:hover input~.checkmark,
.checkmark {
    background-color: #212529;
}

.checkmark {
    position: absolute;
    top: 2px;
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 2px solid #eee;
    border-radius: 50px;
    right: 3px;
}

.checkmark:after {
    left: 10px;
    top: 5px;
    width: 10px;
    height: 16px;
    border: solid #5efc50;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

.innertab_itembox.selected_item .checkmark:after {
    display: block;
}

label.block-check {
    display: block;
    margin-bottom: 0;
    margin-bottom: initial;
    font-weight: inherit;
}

.innertab_itembox {
    position: relative;
    overflow: hidden;
}

.innertab_itembox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
}

.innertab_itembox:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: 0.5s;
}

.innertab_itembox:hover:after {
    left: 100%;
}

/*=========================================NFT MARKETPLACE DEVELOPMENT=================================*/

.masthead-nftmarketplace-development {
    /*background: url(../images/inner-pages/nft_marketplace/banner-bg.png?v6) no-repeat;*/
    background: #fff;
    background-position: center center;
    height: 630px !important;
    margin-top: 73px;
}

.MetaBlock_nftmarketplace {
    padding: 50px 0px !important;
    background: #f4f5ff;
}

.masthead-nftmarketplace-development .header-content h1 {
    text-align: left;
    font-family: Raleway, sans-serif !important;
    font-weight: 900;
    font-size: 56px !important;
    /* font-style: italic; */
}

.masthead-nftmarketplace-development .header-content h1 span {
    color: #00e5ff;
}

.masthead-nftmarketplace-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
    width: 80%;
}

a.expert-btn {
    font-weight: 700;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 6px 16px -4px #f17841;
    line-height: 1.5;
    border-radius: 50px !important;
    border: 2px solid #fff;
}

.masthead-nftmarketplace-development a.expert-btn {
    background-color: #00e5ff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #08146a;
    box-shadow: 0px 6px 16px -4px #0e1116;
    line-height: 1.5;
}

.onfmarkis_title {
    font-weight: 700;
    font-size: 37px;
    line-height: 45px;
}

#nftmarki_intro {
    position: relative;
}

#nftmarki_intro:before {
    position: absolute;
    content: "";
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_what:before {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_what.png); */
    position: absolute;
    content: "";
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
}

#nftmarki_intro:after {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
    width: 80%;
}

#nftmarki_intro .onfmarkis_title {
    color: #0c1968;
}

#nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
    color: #0e143c;
    line-height: 30px;
}

#nftmarki_tokendev {
    /* background: url(../images/inner-pages/nft_marketplace/nfttoken_developmentbg.jpg) no-repeat; */
    position: relative;
}

.nfttoken_lt_sec img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
}

#nftmarki_tokendev .onfmarkis_title {
    color: #fff;
}

#nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
}

#nftmarki_uft {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
}

#nftmarki_uft:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: radial-gradient( circle at 50% 29%, rgb(50 60 73 / 57%) 54%, rgb(22 25 32) 130%);
    top: 0;
    opacity: 0.7;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
    color: #c7d0d7;
}

#nftmarki_uft .nftmarket_box {
    background: #ffffff05;
    border: 1px solid #ffffff1a;
    border-radius: 0;
    padding: 18px;
}

.nftmarket_box .nftmarketb_head {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}

.nftmarket_box .nftmarketb_desc {
    color: #d1d1d1;
    font-size: 14px;
    margin-top: 14px;
}

#nftmarki_what {
    /* background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background-position: left;
}

#nftmarki_what .onfmarkis_title {
    color: #0c1968;
    line-height: 58px;
}

#nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
    color: #0e143c;
    line-height: 30px;
}

#nftmarki_what {
    position: relative;
}

.nftwat_lt_sec img {
    position: absolute;
    top: 0;
    width: 38%;
    left: 0;
}

#nftmarket_placeft {
    /*background-image: linear-gradient(
323deg
, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 16.667%,rgba(46, 46, 46, 0.01) 16.667%, rgba(46, 46, 46, 0.01) 33.334%,rgba(226, 226, 226, 0.01) 33.334%, rgba(226, 226, 226, 0.01) 50.001000000000005%,rgba(159, 159, 159, 0.01) 50.001%, rgba(159, 159, 159, 0.01) 66.668%,rgba(149, 149, 149, 0.01) 66.668%, rgba(149, 149, 149, 0.01) 83.33500000000001%,rgba(43, 43, 43, 0.01) 83.335%, rgba(43, 43, 43, 0.01) 100.002%),linear-gradient(
346deg
, rgba(166, 166, 166, 0.03) 0%, rgba(166, 166, 166, 0.03) 25%,rgba(240, 240, 240, 0.03) 25%, rgba(240, 240, 240, 0.03) 50%,rgba(121, 121, 121, 0.03) 50%, rgba(121, 121, 121, 0.03) 75%,rgba(40, 40, 40, 0.03) 75%, rgba(40, 40, 40, 0.03) 100%),linear-gradient(
347deg
, rgba(209, 209, 209, 0.01) 0%, rgba(209, 209, 209, 0.01) 25%,rgba(22, 22, 22, 0.01) 25%, rgba(22, 22, 22, 0.01) 50%,rgba(125, 125, 125, 0.01) 50%, rgba(125, 125, 125, 0.01) 75%,rgba(205, 205, 205, 0.01) 75%, rgba(205, 205, 205, 0.01) 100%),linear-gradient(
84deg
, rgba(195, 195, 195, 0.01) 0%, rgba(195, 195, 195, 0.01) 14.286%,rgba(64, 64, 64, 0.01) 14.286%, rgba(64, 64, 64, 0.01) 28.572%,rgba(67, 67, 67, 0.01) 28.572%, rgba(67, 67, 67, 0.01) 42.858%,rgba(214, 214, 214, 0.01) 42.858%, rgba(214, 214, 214, 0.01) 57.144%,rgba(45, 45, 45, 0.01) 57.144%, rgba(45, 45, 45, 0.01) 71.42999999999999%,rgba(47, 47, 47, 0.01) 71.43%, rgba(47, 47, 47, 0.01) 85.71600000000001%,rgba(172, 172, 172, 0.01) 85.716%, rgba(172, 172, 172, 0.01) 100.002%),linear-gradient(
73deg
, rgba(111, 111, 111, 0.03) 0%, rgba(111, 111, 111, 0.03) 16.667%,rgba(202, 202, 202, 0.03) 16.667%, rgba(202, 202, 202, 0.03) 33.334%,rgba(57, 57, 57, 0.03) 33.334%, rgba(57, 57, 57, 0.03) 50.001000000000005%,rgba(197, 197, 197, 0.03) 50.001%, rgba(197, 197, 197, 0.03) 66.668%,rgba(97, 97, 97, 0.03) 66.668%, rgba(97, 97, 97, 0.03) 83.33500000000001%,rgba(56, 56, 56, 0.03) 83.335%, rgba(56, 56, 56, 0.03) 100.002%),linear-gradient(
132deg
, rgba(88, 88, 88, 0.03) 0%, rgba(88, 88, 88, 0.03) 20%,rgba(249, 249, 249, 0.03) 20%, rgba(249, 249, 249, 0.03) 40%,rgba(2, 2, 2, 0.03) 40%, rgba(2, 2, 2, 0.03) 60%,rgba(185, 185, 185, 0.03) 60%, rgba(185, 185, 185, 0.03) 80%,rgba(196, 196, 196, 0.03) 80%, rgba(196, 196, 196, 0.03) 100%),linear-gradient(
142deg
, rgba(160, 160, 160, 0.03) 0%, rgba(160, 160, 160, 0.03) 12.5%,rgba(204, 204, 204, 0.03) 12.5%, rgba(204, 204, 204, 0.03) 25%,rgba(108, 108, 108, 0.03) 25%, rgba(108, 108, 108, 0.03) 37.5%,rgba(191, 191, 191, 0.03) 37.5%, rgba(191, 191, 191, 0.03) 50%,rgba(231, 231, 231, 0.03) 50%, rgba(231, 231, 231, 0.03) 62.5%,rgba(70, 70, 70, 0.03) 62.5%, rgba(70, 70, 70, 0.03) 75%,rgba(166, 166, 166, 0.03) 75%, rgba(166, 166, 166, 0.03) 87.5%,rgba(199, 199, 199, 0.03) 87.5%, rgba(199, 199, 199, 0.03) 100%),linear-gradient(
238deg
, rgba(116, 116, 116, 0.02) 0%, rgba(116, 116, 116, 0.02) 20%,rgba(141, 141, 141, 0.02) 20%, rgba(141, 141, 141, 0.02) 40%,rgba(152, 152, 152, 0.02) 40%, rgba(152, 152, 152, 0.02) 60%,rgba(61, 61, 61, 0.02) 60%, rgba(61, 61, 61, 0.02) 80%,rgba(139, 139, 139, 0.02) 80%, rgba(139, 139, 139, 0.02) 100%),linear-gradient(
188deg
, rgba(227, 227, 227, 0.01) 0%, rgba(227, 227, 227, 0.01) 20%,rgba(105, 105, 105, 0.01) 20%, rgba(105, 105, 105, 0.01) 40%,rgba(72, 72, 72, 0.01) 40%, rgba(72, 72, 72, 0.01) 60%,rgba(33, 33, 33, 0.01) 60%, rgba(33, 33, 33, 0.01) 80%,rgba(57, 57, 57, 0.01) 80%, rgba(57, 57, 57, 0.01) 100%),linear-gradient(
90deg
, #212830,#010101);*/
    background-size: cover;
    background: #f2ecec;
}

#nftmarket_placeft .onfmarkis_title {
    text-align: center;
    color: #ec861d;
}

#nftmarket_placeft .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarketb_head {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

#nftmarket_placeft .nftmarket_box img {
    text-align: center;
    border: 3px solid #ecb21d;
    padding: 15px;
    margin-bottom: 1.5rem;
}

#nftmarket_placeft .nftmarket_box {
    text-align: center;
}

#nftmarket_placeft .row:nth-child(2) {
    margin-bottom: 2.5rem;
}

#nftmarki_markettechstack {
    /*background: url(../images/inner-pages/nft_marketplace/whatisnft_mp_bg.png) no-repeat;*/
    background: #fff;
    background-position: center;
    background-size: cover;
}

#nftmarket_topreason {
    position: relative;
    background-image: linear-gradient( 55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%, rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%, rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%, rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%, rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%), linear-gradient( 291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%, rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%, rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%), linear-gradient( 32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%, rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%, rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%, rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%), linear-gradient( 312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%, rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%, rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%), linear-gradient( 22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%, rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%, rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%, rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%, rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%), linear-gradient( 80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%, rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%, rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%), linear-gradient( 257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%, rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%, rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%), linear-gradient( 47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%, rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%, rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%), linear-gradient(90deg, #ffffff, #ffffff);
}

#nftmarki_markettechstack .onfmarkis_title {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap p {
    color: #000;
}

#nftmarki_markettechstack .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason:before {
    position: absolute;
    content: "";
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarket_topreason:after {
    position: absolute;
    content: "";
    background: linear-gradient( 0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarket_topreason .nftmarket_box .nftmarketb_head {
    color: #3d3d3d;
    font-size: 17px;
    font-weight: 600;
}

#nftmarket_topreason .nftmarket_box {
    padding: 15px 20px;
    border: 1px solid #acacac;
    background-color: #ffffff6e;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.nftmarket_box.nftmarket_art {
    min-height: 310px;
    background-size: cover;
    position: relative;
}

#nftmarket_artbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-01.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_fansportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-02.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_musicbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-03.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_realesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-04.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_vidclipbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-05.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_sportbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-06.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_gamesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-07.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_accesbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-08.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_domainbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-09.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_infrabg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-10.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicollectbg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-11.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_photobg {
    /* background: url(../images/inner-pages/nft_marketplace/nft-12.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_swlicense {
    /* background: url(../images/inner-pages/nft_marketplace/nft-13.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_xchange {
    /* background: url(../images/inner-pages/nft_marketplace/nft-14.jpg?v2) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_digicont {
    /* background: url(../images/inner-pages/nft_marketplace/nft-15.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

#nftmarket_investcollat {
    /* background: url(../images/inner-pages/nft_marketplace/nft-16.jpg) no-repeat; */
    background-size: cover;
    border-radius: 20px;
}

.nftmarketbox_wrap {
    position: absolute;
    bottom: -9px;
    text-align: center;
    padding: 17px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.nftmarket_box.nftmarket_art:before {
    background: linear-gradient(180deg, rgba(5, 49, 126, 0) 33.54%, #05317e 100%);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    border-radius: 20px;
}

.nftmarket_box.nftmarket_art .nftmarketb_head {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_fields {
    background-color: #14171c;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #0c1968;
}

#nftmarki_fields .MetaBlocknftmarki_sec_titlewrap p {
    color: #0e143c;
}

#nftmarki_fields .row:nth-child(2),
#nftmarki_fields .row:nth-child(3),
#nftmarki_fields .row:nth-child(4) {
    margin-bottom: 3rem;
}

#nftmarki_whyMetaBlock {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png?v1) no-repeat; */
    background-size: cover;
    background-position: center;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px;
    border: 2px solid #ff8f1c;
    margin-bottom: 35px;
    min-height: 90px;
    background-color: #ffd6bb0f;
    border-radius: 8px;
}

/*.nftwhyMetaBlock_box img{
position: absolute;
    right: -26px;
    top: -22px;
    border: 3px solid #ff8f1c;
    border-radius: 50px;
    background-color: #181614;
}*/

#nftmarki_whyMetaBlock .row {
    margin-bottom: 1rem;
}

.nftmarki_whysprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

.nftwhyMetaBlock_box .nftwhyMetaBlock_head {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #ec861d;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_whyMetaBlock .MetaBlocknftmarki_sec_titlewrap p a {
    color: #fff;
}

a.osimarknftcta_btn {
    background-color: #ffcf33;
    text-align: center;
    padding: 10px 19px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.osimarknft_cta {
    text-align: center;
}

#nftmarki_marketplatform {
    position: relative;
}

#nftmarki_marketplatform .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #ec861d;
    opacity: 1;
    display: inline-block;
    margin: 3px;
}

#nftmarki_marketplatform .owl-dots {
    margin: 30px 2px 0px 2px;
}

#nftmarki_pl1 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl2 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl3 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl4 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl5 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl6 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl7 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl8 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-08.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl9 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-09.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl10 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl11 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-11.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl12 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-12.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl13 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-13.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl14 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-14.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl15 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-15.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl16 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl17 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-17.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl18 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-18.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl19 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-19.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl20 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-20.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl21 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-21.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl25 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl26 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl27 {
    /* background: url(../images/inner-pages/nft_marketplace/nftfields-16.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl28 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-01.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl29 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-02.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl30 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-03.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl31 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-04.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl32 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-05.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl33 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-06.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl34 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_pl35 {
    /* background: url(../images/inner-pages/nft-game-development/nftfields-07.jpg?v2) no-repeat; */
    background-size: cover;
}

#nftmarki_marketplatform .nftmarket_box {
    height: 310px;
    width: 290px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
}

#nftmarki_fields:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0.8;
}

#nftmarki_fields {
    /*background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat;*/
    position: relative;
    background-size: cover;
    background: #fff;
}

/*#nftmarki_marketplatform .nftmarket_box:before {
    background: linear-gradient( 
0deg
 , rgb(32 33 55) 14%, rgb(3 4 5 / 0%) 100.51%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
}*/

#nftmarki_marketplatform .nft_marketb_wrap {
    background-color: #14202dde;
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #1e1e1e;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
    color: #333333;
}

#nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap {
    text-align: left;
}

#nftmarki_marketplatform:before {
    position: absolute;
    content: "";
    /* background: url(../images/inner-pages/nft_marketplace/intro_bg.png) no-repeat; */
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: top;
    z-index: -1;
    opacity: 0.6;
}

#nftmarki_marketplatform:after {
    position: absolute;
    content: "";
    background: linear-gradient( 0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 67%) 100.51%);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#nftmarki_marketplatform .nft_marketb_wrap .nftmarki_bxplatform {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

#nftmarki_marketplatform .owl-dots {
    display: flex;
    justify-content: center;
}

#nftmarki_marketplatform .owl-nav {
    position: absolute;
    top: -80px;
    right: 0;
    display: flex;
}

#nftmarki_marketplatform .owl-nav .owl-prev,
#nftmarki_marketplatform .owl-nav .owl-next {
    border: 3px solid #000;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#nftmarki_intro .row{
    display: flex;
    align-items: center;
}*/

.nftmarki_sprite1 {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.nftmarki_sprite2 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 3rem;
}

#nftmarki_intro {
    padding: 0;
}

#nftmarki_whitelablesln {
    /* background : linear-gradient(0deg, rgba(22, 28, 76, 1) 0%, rgba(103, 45, 145, 1) 100%);*/
    background: #fff;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap {
    color: #000;
}

#nftmarki_whitelablesln .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
    color: #000;
}

#nftmarki_developmentprocess {
    /* background: url(../images/inner-pages/nft_marketplace/nftmarkbg.jpg) no-repeat; */
    position: relative;
    background-size: cover;
}

#nftmarki_developmentprocess .onfmarkis_title {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap p {
    color: #fff;
}

#nftmarki_developmentprocess .MetaBlocknftmarki_sec_titlewrap {
    text-align: center;
}

#nftmarki_developmentprocess .row {
    display: flex;
    justify-content: center;
}

#nftmarketplace_tab {
    display: flex;
    justify-content: center;
    border: 0;
}

.nft-market-tabselectul {
    background-color: #1d2023;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: 1px solid #353535;
}

#nftmarketplace_tab.nav-tabs>li.active>a,
#nftmarketplace_tab.nav-tabs>li.active>a:focus,
#nftmarketplace_tab.nav-tabs>li.active>a:hover {
    background-color: #00000038;
    border: 0;
    border-bottom: 5px solid #ff9905;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

#nftmarketplace_tab.nav-tabs>li>a {
    font-weight: 500;
    font-size: 18px;
    border: 0;
    border-bottom: 5px solid #1d202300;
    color: #ffffff6b;
}

#nftmarketplace_tab.nav>li>a:focus,
#nftmarketplace_tab.nav>li>a:hover {
    text-decoration: none;
    background-color: #00000066;
}

.nft-market-tabcontul {
    background-color: #161616;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tabpane_nfttabswrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.tabpane_nfttabswrap .tpnft_box {
    text-align: center;
    width: 100px;
    height: 116px;
    background-color: #ffffff08;
    margin: 0px 5px;
    border-radius: 4px;
    border: 1px solid #2d2d2d;
    padding: 10px 0px;
}

.tabpane_nfttabswrap .tpnft_head {
    color: #eaf4ff;
    font-size: 15px;
    margin: 5px 0px;
    font-weight: 500;
}

#nftmarketplace_tab.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

.nftmarkitech_sprite {
    width: 60px;
    height: 60px;
    object-fit: none;
}

@media (max-width: 767px) {
    .masthead-nftmarketplace-development .header-content h1 {
        font-weight: 900;
        font-size: 33px !important;
        text-align: center;
    }
    .masthead-nftmarketplace-development .heading-tagline {
        width: 100%;
    }
    .masthead-nftmarketplace-development {
        background-position: left;
        height: 489px !important;
    }
    .nftmarkibanner_cta {
        text-align: center;
    }
    #nftmarki_intro .onfmarkis_title {
        font-weight: 700;
        font-size: 25px;
        text-align: center;
    }
    #nftmarki_intro .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .MetaBlock_nftmarketplace {
        padding: 30px 0px;
    }
    .onfmarkis_title {
        text-align: center;
        font-size: 22px;
    }
    #nftmarki_tokendev .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    .nfttoken_lt_sec img {
        display: none;
    }
    #nftmarki_uft .MetaBlocknftmarki_sec_titlewrap p {
        text-align: center;
    }
    #nftmarki_uft .nftmarket_box {
        margin-bottom: 1rem;
    }
    .nftwat_lt_sec img {
        display: none;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap p {
        text-align: justify;
    }
    #nftmarket_placeft .nftmarket_box {
        text-align: center;
        margin-bottom: 1rem;
    }
    .nftmarket_box.nftmarket_art {
        margin-bottom: 2rem;
    }
    #nftmarki_marketplatform .owl-nav {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
    }
    #nftmarki_marketplatform .nftmarket_box {
        height: 310px;
        width: auto;
    }
    #nftmarki_marketplatform .owl-nav {
        margin-top: 1rem;
        justify-content: center;
    }
    #nftmarki_marketplatform .owl-dots {
        margin: 5px 2px 0px 2px;
    }
    #nftmarki_marketplatform .MetaBlocknftmarki_sec_titlewrap p {
        color: #333333;
        text-align: center;
    }
    #nftmarki_whyMetaBlock {
        /* background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #nftmarket_topreason .MetaBlocknftmarki_sec_titlewrap .onfmarkis_title {
        font-weight: 700;
        font-size: 22px;
    }
    #nftmarki_marketplatform .owl-dots .owl-dot.active span {
        background-color: #000;
    }
    #nftmarki_what {
        background-size: cover;
    }
    .tabpane_nfttabswrap {
        overflow-x: scroll;
    }
    #nftmarketplace_tab {
        display: block;
    }
    #nftmarketplace_tab.nav-tabs>li {
        float: none;
    }
    #nftmarketplace_tab.nav>li>a {
        text-align: center;
    }
    .tabpane_nfttabswrap .tpnft_box {
        min-width: 90px;
        width: auto;
        min-height: 135px;
    }
    .tabpane_nfttabswrap {
        justify-content: left;
    }
    .nftwhyMetaBlock_box img {
        position: static;
        position: initial;
    }
    .nftwhyMetaBlock_box .nftwhyMetaBlock_head {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-left: 8px;
    }
    #nftmarki_whyMetaBlock .nftwhyMetaBlock_box {
        min-height: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 1440px) and (min-width: 1280px) {
    #nftmarki_whyMetaBlock {
        /*background: url(../images/inner-pages/nft_marketplace/nftmarki_whyMetaBlockbg.png) no-repeat;*/
        background-size: cover;
        background-position: center;
        background: #fff;
    }
}

/*==================================PANCAKESWAP CLONE SCRIPT===============================*/

.masthead-pancakesclo-development {
    /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
    background-position: right;
    height: 665px !important;
}

.masthead-pancakesclo-development .header-content h1 {
    font-weight: 900;
    font-size: 48px !important;
    text-align: left;
    font-family: Raleway, sans-serif !important;
    text-transform: uppercase;
}

.masthead-pancakesclo-development .heading-tagline {
    text-align: left;
    color: #b8d3ea;
    font-weight: 600;
    text-transform: capitalize;
}

.masthead-pancakesclo-development .header-content h1 span {
    color: #fea901;
}

.masthead-pancakesclo-development .heading-tagline {
    color: #fff2d9;
}

.masthead-pancakesclo-development .header-content p {
    color: #dbd7ce;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.masthead-pancakesclo-development .header-content {
    margin-top: 9rem;
}

.masthead-pancakesclo-development .header-content a.expert-btn {
    background: -webkit-linear-gradient(271deg, #ffd86b, #542b08);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 235px;
    color: #fff;
    box-shadow: 0px 2px 16px -4px #e6ba3e;
    line-height: 1.5;
}

.MetaBlock_panckeswapclo {
    padding: 50px 0px;
}

.pancswap_title {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 2rem;
    text-transform: capitalize;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_intro {
    /* background: url(../images/inner-pages/pancaksswap-clone/intro-bg.png) no-repeat; */
    background-size: contain;
    background-position: left;
}

#pancswap_intro .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;
}

#pancswap_featuresnew .pancswap_bft_box .pancswapb_head {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_features .row {
    display: flex;
    align-items: center;
}

#pancswap_featuresnew .pancswap_bft_box {
    text-align: center;
}

#pancswap_featuresnew .row {
    margin-bottom: 3rem;
}

#pancswap_featuresnew .row:nth-child(5) {
    margin-bottom: 0rem;
    display: flex;
    justify-content: center;
}

#pancswap_featuresnew {
    background-color: #000;
}

.panft_sprite {
    width: 70px;
    height: 70px;
    object-fit: none;
    margin-bottom: 1rem;
}

#pancswap_featuresnew .pancswap_title {
    text-align: center;
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.MetaBlock_panckeswapclo .pancswapb_head {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    margin-left: 6px;
    margin: 2px 4px;
}

#pancswap_bftofpc .pancswap_bft_box .pancswapb_head {
    display: flex;
    align-items: baseline;
}

#pancswap_bftofpc .pancswap_bft_box {
    display: flex;
    align-items: center;
}

#pancswap_bft {
    background: rgb(32, 32, 32);
    background: radial-gradient( circle, rgba(32, 32, 32, 1) 8%, rgba(0, 0, 0, 1) 100%);
    position: relative;
}

#pancswap_bft:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    /* background: url(../images/inner-pages/pancaksswap-clone/springbg.png) no-repeat; */
    background-size: contain;
    background-position: center;
    opacity: 0.1;
}

.pcs_container_swap {
    padding: 0px 80px;
}

#pancswap_bft .pancswap_title {
    background: linear-gradient(94.84deg, #fea901 1.15%, #f7e3a5 101.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#pancswap_bft .pancswap_desc {
    color: #ddcfc1;
    width: 60%;
    margin: 19px auto;
    line-height: 1.5;
}

#pancswap_bft .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_bft .row:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pancswap_bft_wrap ul {
    padding: 0;
}

.pancswap_bft_wrap ul li {
    list-style: none;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    text-align: left;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: right;
    color: #eab53f;
    margin-bottom: 0.6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
    text-align: right;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_desc {
    color: #cbcbcb;
}

.pancswap_bftrt_wrap .pancswap_bft_box .pancswapb_head {
    text-align: left;
    color: #eab53f;
    margin-bottom: 0.6rem;
}

.pancswap_bftlt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

.pancswap_bftrt_wrap .pancswap_bft_box {
    background-color: #0006;
    border: 1px solid #474747;
    padding: 15px 22px;
    margin-bottom: 2rem;
}

#pancswap_features {
    /*background: url(../images/inner-pages/pancaksswap-clone/pancswapfeatures_bg.jpg) no-repeat;*/
    background-size: cover;
}

#pancswap_features .pancswap_sec_titlewrap p {
    text-align: justify;
}

.pancswapb_ftsec {
    display: flex;
}

.pancswapb_ftsec ul {
    padding: 0;
    display: inline-block;
    padding-right: 10px;
}

.pancswapb_ftsec .pancswapb_desc {
    font-size: 14px;
    font-weight: 500;
}

.pancswapb_ftsec ul li {
    list-style: none;
}

#pancswap_features .pancswapb_head {
    font-size: 18px;
    font-weight: 700;
    color: #ee8400;
    text-align: left;
    margin-bottom: 0.5rem;
}

.pancswapb_ftsec .pancswap_bft_box {
    margin-bottom: 1rem;
}

#pancswap_wallet {
    /* background: url(../images/inner-pages/pancaksswap-clone/wallet-bg.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_wallet .pancswap_bft_box {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ffaf3412;
    border: 1px solid #c16f2f;
    border-radius: 5px;
}

#pancswap_wallet .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_wallet .pancswap_sec_titlewrap p {
    color: #ddcfc1;
    text-align: center;
}

#pancswap_wallet .pancakewallet_wrap {
    text-align: center;
}

#pancswap_rewards {
    /*background: url(../images/inner-pages/pancaksswap-clone/reward_multipliers.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
}

#pancswap_rewards .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head {
    color: #ffd3ae;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

#pancswap_rewards .pancswap_bft_box .pancswapb_head span {
    display: block;
    font-weight: 300;
}

#pancswap_rewards .pancswap_bft_box {
    display: inline-block;
    padding: 10px;
    text-align: left;
    background: linear-gradient(90deg, rgb(75 40 29) 0%, rgb(52 19 9) 100%);
    border-radius: 4px;
    border: 1px solid #cf8b00;
    margin-bottom: 1rem;
    min-width: 145px;
}

#pancswap_clonesoftware {
    /*background-image: radial-gradient(circle at 21% 44%, rgba(23, 23, 23,0.05) 0%, rgba(23, 23, 23,0.05) 50%,rgba(109, 109, 109,0.05) 50%, rgba(109, 109, 109,0.05) 100%),radial-gradient(circle at 21% 96%, rgba(92, 92, 92,0.05) 0%, rgba(92, 92, 92,0.05) 50%,rgba(199, 199, 199,0.05) 50%, rgba(199, 199, 199,0.05) 100%),radial-gradient(circle at 25% 37%, rgba(230, 230, 230,0.05) 0%, rgba(230, 230, 230,0.05) 50%,rgba(25, 25, 25,0.05) 50%, rgba(25, 25, 25,0.05) 100%),linear-gradient(
90deg
, rgb(77 26 0),rgb(223 124 0));*/
    padding: 10px 0px;
}

#pancswap_clonesoftware .row {
    display: flex;
    align-items: center;
}

#pancswap_clonesoftware .pancswap_title {
    color: #fff;
}

#pancswap_clonesoftware .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: justify;
}

#pancswap_bftofpc {
    /*background-image: linear-gradient(135deg, transparent 0%, transparent 6%,
    rgba(71, 71, 71,0.04) 6%, rgba(71, 71, 71,0.04) 22%,transparent 22%, 
    transparent 100%),linear-gradient(45deg, transparent 0%, transparent 20%,
    rgba(71, 71, 71,0.04) 20%, rgba(71, 71, 71,0.04) 47%,transparent 47%, transparent 100%),
    linear-gradient(135deg, transparent 0%, transparent 24%,rgba(71, 71, 71,0.04) 24%, 
    rgba(71, 71, 71,0.04) 62%,transparent 62%, transparent 100%),linear-gradient(45deg, 
    transparent 0%, transparent 73%,rgba(71, 71, 71,0.04) 73%, rgba(71, 71, 71,0.04) 75%,
    transparent 75%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));*/
}

#pancswap_bftofpc .pancswap_sec_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#pancswap_bftofpc .pancswapb_head {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-align: left;
}

#pancswap_bftofpc .pancswap_title {
    color: #fff;
    font-size: 30px;
}

#pancswap_bftofpc .pancswap_bft_box {}

#pancswap_currency {
    /*background: url(../images/inner-pages/pancaksswap-clone/currencybg.png) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_currency .pancswap_sec_titlewrap {
    text-align: center;
}

#pancswap_currency .pancswapb_head {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

#pancswap_whydex {
    /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat;*/
    background-position: center;
    background-size: cover;
}

#pancswap_whydex .pancswap_title {
    color: #fff;
    text-align: center;
}

#pancswap_whydex .pancswap_sec_titlewrap p {
    color: #fff;
    text-align: left;
}

#pancswap_whydex .row {
    justify-content: center;
    display: flex;
}

#pancswap_dexbin {
    /*  background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-binnace.jpg) no-repeat;*/
    background-position: right;
    background-size: cover;
}

#pancswap_dexbin .pancswap_title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 2rem;
    color: #fff;
    text-align: center;
}

#pancswap_dexbin .pancswap_sec_titlewrap p {
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.pancswap_sec_titlewrap p,
.pancswap_desc {
    font-size: 15px;
    margin-bottom: 8px;
    text-align: left;
}

.pancakebox_wrap {
    text-align: center;
}

.pancakeswap_coins {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#pancswap_currency .pancswap_bft_box {
    text-align: center;
}

.pancswap_dexbin_btn {
    display: flex;
    align-items: center;
}

.pancswap_dexbin_btn.watsp {
    background-color: #20a652;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    margin-right: 10px;
}

.pancswap_dexbin_btn.tgrm {
    background-color: #0083db;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn i {
    font-size: 27px;
    margin-right: 5px;
}

.pancakeswap_socialccta .pancswap_dexbin_btn img {
    margin-right: 5px;
}

.pancakeswap_socialccta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pancakeswap_socialccta img {
    width: 25px;
    background-color: #fff;
    border-radius: 50px;
    padding: 4px;
}

@media (max-width: 767px) {
    .masthead-pancakesclo-development {
        /* background: url(../images/inner-pages/pancaksswap-clone/pancakeswap-bg.jpg) no-repeat; */
        background-position: left;
        height: 665px !important;
        background-size: cover !important;
    }
    .masthead-pancakesclo-development .header-content h1 {
        font-weight: 900;
        font-size: 40px !important;
        text-align: center;
        font-family: Raleway, sans-serif !important;
        text-transform: uppercase;
        line-height: 1.1;
    }
    .masthead-pancakesclo-development .header-content p {
        text-align: center;
    }
    .MetaBlock_panckeswapclo {
        padding: 20px 0px;
    }
    .pancswap_title {
        font-size: 22px;
        text-align: center;
        line-height: 1.3;
        text-transform: capitalize;
    }
    #pancswap_bftofpc .pancswap_title {
        color: #fff;
        font-size: 24px;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap {
        text-align: center !important;
    }
    #pancswap_bftofpc .pancswap_sec_titlewrap p {
        text-align: center !important;
    }
    .pancswap_sec_titlewrap p,
    .pancswap_desc {
        font-size: 18px;
        text-align: justify;
    }
    #pancswap_features .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_features .pancswap_dexbin_btn.watsp {
        justify-content: center;
    }
    #pancswap_features .pancswap_dexbin_btn.tgrm {
        justify-content: center;
    }
    #pancswap_intro {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    #pancswap_bft .pancswap_desc {
        color: #ddcfc1;
        width: 100%;
    }
    #pancswap_bft .row:nth-child(2) {
        display: block;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_head {
        text-align: left;
    }
    .pancswap_bftlt_wrap .pancswap_bft_box .pancswapb_desc {
        text-align: left;
    }
    #pancswap_features {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
    }
    .pancswapb_ftsec {
        display: block;
    }
    #pancswap_wallet .pancswap_bft_box {
        display: block;
        padding: 10px 15px;
        background-color: #ffaa343d;
        border: 1px solid #b8682afa;
        border-radius: 5px;
        margin-bottom: 1rem;
    }
    #pancswap_rewards .pancakebox_wrap {
        text-align: center;
    }
    #pancswap_whydex {
        /* background: url(../images/inner-pages/pancaksswap-clone/whitelabel.jpg) no-repeat; */
        background-position: center;
        background-size: cover;
    }
    #pancswap_dexbin {
        background-position: left;
        background-size: cover;
    }
    #pancswap_dexbin .pancswap_title {
        font-weight: 700;
        font-size: 20px;
    }
    #pancswap_dexbin .pancakeswap_socialccta {
        display: block;
    }
    #pancswap_dexbin .pancswap_dexbin_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pancswap_dexbin_btn.watsp {
        margin-right: 0px;
        margin-bottom: 1rem;
    }
    #pancswap_featuresnew .row:nth-child(5) {
        display: block;
    }
}

.cxscommon_ctrl p {
    margin-bottom: 0;
}

#cxsbannner {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/banner.png) no-repeat; */
    background-size: contain;
    background-position: top;
}

#cxsbannner .header-content h1 {
    text-align: left;
    font-size: 39px !important;
    font-weight: 700;
}

header#cxsbannner {
    /*height: 580px !important;*/
}

#cxsbannner .heading-tagline {
    text-align: left;
    font-size: 17px;
}

#cxsbannner a.expert-btn {
    background-color: #1cbec9;
    border: 0;
    border-radius: 0 !important;
    color: #fff;
    box-shadow: none;
    box-shadow: initial;
    font-size: 16px;
    min-width: 200px;
}

.cxscommon_ctrl {
    padding: 50px 0px;
}

#cxs_intro {
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/intro-bg.jpg); */
    text-align: center;
}

.MetaBlockcxs_sec_titlewrap .oncxs_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 3rem;
    margin-top: 0rem;
    text-transform: capitalize;
}

#cxs_whatis {
    /*background-color: #1b334d;*/
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #282828;
}

#cxs_whatis .MetaBlockcxs_sec_titlewrap p {
    color: black;
    margin-bottom: 0;
}

#cxs_whitelabel {
    background-size: cover;
    /* background: url(../images/inner-pages/cryptocurrency-exchange-script/cxs_whitelabel_bg.png) no-repeat; */
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_whitelabel .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#cxs_fts {
    background-color: #1b334d;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap p {
    color: #fff;
}

#MetaBlockcxstabs.nav-tabs>li.active>a {
    border-radius: 50px;
    color: #0d233b;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a {
    border-radius: 50px;
    color: #95a5b6;
    font-weight: 600;
    font-size: 20px;
    min-width: 146px;
    text-align: center;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li>a:hover {
    background-color: #081d35;
    border: 0;
}

#MetaBlockcxstabs.nav-tabs>li.active>a:hover {
    background-color: #fff;
}

#MetaBlockcxstabs.nav-tabs {
    border-bottom: 0px solid #ddd;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 2rem;
}

#MetaBlockcxstabs {
    background-color: #0f2135;
    padding: 7px;
    border-radius: 50px;
}

#cxs_fts .MetaBlockcxs_sec_titlewrap {
    text-align: center;
}

#cxs_fts .ocsxt_box {
    display: inline-block;
    padding: 15px;
    background-color: #29a0cf;
    min-width: 200px;
    border-radius: 2px;
}

#cxs_fts .ocsx_head {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

#cxs_fts .tab-content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#cxs_benefits .ocsxt_box .ocsx_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-left: 10px;
}

#cxs_benefits {
    background-color: #f6faff;
}

#cxs_benefits .ocsxt_box {
    border: 1px solid #cddff2;
    background-color: #fff;
    padding: 15px;
    /*min-height: 190px;*/
    margin-bottom: 3rem;
    box-shadow: 0 8px 9px -10px #1b334d;
    display: flex;
    align-items: center;
}

#cxs_benefits .ocsx_desc {
    color: #5e6f83;
}

#cxs_benefits .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #1b334d;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch {
    background-color: #1b334d;
}

#cxs_cryptlaunch .MetaBlockcxs_sec_titlewrap .oncxs_title {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem;
}

#cxs_cryptlaunch .ocsx_head {
    color: #7fdbff;
    font-weight: 600;
    min-height: 45px;
    text-align: center;
}

#cxs_cryptlaunch .ocsx_desc {
    color: #d7ecf4;
    text-align: center;
    font-size: 15px;
}

#cxs_cryptlaunch .ocsxt_box {
    border: 1px solid #3e5268;
    padding: 15px;
    min-height: 260px;
    background-color: #00000047;
    text-align: center;
}

#cxs_whycrypt {
    background-color: #1782ac;
}

#cxs_whycrypt .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}

#cxs_whycrypt .ocsxt_box .ocsx_head {
    color: #dff6ff;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

#cxs_clonescripts {
    background-color: #1b334d;
}

#cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
    text-align: left;
    color: #c7efff;
    font-size: 25px;
}

#cxs_clonescripts .ocsxt_box {
    background: linear-gradient( 179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
    padding: 20px 15px;
    text-align: center;
    border-radius: 4px;
    min-height: 235px;
}

#cxs_clonescripts .ocsxt_box .ocsx_head {
    color: #08233f;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1rem;
}

#cxs_clonescripts .ocsxt_box .ocsx_desc {
    color: #373b3f;
    font-size: 16px;
}

#cxs_clone_carousel .owl-nav {
    position: absolute;
    top: -73px;
    right: 0;
}

#cxs_clone_carousel .owl-nav .owl-prev,
#cxs_clone_carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 32px;
    background-color: #07182b;
    border: 3px solid #658ebf;
}

#cxs_clone_carousel .owl-nav .owl-prev i {
    font-size: 24px;
    color: #7eade6;
    padding-right: 3px;
}

#cxs_clone_carousel .owl-nav .owl-next i {
    font-size: 24px;
    color: #7eade6;
    padding-left: 4px;
}

#cxs_clone_carousel .owl-dots {
    padding-top: 3rem;
}

.cxsclone_wrap {
    padding: 0px 30px;
}

.sprite1 {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-bottom: 1rem;
}

.sprite2 {
    width: 60px;
    height: 60px;
    object-fit: none;
    margin-bottom: 1rem;
}

#cxs_whycrypt .ocsxt_box {
    text-align: center;
}

.sprite3 {
    width: 60px !important;
    height: 60px !important;
    object-fit: none;
    margin-bottom: 1rem;
}

.btn.cbwatsapp {
    background-color: #1a9a49;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.btn.cbtelegram {
    background-color: #0097cf;
    color: #fff;
    font-weight: 700;
}

#cxs_intro .cxs_btn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.cxs_btn .cxsbtn_box i {
    font-size: 25px;
}

.cxs_btn .cxsbtn_box a.btn {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    #cxs_intro .cxs_btn {
        display: block;
    }
    .btn.cbwatsapp {
        margin-bottom: 10px;
    }
    .MetaBlockcxs_sec_titlewrap .oncxs_title {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.5;
    }
    #cxs_whitelabel {
        background-size: cover;
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial;
        background-color: #1782ac;
        background-position: bottom;
    }
    #MetaBlockcxstabs.nav-tabs>li.active>a {
        font-size: 16px;
        min-width: auto;
    }
    #MetaBlockcxstabs.nav-tabs>li>a {
        font-size: 15px;
        min-width: auto;
        padding: 4px;
    }
    #MetaBlockcxstabs {
        padding: 5px;
    }
    .ocsx_tab_wrap {
        text-align: center;
    }
    #cxs_fts .ocsxt_box {
        display: inline-block;
        padding: 7px;
        background-color: #29a0cf;
        min-width: 330px;
        border-radius: 2px;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cxsclone_wrap {
        padding: 0px;
    }
    #cxs_cryptlaunch .ocsxt_box {
        min-height: auto;
        margin-bottom: 1.3rem;
    }
    #cxs_whycrypt .ocsxt_box {
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #cxs_clone_carousel .owl-nav {
        position: static;
        position: initial;
        top: -73px;
        right: 0;
    }
    #cxs_clone_carousel .owl-dots {
        display: none;
    }
    #cxs_clonescripts .MetaBlockcxs_sec_titlewrap .oncxs_title {
        text-align: center;
    }
    #cxsbannner .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        font-weight: 700;
    }
    .header-content {
        text-align: center;
    }
    #cxsbannner {
        background-position: left;
    }
}

@media (max-width: 1280px) and (max-width: 1440px) {
    #cxs_clonescripts .ocsxt_box {
        background: linear-gradient( 179deg, rgba(255, 255, 255, 1) 44%, rgb(217 217 217) 100%);
        padding: 20px 15px;
        text-align: center;
        border-radius: 4px;
        min-height: 300px;
    }
}

header.masthead-sportsbet .header-content {
    text-align: left;
    padding-top: 90px;
}

header.masthead-sportsbet .header-content h1 {
    font-size: 45px !important;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px !important;
    color: #fff;
}

header.masthead-sportsbet .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

header.masthead-sportsbet .header-content .expert-btn {
    background: #ff5aae;
    color: #ffffff;
    border: 1px solid #ff76bc;
}

header.masthead-sportsbet .sportbet_hero_img img {
    position: absolute;
    max-width: none;
    right: 0;
    left: 0;
}

header.masthead-sportsbet {
    overflow: hidden;
}

.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.MetaBlock_sportsbet {
    padding: 30px 0px 30px 0px;
}

.MetaBlock_sportsbet .onfsportsbet_title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p,
.MetaBlock_sportsbet .MetaBlocksportbet_box p {
    margin-bottom: 0;
}

#sportsbet_ftsec {
    background-image: radial-gradient( circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient( circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient( circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient( circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient( circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(176deg, rgb(37, 56, 222), rgb(96, 189, 244));
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_ftsec .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    color: #fff;
}

#sportsbet_ftsec .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 31rem;
}

#sportsbet_ftsec .MetaBlocksportbet_box .onfsportsbe_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

#sportsbet_btsec {
    background-image: radial-gradient( circle at center center, rgba(217, 217, 217, 0.05) 0%, rgba(217, 217, 217, 0.05) 15%, rgba(197, 197, 197, 0.05) 15%, rgba(197, 197, 197, 0.05) 34%, rgba(178, 178, 178, 0.05) 34%, rgba(178, 178, 178, 0.05) 51%, rgba(237, 237, 237, 0.05) 51%, rgba(237, 237, 237, 0.05) 75%, rgba(138, 138, 138, 0.05) 75%, rgba(138, 138, 138, 0.05) 89%, rgba(158, 158, 158, 0.05) 89%, rgba(158, 158, 158, 0.05) 100%), radial-gradient( circle at center center, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 31%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 92%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 97%, rgb(255, 255, 255) 100%);
    background-size: 42px 42px;
}

#sportsbet_btsec .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_btsec .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_btsec .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_btsec .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_hwitwrks {
    background-image: radial-gradient( circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient( circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient( circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient( circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient( circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, rgb(34, 222, 237), rgb(135, 89, 215));
    padding-bottom: 70px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 28rem;
    position: relative;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:before {
    position: absolute;
    width: 3px;
    height: 41px;
    content: "";
    background-color: #fff;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box:after {
    position: absolute;
    width: 30px;
    height: 30px;
    content: "";
    background-color: #ff3b84;
    bottom: -44px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 50px;
    border: 4px solid #fff;
}

#sportsbet_hwitwrks .MetaBlocksportbet_box span {
    background-color: #2d39cc;
    width: 25px;
    height: 25px;
    padding: 0px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
}

#sportsbet_hwitwrks .MetaBlocksportsbet_titlewrap {
    margin-bottom: 3rem;
}

#sportsbet_hwitwrks .row:nth-child(2) {
    position: relative;
}

#sportsbet_hwitwrks .row:nth-child(2):before {
    position: absolute;
    width: 100%;
    height: 3px;
    content: "";
    bottom: 0;
    border: none;
    border-top: 4px dotted #fff;
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

.ocean {
    background-image: linear-gradient( 135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient( 45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient( 135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient( 45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box {
    background-color: #663784;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 33rem;
    position: relative;
    text-align: center;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_typesofsportsbit .MetaBlocksportbet_box p {
    color: #e2e5f8;
}

#sportsbet_appdev {
    overflow: hidden;
    position: relative;
    background: rgb(17, 22, 32);
    background: linear-gradient( 180deg, rgb(72 125 232 / 81%) 0%, rgb(255 76 167 / 62%) 100%);
}

#sportsbet_appdev:before {
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
    /* background: url(../images/inner-pages/sports-betting/sports-bg.jpg) no-repeat; */
    background-size: cover;
    top: 0;
    filter: blur(2px);
    z-index: -1;
    background-position: center;
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game01 {
    /* background: url(../images/inner-pages/sports-betting/games-01.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game02 {
    /* background: url(../images/inner-pages/sports-betting/games-02.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game03 {
    /* background: url(../images/inner-pages/sports-betting/games-03.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game04 {
    /* background: url(../images/inner-pages/sports-betting/games-04.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game05 {
    /* background: url(../images/inner-pages/sports-betting/games-05.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game06 {
    /* background: url(../images/inner-pages/sports-betting/games-06.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game07 {
    /* background: url(../images/inner-pages/sports-betting/games-07.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game08 {
    /* background: url(../images/inner-pages/sports-betting/games-08.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game09 {
    /* background: url(../images/inner-pages/sports-betting/games-09.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game10 {
    /* background: url(../images/inner-pages/sports-betting/games-10.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game11 {
    /* background: url(../images/inner-pages/sports-betting/games-11.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game12 {
    /* background: url(../images/inner-pages/sports-betting/games-12.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportbet_box#sportsbet_game13 {
    /* background: url(../images/inner-pages/sports-betting/games-13.jpg) no-repeat; */
}

#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_appdev .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_appdev .MetaBlocksportbet_box {
    background-size: cover !important;
    padding: 20px;
    text-align: right;
    border-radius: 4px;
    margin-bottom: 1rem;
    position: relative;
    z-index: 0;
    box-shadow: 0 5px 7px -2px #ff83da;
}

#sportsbet_appdev .MetaBlocksportbet_box:before {
    background: linear-gradient( 270deg, rgb(17 22 32 / 81%) 0%, rgb(27 30 44 / 26%) 100%);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1;
}

#sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
    margin: 0;
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box {
    background-color: #2b3896;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    min-height: 24rem;
    text-align: center;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_nxtlevel .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_revenue_model {
    background-image: linear-gradient( 45deg, transparent 0%, transparent 55%, rgba(64, 64, 64, 0.04) 55%, rgba(64, 64, 64, 0.04) 76%, transparent 76%, transparent 100%), linear-gradient( 135deg, transparent 0%, transparent 14%, rgba(64, 64, 64, 0.04) 14%, rgba(64, 64, 64, 0.04) 41%, transparent 41%, transparent 100%), linear-gradient( 45deg, transparent 0%, transparent 2%, rgba(64, 64, 64, 0.04) 2%, rgba(64, 64, 64, 0.04) 18%, transparent 18%, transparent 100%), linear-gradient( 135deg, transparent 0%, transparent 61%, rgba(64, 64, 64, 0.04) 61%, rgba(64, 64, 64, 0.04) 71%, transparent 71%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

#sportsbet_revenue_model .MetaBlocksportbet_box {
    text-align: center;
}

#sportsbet_revenue_model .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform {
    /* background: url(../images/inner-pages/sports-betting/blockchain-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_blockchainplatform:before {
    background-color: #071d3cc7;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 3rem;
}

#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_title,
#sportsbet_blockchainplatform .MetaBlocksportsbet_titlewrap .onfsportsbet_desc {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box {
    background-color: #0314249e;
    padding: 20px;
    margin-bottom: 3rem;
    border-radius: 5px;
    box-shadow: 0 6px 6px -2px #161b406b;
    text-align: center;
    border: 1px solid #8fc2d25c;
    min-height: 325px;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_head {
    color: #fff;
}

#sportsbet_blockchainplatform .MetaBlocksportbet_box .onfsportsbe_dt {
    color: #e2e5f8;
}

#sportsbet_softdevelopment {
    background-image: repeating-linear-gradient( 90deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient( 0deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), repeating-linear-gradient( 135deg, hsla(298, 16%, 68%, 0.06) 0px, hsla(298, 16%, 68%, 0.06) 1px, transparent 1px, transparent 21px, hsla(298, 16%, 68%, 0.06) 21px, hsla(298, 16%, 68%, 0.06) 22px, transparent 22px, transparent 72px), linear-gradient(90deg, hsl(275, 3%, 97%), hsl(275, 3%, 97%));
}

#sportsbet_techstack {
    /* background: url(../images/inner-pages/sports-betting/techstac-bg.png) no-repeat; */
    background-size: cover;
    position: relative;
}

#sportsbet_techstack:before {
    position: absolute;
    content: "";
    top: 0;
    background: rgb(17, 22, 32);
    background: linear-gradient( 181deg, rgb(23 17 32 / 97%) 0%, rgb(154 81 152 / 40%) 100%);
    width: 100%;
    height: 100%;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap {
    text-align: center;
    margin-bottom: 2rem;
}

#sportsbet_techstack .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_techstack.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
    background-color: #230b1394;
    color: #eaeaea;
    font-weight: 700;
    border-radius: 60px;
    width: 126px;
    text-align: center;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li.active a {
    background-color: #d83068;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs {
    justify-content: center;
    display: flex;
    border-bottom: 0;
    margin-bottom: 2rem;
}

.MetaBlocksportbet_techstack_sec .tab-content .row {
    justify-content: center;
    margin-bottom: 1rem;
    display: flex;
}

#sportsbet_techstack .MetaBlocksportbet_techstack_sec .tab-content .MetaBlocksportbet_box .onfsportsbe_head {
    text-align: center;
    color: #fff;
}

.tech-sprite {
    width: 55px;
    height: 55px;
    object-fit: none;
}

#sportsbet_techstack .tab-content .MetaBlocksportbet_box {
    background-color: #120b218c;
    text-align: center;
    padding: 10px;
    border: 1px solid #e4c8ee52;
    border-radius: 5px;
}

#sportsbet_whychoose {
    background-image: linear-gradient( 135deg, transparent 0%, transparent 6%, rgba(71, 71, 71, 0.04) 6%, rgba(71, 71, 71, 0.04) 22%, transparent 22%, transparent 100%), linear-gradient( 45deg, transparent 0%, transparent 20%, rgba(71, 71, 71, 0.04) 20%, rgba(71, 71, 71, 0.04) 47%, transparent 47%, transparent 100%), linear-gradient( 135deg, transparent 0%, transparent 24%, rgba(71, 71, 71, 0.04) 24%, rgba(71, 71, 71, 0.04) 62%, transparent 62%, transparent 100%), linear-gradient( 45deg, transparent 0%, transparent 73%, rgba(71, 71, 71, 0.04) 73%, rgba(71, 71, 71, 0.04) 75%, transparent 75%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.whychoose_pts_wrap ul {
    padding: 0;
    margin-bottom: 0;
}

.whychoose_pts_wrap ul li {
    background-image: radial-gradient( circle at 21% 44%, rgba(23, 23, 23, 0.05) 0%, rgba(23, 23, 23, 0.05) 50%, rgba(109, 109, 109, 0.05) 50%, rgba(109, 109, 109, 0.05) 100%), radial-gradient( circle at 21% 96%, rgba(92, 92, 92, 0.05) 0%, rgba(92, 92, 92, 0.05) 50%, rgba(199, 199, 199, 0.05) 50%, rgba(199, 199, 199, 0.05) 100%), radial-gradient( circle at 25% 37%, rgba(230, 230, 230, 0.05) 0%, rgba(230, 230, 230, 0.05) 50%, rgba(25, 25, 25, 0.05) 50%, rgba(25, 25, 25, 0.05) 100%), linear-gradient(90deg, rgb(156, 48, 160), rgb(75, 105, 255));
    list-style: none;
    margin-bottom: 1rem;
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

#sportsbet_hire {
    /* background: url(../images/inner-pages/sports-betting/hire-bg.png) no-repeat; */
}

#sportsbet_hire .MetaBlocksportsbet_titlewrap .onfsportsbet_title {
    text-align: center;
    color: #fff;
}

#sportsbet_hire.MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap p {
    color: #fff;
}

.sportbet-sprite {
    width: 51px;
    height: 51px;
    object-fit: none;
}

#sportsbet_whychoose .row {
    align-items: center;
    display: flex;
}

@media (max-width: 767px) {
    header.masthead-sportsbet .header-content h1 {
        font-size: 34px !important;
    }
    .MetaBlock_sportsbet .onfsportsbet_title {
        font-size: 24px;
        line-height: 32px;
    }
    .MetaBlock_sportsbet .MetaBlocksportsbet_titlewrap {
        text-align: center;
    }
    #sportsbet_hwitwrks .row:nth-child(2):before {
        display: none;
    }
    #sportsbet_appdev.MetaBlock_sportsbet .MetaBlocksportbet_box .onfsportsbe_head {
        font-size: 25px;
    }
    #sportsbet_revenue_model .MetaBlocksportbet_box {
        text-align: center;
    }
    #sportsbet_techstack .MetaBlocksportbet_techstack_sec #techTabs li a {
        width: 80px;
        text-align: center;
        padding: 5px;
        font-size: 14px;
    }
    .MetaBlocksportbet_techstack_sec .tab-content .row {
        display: block;
        margin-bottom: 0;
    }
    #sportsbet_techstack .tab-content .MetaBlocksportbet_box {
        margin-bottom: 2rem;
    }
    #sportsbet_whychoose .row {
        display: block;
    }
    #sportsbet_hire {
        background-size: cover;
        background-position: right;
    }
    #sportsbet_typesofsportsbit .MetaBlocksportbet_box {
        min-height: 0;
        min-height: initial;
    }
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    display: none;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    border-bottom-color: currentColor;
    border-bottom-color: initial;
}

.MetaBlock_cryptoexchange_tabs .nav-justified .nav-item {
    text-align: center;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px 40px !important;
    font-size: 17px;
    border: none !important;
    color: #1b334d;
    font-weight: 700;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs {
    position: relative;
    border: 1px solid #1b334d;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 6px;
    background-color: #ecf3ff;
}

.MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
    width: 80%;
    margin: 0px auto;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs li {
    margin: 0px !important;
    border-right: 1px solid #1b334d;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs.nav-justified>li {
    width: 100%;
}

.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:focus,
.MetaBlock_cryptoexchange_tabs .nav-tabs>li.active>a:hover {
    background: #1b334d;
    border: none !important;
    color: #fff !important;
    border-radius: 0;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 8px 9px -2px rgb(125 127 156 / 35%);
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    min-height: 93px;
    justify-content: center;
    text-align: center;
    align-items: center;
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
}

.MetaBlock_cryptoexchange_tabs .crypto_exchange_card_head {
    font-weight: 700;
    font-size: 16px;
    margin: 10px;
}

.tech_stack_img {
    width: 60%;
}

.MetaBlock_cryptoexchange_tabs .card:hover {
    transform: none;
}

@media (min-width: 768px) {
    .MetaBlock_cryptoexchange_tabs .nav-tabs {
        display: flex;
    }
    .MetaBlock_cryptoexchange_tabs .card {
        border: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .card-header {
        display: none;
    }
    .MetaBlock_cryptoexchange_tabs .card .collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .MetaBlock_cryptoexchange_tabs .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc {
        background: #1b334d;
        font-weight: bold;
        padding: 10px;
        display: flex;
        margin-top: 15px;
    }
    .MetaBlock_cryptoexchange_tabs .crypto_mobile_acc_head {
        color: #fff;
        font-weight: bold;
    }
    .MetaBlock_cryptoexchange_tabs #cryptoexchange_tabs {
        width: 100%;
    }
    .tech_stack_img {
        width: 100%;
    }
    .MetaBlock_cryptoexchange_tabs .cryptocurrency_tabs_scroll_mobile {
        overflow: scroll;
        height: 317px;
    }
}

/*=========================================NFT Game Platform DEVELOPMENT=================================*/

.nft_gameplatform {
    padding: 50px 0px;
}

#nftgp_hero {
    background: radial-gradient( circle at 80% 50%, rgb(42 46 59) 0%, rgb(31 35 45) 42.71%, rgb(14 17 23) 100%);
    padding: 130px 0px 50px 0px;
}

#nftgp_hero .header-content {
    padding-top: 5rem;
}

#nftgp_hero .header-content h1 {
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    font-size: 45px !important;
}

#nftgp_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
}

#nftgp_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

.nftgp_custom_container {
    padding: 0px 50px;
}

#nftgp_sec1 {
    padding-top: 50px;
    padding: 0;
    overflow: hidden;
}

#nftgp_sec1 .row {
    display: flex;
    align-items: center;
}

#nftgp_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}

.nft_gameplatform#nftgp_sec2 .row {
    display: flex;
    justify-content: center;
}

.nftgb_dark_theme {
    background-color: #222631;
}

.nftgb_lite_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #222631;
}

.nftgb_dark_theme .nftgp_sectitle_wrap .nftgp_sec_title {
    color: #fff;
}

.nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
}

.nft_gameplatform#nftgp_sec2 .nftgp_sectitle_wrap {
    text-align: center;
}

.nft_gameplatform p {
    margin-bottom: 0;
}

.nftgb_dark_theme .nftgp_sectitle_wrap p {
    color: #dcdee4;
}

.nftgb_dark_theme .nftgp_box .nftgp_head {
    color: #fff;
}

.nftgb_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

.nft_gameplatform .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

#nftgp_sec3 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 {
    padding: 0;
    padding-top: 50px;
    overflow: hidden;
}

#nftgp_sec4 .row {
    display: flex;
    justify-content: center;
}

#nftgp_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 5rem;
}

#nftgp_sec4 .nftgp_box {
    text-align: center;
    padding: 15px;
    border: 1px solid #7d8395;
    border-radius: 10px;
}

#nftgp_sec4 .nftgp_box img {
    border-radius: 10px;
    transition: 0.3s;
}

#nftgp_sec4 .nftgp_box img:hover {
    transform: scale(1.01);
}

#nftgp_sec4 .row:nth-child(2),
#nftgp_sec4 .row:nth-child(3),
#nftgp_sec4 .row:nth-child(4) {
    margin-bottom: 4rem;
}

#nftgp_sec4.nft_gameplatform .nftgp_box .nftgp_head {
    margin-top: 1rem;
}

#nftgp_sec5 .row:nth-child(2) {
    justify-content: center;
    display: flex;
}

#nftgp_sec5 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec5 .row:nth-child(2) .col-md-4 {
    padding: 0;
}

#nftgp_sec5 .row .col-md-4:nth-child(1) {
    background-color: #222631;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .row .col-md-4:nth-child(2) {
    background-color: #af27e7;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -1px 0px 10px -2px #2226318a;
}

#nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-left-radius: 20px;
}

#nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
    border-top-right-radius: 20px;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul {
    padding: 0;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li {
    list-style: none;
    color: #fff;
    padding: 20px 20px;
    border-bottom: 1px solid #ffffff2b;
}

#nftgp_sec5 .col-md-4 .nftgp_diff_pts ul li.nftgp_diff_head {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #0000004d;
}

#nftgp_sec6 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7 .nftgp_sectitle_wrap {
    text-align: center;
}

#nftgp_sec7.nft_gameplatform .nftgp_box .nftgp_head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#nftgp_sec7.nft_gameplatform .nftgp_box {
    padding: 15px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 3px -2px black;
    border-radius: 5px;
    min-height: 100px;
}

#nftgp_sec7 .row:nth-child(2),
#nftgp_sec7 .row:nth-child(3) {
    margin-bottom: 2rem;
}

.nftgp_techsprite {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_techtitle {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    background-color: #ffffffe6;
    color: #222631;
    padding: 20px 0px;
}

/*.nftgp_head {
    color: #222631;
    margin: 10px 0px;
    font-weight: 500;
}*/

.nftgp_techlist ul li {
    display: inline-block;
    text-align: center;
}

.nftgp_techlist ul {
    padding: 20px 0px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-around;
}

.nftgp_techstack_wrap {
    background-color: #ededed;
    margin-bottom: 3rem;
}

.keyfac-sprite {
    width: 120px;
    height: 120px;
    object-fit: none;
    transition: 0.2s;
}

.keyfac-sprite:hover {
    transform: scale(1.1);
}

.nftgp_whychoose {
    width: 50px;
    height: 50px;
    object-fit: none;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .nftgp_custom_container {
        padding: 0px 00px;
    }
    #nftgp_hero .header-content h1 {
        font-size: 26px !important;
        text-align: center;
    }
    #nftgp_sec1 {
        padding: 35px 0px;
    }
    #nftgp_sec3 {
        padding: 35px 0px;
    }
    #nftgp_sec4 .nftgp_box {
        margin: 20px 0px;
    }
    #nftgp_hero .header-content {
        text-align: center;
    }
    .nftgp_sectitle_wrap {
        text-align: center;
    }
    .nft_gameplatform .nftgp_sectitle_wrap .nftgp_sec_title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .nft_gameplatform#nftgp_sec2 .row,
    #nftgp_sec4 .row {
        display: block;
    }
    #nftgp_sec5 .row:nth-child(2) {
        justify-content: center;
        display: block;
    }
    #nftgp_sec5 .col-md-4:nth-child(1) .nftgp_diff_pts ul li.nftgp_diff_head,
    #nftgp_sec5 .row .col-md-4:nth-child(1),
    #nftgp_sec5 .row .col-md-4:nth-child(2),
    #nftgp_sec5 .col-md-4:nth-child(2) .nftgp_diff_pts ul li.nftgp_diff_head {
        border-radius: 0;
    }
    .nftgp_techlist ul {
        display: block;
        text-align: center;
    }
    .nftgp_techlist ul li {
        padding: 6px;
    }
    .nft_gameplatform#nftgp_sec2 .row:nth-child(2) {
        display: block;
    }
}

.nftgp_servsprite {
    width: 231px;
    height: 231px;
    object-fit: none;
}

#nftgp_sec7 .nftgp_box {
    display: flex;
    align-items: center;
}

/*
whitepaper style start*/

#white_paper_page {
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
}

@media (min-width: 767px) {
    #white_paper_page .whitepaper_banner_sec {
        /* background-image: url('public/oimages/white-paper-img/whitepaper-banner.png'); */
        height: 600px;
        background-size: cover;
        background-position: top;
        display: grid;
        align-items: center;
    }
}

#white_paper_page .whitepaper_banner_sec .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#white_paper_page .whitepaper_banner_sec .contents {
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    padding-top: 10px;
}

#white_paper_page .whitepaper_btn:hover {
    color: #fff;
}

#white_paper_page .what_whitepaper,
#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_aspects,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_process,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_why,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire,
#white_paper_page .whitepaper_hire_do {
    padding: 0px;
}

#white_paper_page .what_whitepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_btn {
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    background-image: linear-gradient(315deg, #fbd100 0%, #ff660c 74%);
    font-size: 16px;
    padding: 8px 10px;
    box-shadow: 0 1px 27px #ff660c;
}

#white_paper_page .what_whitepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_whitepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_whitepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .what_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .what_litepaper .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .what_litepaper .sub_title {
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

#white_paper_page .what_litepaper .sub_title_1 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#white_paper_page .what_litepaper .contents_1 {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_litepaper .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_litepaper .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_comprehensive .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card {
    padding: 10px;
    margin-top: 20px;
    min-height: 200px;
    box-shadow: 0 0px 9px #ff660c7d;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    border: 1px solid #ff660c63;
    border-radius: 10px;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_title {
    font-weight: 800;
    font-size: 25px;
    text-transform: capitalize;
    text-align: center;
    color: #ff660c;
}

#white_paper_page .whitepaper_comprehensive .whitepaper_comprehensive_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_aspects .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
    line-height: 1.3;
}

#white_paper_page .whitepaper_aspects .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_aspects .card {
    position: relative;
}

#white_paper_page .whitepaper_aspects .card .face {
    transition: 0.5s;
    height: 116px;
}

#white_paper_page .whitepaper_aspects .card .face.face1 {
    position: relative;
    background: #040029;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(86px);
    border: 1px solid #eeeef14a;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 {
    background: #e15300;
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover {
    padding: 10px;
    transition: 0.5s;
}

#white_paper_page .whitepaper_aspects .card .face.face1 .content__hover h3 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face1 .content__hover {
    opacity: 1;
}

#white_paper_page .whitepaper_aspects .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgb(0 0 0 / 80%);
    transform: translateY(-29px);
    height: 114px;
}

#white_paper_page .whitepaper_aspects .card:hover .face.face2 {
    transform: translateY(0);
}

#white_paper_page .whitepaper_aspects .card .face.face2 p {
    padding: 10px;
    margin: 0;
}

#white_paper_page .whitepaper_investors .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 20px;
}

#white_paper_page .whitepaper_investors .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card {
    min-height: 240px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    margin-top: 30px;
    border-left: 1px solid #ff660c;
    padding: 5px 10px;
    border-right: 1px solid #ff660c;
    box-shadow: 0 0px 9px #4343439e;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_investors .whitepaper_investors_card_content {
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
}

#white_paper_page .whitepaper_process .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_process .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_process .whitepaper_process_card {
    min-height: 223px;
    margin-top: 30px;
    border: 2px dotted #50cef266;
    padding: 10px 7px;
    border-radius: 10px;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_title {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
    color: #ff660c;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_process .whitepaper_process_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_needs .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_needs .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_why .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_why ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#white_paper_page .whitepaper_industries .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_industries .white_paper_industry_img {
    width: 35px;
    height: 35px;
    object-fit: none;
}

#white_paper_page .whitepaper_industries .whitepaper_industries_card {
    padding: 20px 12px;
    border-radius: 4px;
    border: 1px solid #ff690078;
    color: #3e3e3e;
    margin-top: 2rem;
    text-align: center;
}

#white_paper_page .whitepaper_industries .white_paper_industry_card_title {
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    padding-top: 10px;
    color: #fff;
}

#white_paper_page .whitepaper_hire .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}

#white_paper_page .whitepaper_hire .contents {
    text-align: justify;
    color: #fff;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card {
    padding: 10px 7px;
    background: linear-gradient(178deg, #0c003d 0%, #03001f 74%);
    box-shadow: 0 0px 9px #ff690091;
    min-height: 265px;
    border: 1px solid #ff690073;
    border-radius: 10px;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_title {
    color: #ff6900;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

#white_paper_page .whitepaper_hire .whitepaper_hire_card_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .whitepaper_hire_do .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .contents {
    text-align: center;
    color: #fff;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_do_card {
    padding: 10px 10px;
    background: linear-gradient(272deg, #040014 0%, #040029 74%);
    box-shadow: 0 0px 9px #4343439e;
    min-height: 197px;
    margin-top: 20px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_title {
    color: #ff691e;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 10px;
}

#white_paper_page .whitepaper_hire_do .whitepaper_hire_card_do_content {
    color: #fff;
    text-align: center;
}

#white_paper_page .what_litepaper,
#white_paper_page .whitepaper_comprehensive,
#white_paper_page .whitepaper_investors,
#white_paper_page .whitepaper_needs,
#white_paper_page .whitepaper_industries,
#white_paper_page .whitepaper_hire_do {
    box-shadow: 0 0px 9px #00cbff7a;
    padding-top: 40px;
    padding-bottom: 40px;
}

#white_paper_page .whitepaper_why {
    position: relative;
}

#white_paper_page .whitepaper_why ul li:before {
    content: "\25BA";
    color: #ff6900;
    position: absolute;
    left: 30px;
}

#white_paper_page .whitepaper_process_row_align {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
    #white_paper_page .whitepaper_banner_sec .title {
        font-size: 30px;
        text-align: center;
    }
    #white_paper_page .whitepaper_banner_sec .contents {
        font-size: 20px;
        text-align: center;
        padding-bottom: 10px;
    }
    #white_paper_page .what_whitepaper .title {
        font-size: 25px;
    }
    #white_paper_page .what_whitepaper .contents {
        text-align: justify;
    }
    #white_paper_page .what_whitepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    .whitepaper_btn_mobile {
        text-align: center;
    }
    #white_paper_page .what_whitepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
        padding-top: 10px;
    }
    #white_paper_page .what_litepaper .contents,
    #white_paper_page .whitepaper_aspects .contents,
    #white_paper_page .whitepaper_investors .contents,
    #white_paper_page .whitepaper_needs .contents,
    #white_paper_page .whitepaper_hire_do .contents {
        text-align: justify;
    }
    #white_paper_page .what_litepaper .sub_title_1 {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .what_litepaper .sub_title {
        text-align: center;
        font-size: 23px;
    }
    #white_paper_page .whitepaper_litepaper .title,
    #white_paper_page .whitepaper_comprehensive .title,
    #white_paper_page .whitepaper_aspects .title,
    #white_paper_page .whitepaper_investors .title,
    #white_paper_page .whitepaper_process .title,
    #white_paper_page .whitepaper_needs .title,
    #white_paper_page .whitepaper_why .title,
    #white_paper_page .whitepaper_industries .title,
    #white_paper_page .whitepaper_hire .title,
    #white_paper_page .whitepaper_hire_do .title {
        font-size: 25px;
    }
    #white_paper_page .whitepaper_process .whitepaper_process_card {
        min-height: 0;
        min-height: initial;
    }
    #white_paper_page .whitepaper_hire .whitepaper_hire_card {
        min-height: 0;
        min-height: initial;
        margin-top: 30px;
    }
    #white_paper_page .whitepaper_industries .whitepaper_industries_card {
        min-height: 130px;
    }
}

/*
whitepaper style end*/

/*=========================================Metaverse DEVELOPMENT=================================*/

#metavdev_hero {
    background-color: #202036;
    /* background-image: url(../images/inner-pages/metaverse-development-company/banner1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.metavdev_custom_container {
    padding: 0px 50px;
}

#metavdev_hero .header-content {
    padding-top: 5rem;
}

#metavdev_hero .header-content .heading-tagline {
    text-align: left;
    font-size: 18px;
    color: #000;
}

#metavdev_hero .header-content a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #f1ae2a;
    color: #fff;
}

#metavdev_se4 a.expert-btn {
    box-shadow: 0px 6px 16px -4px #140f0d;
    border: 0;
    background-color: #af27e7;
}

#metavdev_hero .header-content h1 {
    text-transform: capitalize;
    font-weight: 900;
    text-align: left;
    font-size: 50px !important;
    background-image: linear-gradient(90deg, #2f005b 0%, #682d86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    text-shadow: none;
}

#metavdev_sec1 {
    padding: 0;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

#metavdev_sec1 p {
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /* background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

#metavdev_sec1 p:nth-child(2) {
    margin-bottom: 2rem;
}

.MetaBlock_metaverse_deve p {
    margin-bottom: 0;
}

#metavdev_sec1 .row {
    display: flex;
    align-items: center;
}

.MetaBlock_metaverse_deve {
    padding: 40px 0px;
}

.metavdev_dark_theme {
    background-color: #eefaff;
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#nftgp_sec2 .nftgp_box {
    text-align: center;
    padding: 15px;
    min-height: 182px;
}

#nftgp_sec2 .nftgp_box .nftgp_head {
    color: #fff;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: left;
    color: #000;
}

.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    font-size: 15px;
}

.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #dcdee4;
}

/*#metavdev_sec2{
    position: relative;
    background-position: center;
        padding-top: 50px;
    background-image: url(https://images.unsplash.com/photo-1626379945538-6c8824dd898f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
}*/

/*#metavdev_sec2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:linear-gradient(359deg, rgb(17 11 29 / 93%) 0.18%, rgb(61 26 58 / 92%) 100%);
    top: 0;
    opacity: 0.7;
    }*/

#metavdev_sec2 ul li {
    display: inline-block;
    width: 19%;
    padding: 22px;
    text-align: center;
    border-radius: 7px;
    margin: 0px 10px;
    position: relative;
    z-index: 0;
}

#metavdev_sec2 ul li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

#metavdev_sec2 ul {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

/*#metavdev_sec2 ul:before {
position: absolute;
width: 100%;
height: 8px;
background-color: #ac93ee;
border-radius: 5px;
content: '';
bottom: -40px; 
}*/

#metavdev_sec2 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

#metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    position: relative;
    margin-bottom: 0.2rem;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title.title_alict:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: "";
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .nftgp_sectitle_wrap.title_alilt .nftgp_sec_title:before {
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: "";
    bottom: -10px;
    border-radius: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #000;
    /*background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff00;*/
    text-shadow: none;
    position: relative;
}

.MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title:before {
    background-color: #fff;
    background-image: linear-gradient(90deg, #bf9eff 0%, #4be3ff 74%);
    width: 73px;
    height: 3px;
    position: absolute;
    content: "";
    bottom: -10px;
    border-radius: 50px;
}

/*#metavdev_sec2 ul li:before{
position: absolute;
    width: 25px;
    height: 25px;
    background-color: #ac93ee;
    border-radius: 50px;
    content: '';
    bottom: -48px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/

#metavdev_sec2.metavdev_dark_theme .nftgp_box .nftgp_desc {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

/*.metavdev_timestamp {
    position: absolute;
    bottom: -81px;
    left: 0;
    right: 0;
    font-size: 22px;
    font-weight: 700;
}*/

.metaban_span {
    display: block;
    font-weight: 300;
    font-size: 30px;
    margin-top: 1.5rem;
}

#metavdev_sec3 .nftgp_box {
    text-align: center;
    background-color: #ffffff17;
    border-radius: 5px;
    padding: 15px;
    min-height: 285px;
    /* margin-bottom: 3rem; */
    margin-top: 50px;
    box-shadow: inset -3px -6px 16px 0px #9f9ba1, inset 9px 5px 14px 0px #7c7c7c38;
}

/*#metavdev_sec3 .nftgp_box:hover {
    box-shadow: -3px -6px 16px 0px #fdfdfdb0, 9px 5px 14px 0px #00000026;
    transition: all .3s;
}*/

/*#metavdev_sec3 .nftgp_box:before {
    content: "";
    height: 60px;
    width: 60px;
    border-radius: 100px;
    background-color: #84c1ff2b;
    position: absolute;
    bottom: -28px;
    right: -10px;
    opacity: 0;
}*/

/*#metavdev_sec3 .nftgp_box:hover:before {
    opacity: 1;
}*/

/*.nftgp_box {
    transition: all .3s;
    padding: 0 45px 0px;
    margin: 20px;
    background: transparent linear-gradient(311deg, #ebecf0 0%, #ebecf0 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset -3px -6px 16px 0px #fdfdfdb0, inset 9px 5px 14px 0px #00000026;
    border-radius: 20px;
    height: 100%;
    position: relative;
}*/

#metavdev_sec3.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
    padding-top: 10px;
    text-align: center;
}

#metavdev_se4 .nftgp_box .nftgp_head {
    color: #202036;
    font-size: 17px;
    margin-bottom: 0px;
    text-align: center;
}

/*#metavdev_se4{
    background-size: cover;
    padding: 50px;
    position: relative;
    background-image: url(https://images.unsplash.com/photo-1620120966883-d977b57a96ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
}*/

/*#metavdev_se4:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background : linear-gradient(359deg, rgb(65 31 61 / 90%) 0.18%, rgb(54 54 113 / 92%) 100%);
}*/

#metavdev_se4 .nftgp_box {
    background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 31.18%, rgb(255 255 255) 100%);
    padding: 15px;
    /* margin-bottom: 1.5rem; */
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    box-shadow: 0px 0px 6px #ccc;
    display: flex;
    align-items: center;
    min-height: 75px;
    justify-content: center;
}

#metavdev_se4 .nftgp_sectitle_wrap {
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
    margin-bottom: 0.2rem;
}

#metavdev_se5 .row:nth-child(1) {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem;
}

#metavdev_se5 .nftgp_sectitle_wrap p {
    color: #000;
}

#metavdev_se5 .row:nth-child(2),
#metavdev_se5 .row:nth-child(3) {
    display: flex;
    justify-content: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box {
    background: #fff;
    padding: 10px;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    min-height: 436px;
    box-shadow: 0px 0px 9px #ccc;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #3a0863;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_desc {
    color: #000;
    text-align: center;
}

#metavdev_se5.MetaBlock_metaverse_deve .nftgp_box .nftgp_content_wrap {
    margin: 27px 5px;
}

#metavdev_sec3 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#sec7_bg1 {
    background: url(../images/inner-pages/nft_marketplace/nftfields-10.jpg?v2) no-repeat;
    background-size: cover;
}*/

#metavdev_se8 .nftgp_box {
    height: 195px;
    width: 182px;
    position: relative;
}

#metavdev_se8 .nftgp_content_wrap {
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(1deg, #4747c2 0%, #2c2c67 74%);
}

#metavdev_se8 .nftgp_head {
    background: linear-gradient(1deg, #3e0070 0%, #1d004c 74%);
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 800;
    width: 195px;
    margin: 0 auto;
    font-size: 20px;
}

#metavdev_se8 .owl-nav .owl-prev,
#metavdev_se8 .owl-nav .owl-next {
    border: 3px solid #f3b5ff;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #e14fff;
}

#metavdev_se8 .owl-nav .owl-prev {
    left: 0px;
}

#metavdev_se8 .owl-nav .owl-next {
    right: 0px;
}

#metavdev_se8 .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    width: 100%;
}

#metavdev_se8 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se6 .nftgp_box {
    padding: 15px 20px;
    min-height: 175px;
    border-radius: 12px;
    border: 1px solid #3a0863;
    box-shadow: 4px 5px 0 #3a0863;
}

/*#metavdev_se6{
    position: relative;
    background-size: cover;
    background-image: url(https://images.unsplash.com/photo-1511447333015-45b65e60f6d5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1255&q=80);
}*/

/*#metavdev_se6:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
     background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
 }*/

#metavdev_se6 .nftgp_box .nftgp_head {
    text-align: center !important;
}

#metavdev_se6 .nftgp_box .nftgp_desc {
    color: #202036;
    font-weight: 500;
    text-align: center;
}

#metavdev_se6 .row {
    margin-bottom: 3rem;
}

#metavdev_se6 .row:nth-child(4) {
    margin-bottom: 0;
}

#metavdev_se11 .nav-tabs {
    display: none;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

#opensea_clone_script #metavdev_se11 .nav-tabs>li>a:hover {
    color: #e900ff !important;
}

#metavdev_se11 .nav-tabs>li.active>a,
#metavdev_se11 .nav-tabs>li.active>a:focus,
#metavdev_se11 .nav-tabs>li.active>a:hover {
    color: #e900ff !important;
    background: transparent;
    border: none;
    border-bottom: 2px solid #e900ff;
}

#metavdev_se11 .nav-tabs>li>a:hover {
    background: transparent;
    color: #e900ff;
}

#metavdev_se11 .nav-tabs>li>a {
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

@media (min-width: 768px) {
    #metavdev_se11 .nav-tabs {
        display: flex;
        justify-content: center;
    }
    #metavdev_se11 .card {
        border: none;
    }
    #metavdev_se11 .card .card-header {
        display: none;
    }
    #metavdev_se11 .card .collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    #metavdev_se11 .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
    #metavdev_se4 .nftgp_box,
    #metavdev_se6 .nftgp_box {
        min-height: 0px !important;
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title {
        text-align: center !important;
    }
    #metavdev_sec1 .metavdev_sectitle_wrap .metavdev_sec_title:before {
        left: 40%;
    }
}

#metavdev_se11 .nav-tabs {
    border-bottom: 1px solid #dddddd57;
}

#metavdev_se11 .tech_stact_card_content {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    padding-top: 10px;
    margin-bottom: 0px;
}

#metavdev_se11 .tech_stact_card {
    margin-top: 20px;
    border: 1px dotted #ffffff70;
    text-align: center;
    padding: 10px;
}

#opensea_clone_script #metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(100);
}

#metavdev_se11 .techstack_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    filter: brightness(0);
}

/*#metavdev_sec2 ul li:hover{
  background: #7900ff;
      box-shadow: 0 0px 9px #7900ff;
    border: 1px solid #7900ff;
    
}*/

#metavdev_se8 .nftgp_img_sprite {
    width: 195px !important;
    height: 182px;
    object-fit: none;
}

@media only screen and (max-width: 600px) {
    #metavdev_hero {
        background: #440f2f;
    }
    #metavdev_hero .header-content h1 {
        background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    }
    #metavdev_hero .header-content .heading-tagline {
        color: #fff;
    }
    #metavdev_sec2 ul {
        display: grid;
    }
    #metavdev_sec2 ul li {
        width: 100%;
        margin: 10px 0px;
    }
    #metavdev_se5 .row:nth-child(2),
    #metavdev_se5 .row:nth-child(3) {
        display: grid;
    }
    #metavdev_se9 {
        display: none;
    }
    .metavdev_custom_container {
        padding: 0px;
    }
    #metavdev_hero .header-content h1 {
        text-align: center;
        font-size: 30px !important;
        line-height: 1;
    }
    #metaverse_dev_company .metaban_span {
        font-size: 23px;
    }
    #metaverse_dev_company .MetaBlock_metaverse_deve .metavdev_sectitle_wrap .metavdev_sec_title,
    #metavdev_sec2.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_dev_company .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metavdev_se4.MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title {
        text-align: center;
        font-size: 27px;
    }
    #metavdev_sec1 p {
        text-align: center;
    }
    #metavdev_se6 .nftgp_box {
        margin-top: 30px;
    }
    #metavdev_se10 .nftgp_box {
        margin-top: 20px;
    }
    #metavdev_se11 [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #metavdev_se11 .card-header {
        background: #fff;
        margin-top: 20px;
    }
    #metavdev_se11 .fa-chevron-down:before {
        content: "\f078";
    }
    #mdc_collapse-C .card-body .row {
        display: grid;
    }
    #metavdev_se11 .card-header h5 {
        color: #000;
        font-weight: 800;
        font-size: 18px;
    }
    #metavdev_se11 .card-body {
        height: 200px;
        overflow: scroll;
    }
}

/*#metavdev_se7{
    position: relative;
    padding:50px 0px;
    background-size: 42px 42px;
    background-image: radial-gradient(circle at center center, rgba(255,255,255, 0.05) 0%, rgba(255,255,255, 0.05) 15%,rgba(197, 197, 197,0.05) 15%, rgba(197, 197, 197,0.05) 34%,rgba(178, 178, 178,0.05) 34%, rgba(178, 178, 178,0.05) 51%,rgba(237, 237, 237,0.05) 51%, rgba(237, 237, 237,0.05) 75%,rgba(138, 138, 138,0.05) 75%, rgba(138, 138, 138,0.05) 89%,rgba(158, 158, 158,0.05) 89%, rgba(158, 158, 158,0.05) 100%),radial-gradient(circle at center center, rgb(32,32,54) 0%, rgb(32,32,54) 6%,rgb(32,32,54) 6%, rgb(32,32,54) 12%,rgb(32,32,54) 12%, rgb(32,32,54) 31%,rgb(32,32,54) 31%, rgb(32,32,54) 92%,rgb(32,32,54) 92%, rgb(32,32,54) 97%,rgb(32,32,54) 97%, rgb(32,32,54) 100%); 

}*/

#metavdev_se7 .nftgp_sectitle_wrap {
    text-align: center;
}

#metavdev_se7:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
}

#metavdev_se7 .nftgp_box {
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    /* box-shadow: 0 0px 9px #0ee3cf;
    border: 1px solid #0ee3c5;*/
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 0px 14px #c5c5c5c2;
}

/*#metavdev_se7 .nftgp_box:before {
    background: linear-gradient(90deg, #45457d 0%, #20203652 74%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
}*/

#metavdev_se7.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1rem;
    color: #000;
}

/*#metadev7_clone {
    background-image: url(https://images.unsplash.com/photo-1624398891398-fbb14f1acc11?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80);
    background-size: cover;
    background-position: center;
} */

#metavdev_se9 .nftgp_box {
    background-color: #fff;
    padding: 25px;
    position: relative;
    border: 1px solid #dcdcdc;
}

#metavdev_se9 .nftgp_box .sec9_count {
    background-color: #481b93;
    border-radius: 50px;
    width: 40px;
    /* text-align: center; */
    height: 40px;
    position: absolute;
    top: -20px;
    font-weight: 600;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-bottom: 4px;
}

#metavdev_se9 .nftgp_box.nftgp_horiline,
#metavdev_se9 .nftgp_box.nftgp_vertline,
#metavdev_se9 .nftgp_box.nftgp_lthoriline {
    position: relative;
    z-index: 0;
}

#metavdev_se9 .row:nth-child(2) {
    margin-bottom: 3rem;
}

#metavdev_se9 .nftgp_box.nftgp_horiline:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    right: -32px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9 .nftgp_box.nftgp_vertline:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 32px;
    background-color: #fff;
    bottom: -31px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#metavdev_se9 .nftgp_box.nftgp_lthoriline:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 20px;
    background-color: #481b93;
    left: -31px;
    top: 50%;
    z-index: -1;
}

#metavdev_se9.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    color: #000;
}

#metavdev_se9 .nftgp_sectitle_wrap {
    text-align: center;
}

/*#metavdev_se10{
    position: relative;
    background:url(https://images.unsplash.com/photo-1604818640599-71bda0165d53?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80);
}
#metavdev_se10:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(22deg, #110d3178 0%, #181131 100%);
}*/

#metavdev_se10 .nftgp_box {
    padding: 10px;
    /* background-image: linear-gradient(22deg, #c4c8ec 0%, #ffffff 100%); */
    border-radius: 12px;
    background: #fff;
    border: 1px solid #3a0863;
    box-shadow: inset 3px -2px 0px 0px #3a0863;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metavdev_se10.MetaBlock_metaverse_deve .nftgp_box .nftgp_head {
    font-size: 17px;
    text-align: center;
}

#metavdev_se10 .row:nth-child(2),
#metavdev_se10 .row:nth-child(3) {
    margin-bottom: 2rem;
}

/*=========================================Metaverse DEVELOPMENT -END=================================*/

/*opensea clone style start*/

#opensea_clone_script {
    background-color: #000000;
    background-image: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding-bottom: 60px;
}

#opensea_clone_script .row_align {
    justify-content: center;
    display: flex;
}

#opensea_clone_script .ocs_banner,
#opensea_clone_script .ocs_nft,
#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    padding: 0px;
}

#opensea_clone_script .osc_video,
#opensea_clone_script .osc_whitelabel,
#opensea_clone_script .osc_features,
#opensea_clone_script .osc_advantages,
#opensea_clone_script .osc_customcurrencies,
#opensea_clone_script .osc_business,
#opensea_clone_script .osc_build_platform,
#opensea_clone_script .osc_collaboration,
#opensea_clone_script .osc_tech_stack,
#opensea_clone_script .osc_whychoose,
#opensea_clone_script .osc_live {
    margin-top: 80px;
}

@media (min-width: 767px) {
    #opensea_clone_script .ocs_banner {
        height: 600px;
        display: flex;
        align-items: center;
        /* background: url(../images/inner-pages/opensea-clone/banner.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
}

#opensea_clone_script .ocs_banner .title {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
}

#opensea_clone_script .ocs_banner .contents {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

#opensea_clone_script .ocs_nft .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .ocs_nft .contents {
    color: #fff;
    font-size: 16px;
    position: relative;
}

#opensea_clone_script .ocs_nft .contents:before {
    content: "\25BA";
    position: absolute;
    color: #9402d6;
    left: -24px;
}

#opensea_clone_script .ocs_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(126deg, #ab05ff 0%, #8600bd 98%);
    border: transparent;
    border-radius: 5px;
    box-shadow: inset -4px -4px 0px #680593;
}

#opensea_clone_script .ocs_btn:hover {
    color: #fff;
}

#opensea_clone_script .osc_video .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

#opensea_clone_script .osc_video .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_whitelabel .contents {
    font-size: 16px;
    color: #fff;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_design {
    padding: 20px;
}

#opensea_clone_script .osc_whitelabel .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_whitelabel ul {
    padding-left: 0px;
}

#opensea_clone_script .osc_whitelabel ul li {
    list-style: none;
    padding-top: 15px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_whitelabel .osc_whitelabel_subdesign {
    background: linear-gradient(327deg, #000000ed 0%, #001d31 74%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px -2px 12px 2px #680593;
}

#opensea_clone_script .osc_whitelabel .whitelabel_icons {
    line-height: 1.5;
    color: #680593;
}

#opensea_clone_script .osc_features .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

#opensea_clone_script .osc_features .nav-tabs {
    display: none;
}

#opensea_clone_script .osc_features .nav-item .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

@media (min-width: 768px) {
    #opensea_clone_script .osc_features .nav-tabs {
        display: flex;
        justify-content: center;
        border-bottom: none;
    }
    #opensea_clone_script .osc_features .card {
        border: none;
    }
    #opensea_clone_script .osc_features .card .card-header {
        display: none;
    }
    #opensea_clone_script .osc_features .card .collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    #opensea_clone_script .osc_features .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#opensea_clone_script .osc_features .osc_features_card {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #9b02e2;
    box-shadow: 3px 3px 0px 0px #9b02e2;
    border-radius: 0px 20px;
}

#opensea_clone_script .osc_features .osc_features_content {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 800;
}

#opensea_clone_script .osc_features .nav-tabs>li>a {
    margin-right: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
}

#opensea_clone_script .osc_features .nav-tabs>li {
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav-tabs>li.active>a,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:focus,
#opensea_clone_script .osc_features .nav-tabs>li.active>a:hover {
    background-color: #9b02e2;
    color: #fff;
    border: 1px solid #9b02e2;
}

#opensea_clone_script .osc_features .nav>li>a:focus,
#opensea_clone_script .osc_features .nav>li>a:hover {
    background: transparent;
    border: transparent;
}

#opensea_clone_script .osc_tech_stack .nftgp_sec_title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 2rem;
    margin-top: 0;
    color: #fff;
    text-shadow: none;
    position: relative;
}

#opensea_clone_script .osc_advantages .title {
    font-size: 28px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_advantages .main {
    width: 250px;
    height: 250px;
    border: 1px solid #ccc;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#opensea_clone_script .osc_advantages .main:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #9b02e2 !important;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: opensea_circle 6s linear infinite;
}

@keyframes opensea_circle {
    0% {
        transform: rotate(0deg) translate(-125px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(-125px) rotate(-360deg);
    }
}

#opensea_clone_script .osc_advantages ul li {
    list-style: none;
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    font-weight: bold;
}

#opensea_clone_script .osc_advantages ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .title {
    font-size: 45px;
    text-align: left;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

#opensea_clone_script .osc_customcurrencies .sub_title {
    text-align: left;
    color: #fff;
}

#opensea_clone_script .osc_customcurrencies .sub_content {
    display: grid;
    justify-content: center;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li {
    color: #fff;
    padding-top: 20px;
    list-style: none;
}

#opensea_clone_script .osc_customcurrencies .sub_content ul li i {
    color: #9b02e2;
}

#opensea_clone_script .osc_customcurrencies .sub_title_1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    margin-top: 50px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #9b02e2;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#opensea_clone_script .osc_customcurrencies .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#opensea_clone_script .osc_customcurrencies .osc_row_align {
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_margin_left {
    margin-left: 60px;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical {
    position: relative;
}

#opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#opensea_clone_script .osc_customcurrencies .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #9401d9;
    transform: translate(-50%, 50%);
    color: #000;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#opensea_clone_script .osc_business .title {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-align: center;
}

#opensea_clone_script .osc_business .osc_business_card {
    margin-top: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 25px 0px 25px 0px;
}

#opensea_clone_script .osc_business .osc_business_card_content {
    color: #000;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_build_platform .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#opensea_clone_script .osc_collaboration .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card {
    padding: 20px;
    background: #fff;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 6px 6px 0px 0px #9401d9;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_card_content {
    text-align: center;
    margin-bottom: 0px;
    padding-top: 10px;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before {
    position: relative;
}

#opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
    content: "";
    height: 5px;
    width: 100%;
    background: #9401d9;
    position: absolute;
    top: 50%;
}

#opensea_clone_script .osc_whychoose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}

#opensea_clone_script .osc_whychoose ul li {
    list-style: none;
    padding-top: 20px;
    display: flex;
    align-items: center;
}

#opensea_clone_script .osc_whychoose ul li i {
    color: #9401d9;
}

#opensea_clone_script .osc_whychoose ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
}

#opensea_clone_script .osc_live .title {
    font-size: 45px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#opensea_clone_script .osc_live .osc_live_card {
    background: #fff;
    padding: 20px;
    min-height: 145px;
    margin-top: 30px;
    border-radius: 30px 0px 30px 0px;
}

#opensea_clone_script .osc_live .osc_live_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0px;
}

#opensea_clone_script .osc_live .osc_live_card_content {
    margin-bottom: 0px;
    text-align: center;
    padding-top: 10px;
}

#opensea_clone_script .animate_border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #9202d2;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 50px;
}

#opensea_clone_script .animate_border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    animation: opensea_animborder 2s linear infinite;
    border-radius: 50px;
}

@keyframes opensea_animborder {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(113px);
    }
}

@media only screen and (max-width: 600px) {
    .osc_advantages .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .ocs_banner .title,
    #opensea_clone_script .ocs_nft .title,
    #opensea_clone_script .osc_video .title,
    #opensea_clone_script .osc_whitelabel .title,
    #opensea_clone_script .osc_features .title,
    #opensea_clone_script .osc_customcurrencies .title,
    #opensea_clone_script .osc_business .title,
    #opensea_clone_script .osc_build_platform .title,
    #opensea_clone_script .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #opensea_clone_script .osc_collaboration .title,
    #opensea_clone_script .osc_whychoose .title,
    #opensea_clone_script .osc_live .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #opensea_clone_script .ocs_banner .contents,
    #opensea_clone_script .osc_video .contents,
    #opensea_clone_script .osc_whitelabel .contents,
    #opensea_clone_script .osc_customcurrencies .sub_title {
        text-align: justify;
    }
    #opensea_clone_script .ul_mob {
        padding-left: revert !important;
    }
    #opensea_clone_script .osc_customcurrencies .sub_title_1 {
        font-size: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before:before,
    #opensea_clone_script .osc_customcurrencies .timeline_vertical:after {
        display: none;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_right {
        margin-right: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_margin_left {
        margin-left: 0px;
    }
    #opensea_clone_script .osc_customcurrencies .timeline_counter_before {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_business_mob {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_card {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_collaboration .osc_collaboration_before:before {
        display: none;
    }
    #opensea_clone_script .osc_btn_mob {
        text-align: center !important;
    }
    #opensea_clone_script .ocs_banner {
        padding-top: 100px;
    }
    #opensea_clone_script .ocs_btn_mob {
        text-align: center;
    }
    #opensea_clone_script .ocs_nft .contents {
        text-align: justify;
    }
    #opensea_clone_script .ocs_nft .contents:before {
        display: none;
    }
    #opensea_clone_script .animate_border {
        margin: 0 auto;
    }
    #opensea_clone_script .osc_advantages .main {
        margin-top: 20px;
    }
    #opensea_clone_script .osc_customcurrencies .osc_row_align {
        display: grid;
    }
    #opensea_clone_script .osc_features .card-header {
        padding: 5px;
        background: #fff;
        margin-top: 20px;
    }
    #opensea_clone_script .osc_features .card-body {
        height: 300px;
        overflow: scroll;
    }
    #opensea_clone_script .osc_features [aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    #opensea_clone_script .fa-chevron-down:before {
        content: "\f078";
    }
    #opensea_clone_script .osc_features .card-header h5 {
        font-size: 17px;
        font-weight: 800;
        padding: 0px 10px;
    }
}

/*opensea clone style end*/

/*metaverse game dev style start*/

#metaverse_game_development .row_justify {
    display: flex;
    justify-content: center;
}

#metaverse_game_development .row_align {
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_nft_game {
    background: linear-gradient( 130deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_collabration {
    background: linear-gradient( 326deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_why_MetaBlock {
    background: linear-gradient( 21deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_benefits,
#metaverse_game_development .osc_tech_stack {
    background: linear-gradient( 323deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_advantage {
    background: linear-gradient( 106deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_main_benefits {
    background: linear-gradient( 178deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_build_platform {
    background: linear-gradient( 95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
}

#metaverse_game_development .mgd_banner,
#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_collabration,
#metaverse_game_development .mgd_why_MetaBlock {
    padding: 0px;
}

#metaverse_game_development .mgd_platform,
#metaverse_game_development .mgd_live,
#metaverse_game_development .mgd_element,
#metaverse_game_development .mgd_benefits,
#metaverse_game_development .mgd_advantage,
#metaverse_game_development .mgd_main_benefits,
#metaverse_game_development .mgd_build_platform,
#metaverse_game_development .mgd_nft_game,
#metaverse_game_development .mgd_why_MetaBlock,
#metaverse_game_development .mgd_collabration {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 767px) {
    #metaverse_game_development .mgd_banner {
        /* background-image: url('public/images/inner-pages/metaverse-game-dev/banner.png'); */
        height: 650px;
        display: grid;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
}

#metaverse_game_development .mgd_banner .title {
    color: #fff;
    font-size: 45px;
    text-align: left;
    font-weight: 800;
}

#metaverse_game_development .mgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 22px;
    padding-top: 15px;
    line-height: 1.3;
}

#metaverse_game_development .mgd_btn {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient( 130deg, rgba(245, 74, 5, 1) 16%, rgba(166, 34, 21, 1) 58%, rgb(117 0 69) 91%);
    border-radius: 20px 0px 20px 0px;
    border: none;
}

#metaverse_game_development .mgd_btn:hover {
    color: #fff;
}

#metaverse_game_development .mgd_heighlights {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#metaverse_game_development .game_icon {
    font-size: 20px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

#metaverse_game_development .mgd_platform .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#metaverse_game_development .mgd_platform .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform .sub_title {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

#metaverse_game_development .mgd_platform .sub_content {
    color: #fff;
    font-size: 16px;
}

#metaverse_game_development .mgd_platform_main {
    margin-top: 40px;
}

#metaverse_game_development .mgd_live .title {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}

#metaverse_game_development .mgd_live ul li {
    list-style: none;
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    display: flex;
    align-items: center;
}

#metaverse_game_development .mgd_live ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 16px;
}

#metaverse_game_development .mgd_live ul li i {
    background: -webkit-linear-gradient(#ff4a01, #a900b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotation 2s infinite linear;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_element .mgd_element_card {
    padding: 10px;
    min-height: 158px;
    margin-top: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#metaverse_game_development .mgd_element .mgd_element_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_element .mgd_element_img {
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #b12712;
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 0px 6px 0px #d3390c;
}

#metaverse_game_development .mgd_element .mgd_element_img:hover {
    box-shadow: 0px -1px 0px 5px #d3390c;
}

#metaverse_game_development .mgd_benefits .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card {
    padding: 15px;
    box-shadow: inset -3px -6px 16px 0px #897f7f8c, inset 9px 5px 14px 0px #202036;
    background-color: #ffffff17;
    border-radius: 5px;
    margin-top: 30px;
    min-height: 200px;
    display: grid;
    align-items: center;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_benefits .mgd_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card {
    padding: 10px;
    margin-top: 20px;
    background: linear-gradient( 130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    box-shadow: 8px 0px 0px 0px #f77905;
    border-radius: 20px 0px 20px 0px;
}

#metaverse_game_development .mgd_advantage .mgd_advantage_card_content {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_main_benefits .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card {
    padding: 20px;
    margin-top: 40px;
    border-radius: 20px;
    min-height: 285px;
    box-shadow: -1px 1px 6px 4px #00000087;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_head {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}

#metaverse_game_development .mgd_main_benefits .mgd_main_benefits_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon_main {
    position: relative;
}

#metaverse_game_development .mgd_main_benefits .bene_game_icon {
    font-size: 40px;
    /*animation: zoom-in-zoom-out 2s ease-out infinite;*/
    color: #f77905;
    transform: rotate(323deg);
    position: absolute;
    top: -15px;
    left: -14px;
}

#metaverse_game_development .mgd_build_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
    padding: 15px;
    margin-top: 20px;
    min-height: 355px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_head {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_in {
    height: 70px;
    width: 70px;
    background: #181226;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #f77905;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

#metaverse_game_development .mgd_build_platform .mgd_build_platform_icon_out:before {
    content: "";
    -webkit-clip-path: polygon(100% 0, 0 0, 51% 100%);
    clip-path: polygon(100% 0, 0 0, 51% 100%);
    position: absolute;
    bottom: -20px;
    width: 30px;
    height: 30px;
    background: #f77905;
}

#metaverse_game_development .mgd_nft_game .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_design {
    background: linear-gradient( 130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    display: flex;
    align-items: center;
    height: 450px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #fa7903fc;
    border-radius: 0px 80px 0px 80px;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content_design {
    background: linear-gradient( 130deg, rgb(44 1 39) 18%, rgb(11 11 46) 55%, rgb(34 9 37) 88%);
    padding: 10px;
    border: 2px solid #ff6e00;
}

#metaverse_game_development .mgd_nft_game .mgd_nft_game_card_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

#metaverse_game_development .mgd_nft_game .owl-dots {
    display: none;
}

#metaverse_game_development .mgd_nft_game .owl-carousel .owl-item img {
    width: 100% !important;
}

#metaverse_game_development .mgd_nft_game .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*="owl-"] {
    background: #ff6a00;
    font-size: 20px;
}

#metaverse_game_development .mgd_nft_game .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #ff6a00;
}

#metaverse_game_development .mgd_collabration .title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card {
    padding: 40px 20px;
    margin-top: 20px;
    border-top: 2px dotted #ff7300;
    border-left: 2px dotted #ff7300;
    border-right: 2px dotted #ff7300;
    position: relative;
    border-radius: 20px;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    background: #ff7300;
    padding: 7px;
    position: absolute;
    top: 32px;
    left: 0;
}

#metaverse_game_development .mgd_collabration .mgd_collabration_card_content {
    text-align: left;
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
}

#metaverse_game_development .mgd_why_MetaBlock .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li {
    display: flex;
    margin-top: 25px;
    align-items: center;
}

#metaverse_game_development .mgd_why_MetaBlock ul li i {
    color: #ff7300;
    font-size: 18px;
}

#metaverse_game_development .mgd_why_MetaBlock ul li p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    padding-left: 15px;
}

#metaverse_game_development .mgd_why_MetaBlock .mgd_why_MetaBlock_ul {
    display: grid;
    justify-content: flex-end;
}

#metaverse_game_development .metaverse_game_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#metaverse_game_development .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

#metaverse_game_development .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    #metaverse_game_development .row_justify {
        display: inline;
        display: initial;
    }
    #metaverse_game_development .row_align {
        display: inline;
        display: initial;
    }
    .mgd_banner {
        background: linear-gradient( 95deg, rgb(18 13 53) 24%, rgb(40 26 55) 55%, rgb(73 27 77) 88%);
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #metaverse_game_development .mgd_banner .title {
        font-size: 30px;
        text-align: center;
    }
    #metaverse_game_development .mgd_banner .contents {
        text-align: center;
    }
    .mgd_btn_mob {
        text-align: center;
    }
    #metaverse_game_development .mgd_platform .title,
    #metaverse_game_development .mgd_live .title,
    #metaverse_game_development .mgd_element .title,
    #metaverse_game_development .mgd_benefits .title,
    #metaverse_game_development .mgd_build_platform .title,
    #metaverse_game_development .mgd_nft_game .title,
    .MetaBlock_metaverse_deve .nftgp_sectitle_wrap .nftgp_sec_title,
    #metaverse_game_development .mgd_collabration .title,
    #metaverse_game_development .mgd_why_MetaBlock .title {
        font-size: 25px;
        line-height: 1.3;
    }
    #metaverse_game_development .mgd_platform .contents {
        text-align: justify;
    }
    #metaverse_game_development .mgd_platform .sub_title,
    #metaverse_game_development .mgd_platform .sub_content {
        text-align: center;
    }
    #metaverse_game_development .mgd_build_platform .mgd_build_platform_card {
        margin-top: 0px;
        min-height: 0;
        min-height: initial;
    }
}

/*metaverse game dev style end*/

/*celebrity nft marketplace style start*/

#celebrity_nft_marketplace_dev {
    background: linear-gradient(45deg, #2f0f37, #1d0b3c, #1a0817);
    padding-bottom: 80px;
}

#celebrity_nft_marketplace_dev .cnmd_banner,
#celebrity_nft_marketplace_dev .cnmd_business,
#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    padding: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative,
#celebrity_nft_marketplace_dev .cnmd_platform,
#celebrity_nft_marketplace_dev .cnmd_top_celebrity,
#celebrity_nft_marketplace_dev .cnmd_features,
#celebrity_nft_marketplace_dev .cnmd_benefits,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream,
#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft,
#celebrity_nft_marketplace_dev .cnmd_process,
#celebrity_nft_marketplace_dev .cnmd_collaboration,
#celebrity_nft_marketplace_dev .MetaBlock_metaverse_deve,
#celebrity_nft_marketplace_dev .cnmd_turn,
#celebrity_nft_marketplace_dev .cnmd_why_choose {
    margin-top: 50px;
}

@media (min-width: 767px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        /* background: url(public/images/inner-pages/celebrity-nft-marketplace/banner.jpg); */
        height: 600px;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
}

#celebrity_nft_marketplace_dev .cnmd_banner .title {
    font-size: 40px;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 2px 2px #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_banner .contents {
    font-size: 18px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
    line-height: 1.6;
}

#celebrity_nft_marketplace_dev .row_justify {
    display: flex;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .row_align {
    display: flex;
    align-items: center;
}

#celebrity_nft_marketplace_dev .cnmd_btn {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    background: #ff5e00;
    border-radius: 5px;
}

#celebrity_nft_marketplace_dev .cnmd_business .title {
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_business .contents {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_superlative .contents {
    color: #fff;
    font-size: 17px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_platform .contents {
    text-align: center;
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
    padding: 20px 10px;
    background: #ffffff0f;
    margin-top: 35px;
    border: 1px solid #ffffff1c;
    border-radius: 10px;
    min-height: 335px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:after {
    top: 0%;
    right: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-left-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design:before {
    top: 0%;
    left: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(55, 139, 52, 0);
    border-right-color: #ff5e00;
    border-width: 9px;
    margin-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_icons_design {
    height: 70px;
    width: 70px;
    border-radius: 0px 0px 50% 50%;
    background: #ff5e00;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .title {
    text-align: left;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before {
    content: " \25C9";
    position: absolute;
    color: #ff5e00;
    left: -20px;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 15px;
    line-height: 1.5;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card {
    background: #2f1a46b5;
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 4px 0px 0px #fb6711;
    border: 1px solid #e1d9e914;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_counter {
    counter-reset: cnmd_counter_increment;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card:before {
    counter-increment: cnmd_counter_increment;
    content: counter(cnmd_counter_increment);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background: #ff5e00;
    position: absolute;
    top: 8px;
    left: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

#celebrity_nft_marketplace_dev .cnmd_top_celebrity .cnmd_top_celebrity_card_content {
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_features .title {
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.2;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card {
    margin-top: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title {
    font-size: 20px;
    font-weight: 800;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_title:before {
    content: "|";
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_features .cnmd_features_card_content {
    font-size: 17px;
    color: #fff;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
    display: none;
}

@media (min-width: 768px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs {
        display: flex;
        border-bottom: 0;
        border-bottom: initial;
        justify-content: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card {
        border: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .card-header {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card .collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    #celebrity_nft_marketplace_dev .cnmd_benefits .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-link {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav-tabs>li.active>a:hover {
    background-color: #fb6711;
    color: #fff;
    border: none;
    border-radius: 40px 0px 40px 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:focus,
#celebrity_nft_marketplace_dev .cnmd_benefits .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
    border: none;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_head {
    font-weight: 800;
    text-align: center;
    font-size: 19px;
    color: #fff;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_benefits .cnmd_benefits_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 1px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    padding-top: 20px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream ul li:before {
    content: "\276F";
    position: absolute;
    left: -15px;
    color: #ff5e00;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title {
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul {
    padding-left: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li {
    list-style: none;
    color: #fff;
    padding-top: 25px;
    font-size: 17px;
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
    content: "\25B6";
    position: absolute;
    left: -20px;
    color: #ff5e00;
}

#celebrity_nft_marketplace_dev .cnmd_process .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

#celebrity_nft_marketplace_dev .cnmd_process .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card {
    display: flex;
    min-height: 295px;
    margin-top: 30px;
    border: 1px solid #ffffff38;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_content {
    color: #fff;
    font-size: 17px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head {
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_card_head_des {
    background: #fb6711;
    padding: 20px;
    border-radius: 0% 10px 90% 0px;
    width: 165px;
    height: 165px;
}

#celebrity_nft_marketplace_dev .cnmd_process .cnmd_process_content_des {
    padding: 10px 15px;
    text-align: justify;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card {
    padding: 10px;
    margin-top: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:before {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_head:after {
    content: "|";
    color: #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_content {
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 1px solid #fb6711;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px 2px #fb6711;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
    width: 20px;
    height: 20px;
    background: #fb6711;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before {
    position: relative;
}

#celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    right: 0;
    top: 130px;
    left: 0;
}

#celebrity_nft_marketplace_dev .cnmd_turn .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card {
    padding: 15px 10px;
    margin-top: 20px;
    border: 1px dotted #ff5e00;
    min-height: 170px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

#celebrity_nft_marketplace_dev .cnmd_turn .cnmd_turn_card_content {
    color: #fff;
    text-align: center;
    font-size: 17px;
    min-height: 105px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
}

#celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

#celebrity_nft_marketplace_dev .platform_icons {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

#celebrity_nft_marketplace_dev .platform_icons_new {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#celebrity_nft_marketplace_dev .process_icons_new {
    height: 70px;
    width: 70px;
    object-fit: none;
    margin: 10px;
}

#celebrity_nft_marketplace_dev .cnmd_line {
    width: 100px;
    height: 2px;
    background: #ff5e00;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
    #celebrity_nft_marketplace_dev .cnmd_banner {
        height: 500px;
        display: flex;
        align-items: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .title,
    #celebrity_nft_marketplace_dev .cnmd_business .title,
    #celebrity_nft_marketplace_dev .cnmd_superlative .title,
    #celebrity_nft_marketplace_dev .cnmd_platform .title,
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity .title,
    #celebrity_nft_marketplace_dev .cnmd_features .title,
    #celebrity_nft_marketplace_dev .cnmd_benefits .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .title,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft .title,
    #celebrity_nft_marketplace_dev .cnmd_process .title,
    #celebrity_nft_marketplace_dev .cnmd_collaboration .title,
    #celebrity_nft_marketplace_dev .cnmd_turn .title,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    #celebrity_nft_marketplace_dev .cnmd_banner .contents,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream .contents {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_btn_mob {
        text-align: center;
    }
    #celebrity_nft_marketplace_dev .cnmd_business .contents,
    #celebrity_nft_marketplace_dev .cnmd_why_choose .contents {
        text-align: justify;
    }
    #celebrity_nft_marketplace_dev .cnmd_line {
        margin: 0 auto;
    }
    #celebrity_nft_marketplace_dev .cnmd_platform .cnmd_platform_card {
        min-height: auto;
    }
    #celebrity_nft_marketplace_dev .row_align {
        display: grid;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_before:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_collaboration .cnmd_collaboration_card_round {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_top_celebrity ul li:before,
    #celebrity_nft_marketplace_dev .cnmd_revenue_stream_nft ul li:before {
        display: none;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header {
        background: #fff;
        padding: 8px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-header h5 {
        font-weight: 800;
        font-size: 18px;
    }
    #celebrity_nft_marketplace_dev .cnmd_benefits .card-body {
        height: 250px;
        overflow: scroll;
    }
}

/*celebrity nft marketplace style end*/

/*cryptocurrency exchange script new style start*/

.cryptocurrency_exchange_script {
    background: #fff;
    padding-bottom: 50px;
}

.cryptocurrency_exchange_script .cesd_banner,
.cryptocurrency_exchange_script .cesd_what,
.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    padding: 0px;
}

.cryptocurrency_exchange_script .cesd_whitelabel,
.cryptocurrency_exchange_script .cesd_scope,
.cryptocurrency_exchange_script .cesd_workflow,
.cryptocurrency_exchange_script .cesd_various_business,
.cryptocurrency_exchange_script .cesd_features,
.cryptocurrency_exchange_script .cesd_corefeatures,
.cryptocurrency_exchange_script .cesd_clone,
.cryptocurrency_exchange_script .cesd_platform,
.cryptocurrency_exchange_script .cesd_collaboration,
.cryptocurrency_exchange_script .cesd_project {
    /* margin-top: 70px;*/
    padding-top: 60px;
}

.cryptocurrency_exchange_script .row_justify {
    display: flex;
    justify-content: center;
}

.cryptocurrency_exchange_script .row_align {
    display: flex;
    align-items: center;
}

.cryptocurrency_exchange_script .cesd_banner {
    background: #fff;
    height: 100%;
    padding-top: 130px;
    padding-bottom: 80px;
}

.cryptocurrency_exchange_script .cesd_banner .title {
    font-weight: 800;
    text-align: left;
    font-size: 35px;
    text-transform: uppercase;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_banner .contents {
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_btn {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    background: #9d0035;
    border-radius: 5px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card {
    border: 1px solid #000;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.cryptocurrency_exchange_script .cesd_banner .cesd_banner_card_main {
    width: auto;
}

.cryptocurrency_exchange_script .cesd_what .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_what .contents {
    color: #000;
    font-size: 16px;
    text-align: center;
}

.cryptocurrency_exchange_script .cesd_whitelabel {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_whitelabel .title {
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_whitelabel .contents {
    color: #000;
    font-size: 16px;
    text-align: justify;
}

.cryptocurrency_exchange_script .cesd_scope .title {
    font-size: 35px;
    color: #000;
    font-weight: 800;
    text-align: left;
    line-height: 1.1;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_scope ul li {
    list-style: none;
    color: #000;
    font-size: 16px;
    padding-top: 15px;
    position: relative;
}

.cryptocurrency_exchange_script .cesd_scope ul li:before {
    content: "\25B6";
    color: #1ef4f4;
    position: absolute;
    left: -20px;
}

.cryptocurrency_exchange_script .cesd_workflow {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_workflow .title {
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .title {
    color: #000;
    font-weight: 800;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_various_business .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card {
    margin-top: 30px;
    min-height: 408px;
    border: 1px solid #ae2a54;
    padding: 20px;
    box-shadow: 0px 0px 4px 2px #ae2a54;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_head {
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    padding-top: 20px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_card_content {
    color: #000;
    text-align: justify;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_various_business .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    background: #ae2a54;
}

.cryptocurrency_exchange_script .cesd_features .title {
    text-align: center;
    font-weight: 800;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_features .contents {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head {
    color: #000;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_head:before {
    content: "|";
    color: #9d0035;
}

.cryptocurrency_exchange_script .cesd_features .cesd_features_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_features .cesd_corefeatures {
    background: linear-gradient( 144deg, #16a7af, transparent, transparent, transparent, transparent, #16a7af);
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
    display: none;
}

.cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
    color: #000;
    font-weight: 800;
    font-size: 20px;
}

@media (min-width: 768px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs {
        display: flex;
        border-bottom: none;
        justify-content: center;
        border: 1px solid #15e9f4;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li {
        border-left: 1px solid #15e9f4;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a:hover {
        background: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li>a {
        margin-right: 0px;
        border: none;
        border-radius: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .cryptocurrency_exchange_script .cesd_corefeatures .nav-tabs>li.active>a:hover {
        background-color: #16a7af;
        color: #fff;
        border: 0px;
        border-bottom-color: #fff;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card {
        border: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .card-header {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .card .collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .cryptocurrency_exchange_script .cesd_corefeatures .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
    margin-top: 20px;
    border: 1px solid #16a7af;
    padding: 13px;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 3px 3px 0px #16a7af;
    min-height: 212px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_head {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-top: 10px;
}

.cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card_content {
    text-align: center;
    font-size: 16px;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_clone .title {
    font-weight: 800;
    text-align: left;
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.1;
}

.cryptocurrency_exchange_script .cesd_clone .contents {
    text-align: left;
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card {
    padding: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_head {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_clone .item {
    background: #001b1d;
    /* box-shadow: 1px 2px 1px 1px #fff; */
    border: 1px solid #053e42;
    border-radius: 20px;
}

.cryptocurrency_exchange_script .cesd_clone .cesd_clone_card_icon_design {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #d40042;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 1px #d80043;
}

.cryptocurrency_exchange_script .cesd_clone .owl-dots {
    display: none;
}

.cryptocurrency_exchange_script .cesd_clone .owl-nav {
    position: absolute;
    left: 47%;
    bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_clone .owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 20px;
    margin: 5px;
    padding: 4px 10px;
    background: #c7094d;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.cryptocurrency_exchange_script .cesd_platform {
    background: #fff;
    padding-bottom: 30px;
}

.cryptocurrency_exchange_script .cesd_platform .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
    padding: 20px 30px;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_head {
    color: #000;
    font-size: 20px;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_platform .cesd_platform_card_content {
    color: #000;
    font-size: 16px;
}

.cryptocurrency_exchange_script .timeline_after {
    position: relative;
}

.cryptocurrency_exchange_script .timeline_after:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0px;
    background: #000;
    left: 50%;
    right: 50%;
    width: 1px;
}

.cryptocurrency_exchange_script .timeline_counter_after {
    position: relative;
    overflow: hidden;
    counter-increment: timeline_counter_before;
}

.cryptocurrency_exchange_script .timeline_counter_after:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #0eb4bd;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    content: counter(timeline_counter_before);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
}

.cryptocurrency_exchange_script .timeline_counter_after:before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
    border: 2px solid #fff;
    border-left-color: #c7094d;
    border-right-color: #c7094d;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.cryptocurrency_exchange_script .cesd_collaboration {
    background: #fff;
    margin-bottom: 35px;
}

.cryptocurrency_exchange_script .cesd_collaboration .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #000;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card {
    margin-top: 35px;
    padding: 20px;
    background: linear-gradient(4deg, #b11848, #e01a58, #bd194c);
    border: 1px dotted #ffffff24;
    border-radius: 20px 0px 20px 0px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_head {
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_collaboration .cesd_collaboration_card_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.cryptocurrency_exchange_script .cesd_project {
    background: #fff;
}

.cryptocurrency_exchange_script .cesd_project .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 800;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card {
    padding: 10px;
    margin-top: 30px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_head {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_content {
    color: #000;
    text-align: center;
    font-size: 16px;
}

.cryptocurrency_exchange_script .cesd_project .cesd_project_card_icon_design {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #16b4bd;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0eb4bda8;
    box-shadow: 0px 0px 4px 3px #16b4bd;
}

.cryptocurrency_exchange_script .project_after_line {
    position: relative;
}

.cryptocurrency_exchange_script .project_after_line:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #0eb4bd;
    position: absolute;
    top: 140px;
}

.cryptocurrency_exchange_script .project_after_round {
    width: 20px;
    height: 20px;
    background: #0eb4bd;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cryptocurrency_exchange_script .cesd_business_icon {
    height: 60px;
    width: 60px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_clone_icon {
    width: 90px;
    height: 90px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_project_icon {
    height: 50px;
    width: 50px;
    object-fit: none;
}

.cryptocurrency_exchange_script .cesd_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.cryptocurrency_exchange_script .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

@media only screen and (max-width: 600px) {
    .cryptocurrency_exchange_script .row_justify {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .row_align {
        display: inline;
        display: initial;
    }
    .cryptocurrency_exchange_script .cesd_banner .title,
    .cryptocurrency_exchange_script .cesd_whitelabel .title,
    .cryptocurrency_exchange_script .cesd_scope .title,
    .cryptocurrency_exchange_script .cesd_various_business .title,
    .cryptocurrency_exchange_script .cesd_features .title,
    .cryptocurrency_exchange_script .cesd_corefeatures .title,
    .cryptocurrency_exchange_script .cesd_clone .title,
    .cryptocurrency_exchange_script .cesd_platform .title,
    .cryptocurrency_exchange_script .cesd_collaboration .title,
    .cryptocurrency_exchange_script .cesd_project .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.1;
    }
    .cryptocurrency_exchange_script .cesd_banner .contents {
        text-align: center;
    }
    .cesd_btn_align {
        text-align: center;
    }
    .cryptocurrency_exchange_script .cesd_banner {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .cryptocurrency_exchange_script .cesd_what .title {
        font-size: 25px;
    }
    .cryptocurrency_exchange_script .cesd_what .contents {
        text-align: justify;
    }
    .cryptocurrency_exchange_script .cesd_whitelabel,
    .cryptocurrency_exchange_script .cesd_scope,
    .cryptocurrency_exchange_script .cesd_workflow,
    .cryptocurrency_exchange_script .cesd_various_business,
    .cryptocurrency_exchange_script .cesd_features,
    .cryptocurrency_exchange_script .cesd_corefeatures,
    .cryptocurrency_exchange_script .cesd_clone,
    .cryptocurrency_exchange_script .cesd_platform,
    .cryptocurrency_exchange_script .cesd_collaboration,
    .cryptocurrency_exchange_script .cesd_project {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_features .cesd_features_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .cesd_corefeatures .cesd_corefeatures_card {
        min-height: 0;
        min-height: initial;
    }
    .cryptocurrency_exchange_script .cesd_btn {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .cryptocurrency_exchange_script .cesd_clone .owl-nav {
        left: 36%;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:before {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_counter_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .timeline_after:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_platform .cesd_platform_card {
        padding: 0px;
    }
    .cryptocurrency_exchange_script .project_after_round {
        display: none;
    }
    .cryptocurrency_exchange_script .project_after_line:after {
        display: none;
    }
    .cryptocurrency_exchange_script .cesd_project .cesd_project_card {
        margin-top: 0px;
    }
    .cryptocurrency_exchange_script .card-header {
        background: #fff;
        margin-top: 10px;
    }
    .cryptocurrency_exchange_script .card-header h5 {
        font-size: 20px;
        font-weight: 800;
    }
    .cryptocurrency_exchange_script .card-body {
        height: 200px;
        overflow: scroll;
    }
    .cryptocurrency_exchange_script .cesd_line {
        display: none;
    }
    .cryptocurrency_exchange_script .line {
        display: none;
    }
}

/*cryptocurrency exchange script new style end*/

/* Blockchain Game Devlopment new style starts */

.blockchain_game_dev .row_justify {
    display: flex;
    justify-content: center;
}

.blockchain_game_dev .bgd_banner {
    padding: 50px;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_benefits,
.blockchain_game_dev .bgd_platform,
.blockchain_game_dev .bgd_usecase,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.blockchain_game_dev .row_align {
    display: flex;
    align-items: center;
}

.blockchain_game_dev .bgd_banner_btn {
    font-size: 16px;
    color: #fff !important;
    font-weight: 800;
    text-align: center;
    background: #fe5b6d;
    border-radius: 5px;
}

@media (min-width: 767px) {
    .blockchain_game_dev .bgd_banner {
        background: linear-gradient(45deg, #151027, #1b122a, #151027);
        height: 100vh;
        display: flex;
        align-items: center;
        /* background: url('public/images/inner-pages/blockchain-game-dev/banner.png'); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;
    }
}

.blockchain_game_dev .bgd_banner .title {
    text-align: left;
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_banner .contents {
    color: #fff;
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_top_notch,
.blockchain_game_dev .bgd_services,
.blockchain_game_dev .bgd_game,
.blockchain_game_dev .bgd_process,
.blockchain_game_dev .bgd_tech,
.blockchain_game_dev .bgd_stand {
    background: linear-gradient(45deg, #151027, #1b122a, #151027);
}

.blockchain_game_dev .bgd_top_notch .title {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_top_notch .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_bg {
    width: 15px;
    height: 15px;
    background: #ff5c6e;
    display: block;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 20px #ff5c6e;
}

.blockchain_game_dev .bgd_services .title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_services .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

.blockchain_game_dev .bgd_services .bgd_services_list_design {
    background: linear-gradient( 130deg, rgb(234 83 102 / 37%) 0%, rgb(11 11 46) 15%, rgb(49 23 55) 100%);
    display: flex;
    align-items: center;
    height: 500px;
    margin-top: 50px;
    padding: 30px;
    box-shadow: -1px -1px 4px 3px #f25669;
    border-radius: 0px 80px 0px 80px;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content_design {
    background: linear-gradient( 130deg, rgb(245 88 106 / 33%) 0%, rgb(11 11 46) 39%, rgb(36 19 52) 88%);
    padding: 10px;
    border: 2px solid #ff5c6e;
}

.blockchain_game_dev .bgd_services .bgd_service_list_content {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_services .owl-carousel .owl-item img {
    width: 100% !important;
}

.blockchain_game_dev .bgd_services .owl-nav {
    position: absolute;
    top: -56px;
    right: 67px;
}

.blockchain_game_dev .bgd_services .owl-theme .owl-nav [class*="owl-"] {
    background: #ff6a00;
    font-size: 20px;
}

.blockchain_game_dev .bgd_services .owl-dots {
    display: none;
}

.blockchain_game_dev .bgd_game .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockchain_game_dev .bgd_game .contents {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list {
    padding: 25px;
    margin-top: 35px;
    box-shadow: 0px 0px 11px 6px #1502095c;
    border-radius: 20px;
    background: linear-gradient(45deg, #60264330, #130e30a1);
    min-height: 295px;
    position: relative;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_title {
    color: #ff6273;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_game .bgd_game_list .sub_content {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .bgd_game .bgd_game_list:after {
    content: "";
    border: 1px solid #ff627369;
    position: absolute;
    width: 93%;
    height: 88%;
    left: 15px;
    border-radius: 20px;
    top: 15px;
}

.blockchain_game_dev .bgd_benefits .title {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #000;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list {
    display: flex;
    margin-top: 20px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_title {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 18px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.blockchain_game_dev .bgd_benefits .bgd_benefits_list_main {
    margin-left: 15px;
}

.blockchain_game_dev .bgd_platform .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_platform .contents {
    text-align: center;
    font-size: 16px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list {
    background: #191129;
    padding: 15px;
    box-shadow: 0px 0px 20px 13px #05050536;
    margin-top: 10px;
    min-height: 330px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 0px;
    position: relative;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list p:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ff6273;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -7px;
    transform: translate(-50%, 50%);
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul {
    display: grid;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li {
    list-style: none;
    padding-top: 20px;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.blockchain_game_dev .bgd_platform .bgd_platform_list ul li:before {
    content: "\25C9";
    position: absolute;
    left: 0px;
    color: #ff6273;
}

.blockchain_game_dev .bgd_usecase .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list {
    padding: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_title {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 800;
    color: #000;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_list .sub_content {
    color: #000;
    font-size: 16px;
    padding-top: 7px;
    margin-bottom: 0px;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #191129;
    position: absolute;
    top: 0px;
    left: 50%;
    right: 50%;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side {
    position: relative;
}

.blockchain_game_dev .bgd_usecase .bgd_usecase_side:after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #ff6273;
    position: absolute;
    left: 100%;
    top: 15px;
    right: 0px;
    bottom: 0px;
    transform: translate(-50%, 50%);
    z-index: 1;
}

.blockchain_game_dev .bgd_process .title {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .title {
    text-align: left;
    font-weight: 800;
    color: #fff;
    font-size: 50px;
    line-height: 1;
    background: linear-gradient(to right, #fff 5%, #ff243c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}

.blockchain_game_dev .bgd_stand .contents {
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list {
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    border-radius: 15px;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #000;
}

.blockchain_game_dev .bgd_stand .bgd_stand_list .sub_content {
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.blockchain_game_dev .mgf_line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.blockchain_game_dev .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(45deg, #e3323b, #c81a75);
    display: block;
    margin-left: 10px;
    border-radius: 26px 0px 0px 0px;
}

.blockchain_game_dev .services_img {
    width: 320px;
    height: 340px;
    object-fit: none;
}

.bgd_benefits_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
    max-width: none;
    max-width: initial;
}

@media only screen and (max-width: 600px) {
    .blockchain_game_dev .bgd_banner {
        background: #161128;
        padding: 0px;
        height: 500px;
        display: flex;
        align-items: center;
    }
    .blockchain_game_dev .row_justify,
    .blockchain_game_dev .row_align {
        display: inline;
        display: initial;
    }
    .blockchain_game_dev .bgd_banner .title {
        text-align: center;
        font-size: 30px;
    }
    .blockchain_game_dev .bgd_banner .contents,
    .blockchain_game_dev .bgd_stand .title,
    .blockchain_game_dev .bgd_stand .contents {
        text-align: center;
    }
    .bgd_banner_btn_mob {
        text-align: center !important;
    }
    .blockchain_game_dev .bgd_top_notch .title,
    .blockchain_game_dev .bgd_services .title,
    .blockchain_game_dev .bgd_game .title,
    .blockchain_game_dev .bgd_benefits .title,
    .blockchain_game_dev .bgd_platform .title,
    .blockchain_game_dev .bgd_usecase .title,
    .blockchain_game_dev .bgd_process .title,
    .blockchain_game_dev .bgd_stand .title {
        font-size: 25px;
    }
    .blockchain_game_dev .bgd_usecase .bgd_usecase_side:after,
    .blockchain_game_dev .bgd_usecase .bgd_usecase_main:after {
        display: none;
    }
}

/* Blockchain Game Devlopment new style ends */

/*white label cryptocurrency software start*/

.white_label_main .row_justify {
    display: flex;
    justify-content: center;
}

.white_label_main .wl_banner {
    height: 100vh;
    /* background: url('public/images/inner-pages/whitelabel-crypto/whitelabel-banner.png'); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.white_label_main .wl_banner .title {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.white_label_main .wl_banner .contents {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    padding-top: 10px;
}

.white_label_main .wl_btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    padding: 15px;
    border-radius: 50px;
    margin-top: 7px;
}

.white_label_main .wl_btn_hover:hover {
    background: #fff;
    color: #000;
}

.white_label_main .wl_dev,
.white_label_main .wl_features_sec,
.white_label_main .wl_types,
.white_label_main .wl_benefits,
.white_label_main .wl_process,
.white_label_main .wl_why,
.white_label_main .wl_hire,
.white_label_main .wl_automate,
.white_label_main .wl_breadcrumb {
    padding: 0px;
}

.white_label_main .wl_dev {
    margin-top: 20px;
}

.white_label_main .wl_dev .title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    line-height: 1.3;
    text-align: center;
}

.white_label_main .wl_dev .contents {
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: 1.7;
    padding-top: 10px;
}

.white_label_main .wl_features_sec .wl_features_head .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.white_label_main .wl_features_sec .wl_features_head .contents {
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
}

.white_label_main .wl_features_sec .wl_features_tab_content .panel {
    background: transparent;
}

@media (min-width: 768px) {
    .white_label_main .wl_features_sec .wl_features_nav_tabs {
        border-bottom: 0;
        text-align: center;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li {
        float: none;
        display: inline-block;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li>a {
        border: 1px solid #ad1650 !important;
        border-radius: 0px;
        margin: 5px 3px;
        font-size: 16px;
        font-weight: 800;
        color: #ad1650;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs>li.active>a {
        background: #ad1650;
        color: #fff;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-heading {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        border: none;
        box-shadow: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse {
        height: auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane {
        display: block;
        margin: 10px auto;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-heading {
        background: #ad1650;
        padding: 15px 10px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel .panel-heading>a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .panel-body {
        height: 300px;
        overflow-y: scroll;
    }
    .white_label_main .wl_features_sec .wl_features_nav_tabs.nav-tabs {
        display: none;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel-title a {
        display: block;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a[data-toggle="collapse"] i:before {
        content: "\f078";
    }
    .white_label_main .wl_features_sec .wl_features_tab_content .panel a .panel-title {
        font-weight: 800;
        text-transform: uppercase;
    }
    .white_label_main .wl_features_sec .wl_features_tab_content.tab-content .tab-pane .features_list .feature-img {
        display: none;
    }
}

.white_label_main .wl_features_sec .features_list {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    box-shadow: 1px 1px 12px 0px rgb(151 163 184 / 50%);
}

.white_label_main .wl_features_sec {
    margin-top: 20px;
    background: #cccccc38;
}

.white_label_main .wl_features_sec .features_list .sub_content {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.white_label_main .wl_types {
    margin-top: 20px;
}

.white_label_main .wl_types .title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_types .types_list {
    padding: 15px;
    margin-top: 20px;
    text-align: center;
    border: 1px dotted #000;
    min-height: 326px;
}

.white_label_main .wl_types .types_list .sub_title {
    font-size: 19px;
    font-weight: 800;
}

.white_label_main .wl_types .types_list .sub_content {
    font-size: 15px;
}

.white_label_main .wl_benefits {
    margin-top: 50px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_benefits .title {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
}

.white_label_main .wl_benefits ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_benefits ul {
    padding-left: 0px;
}

.white_label_main .wl_benefits ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .line {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
}

.white_label_main .line_center {
    display: block;
    height: 2px;
    width: 70px;
    background: #ae2a53;
    margin: 0 auto;
    margin-bottom: 10px;
}

.white_label_main .row_align {
    display: flex;
    align-items: center;
}

.white_label_main .wl_process {
    margin-top: 20px;
}

.white_label_main .wl_process .title {
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_process .process_list {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

.white_label_main .wl_process .process_list .sub_title {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
}

.white_label_main .wl_process .process_list .sub_content {
    padding-top: 6px;
    margin-bottom: 0px;
}

.white_label_main .wl_process .process_round {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ae2a53;
    display: block;
    margin: 5px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.white_label_main .wl_why {
    margin-top: 40px;
    background: #cccccc38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white_label_main .wl_why .title {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}

.white_label_main .wl_why .contents {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 10px;
}

.white_label_main .wl_why ul li {
    font-size: 16px;
    margin-top: 15px;
    list-style: none;
    position: relative;
}

.white_label_main .wl_why ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ae2a53;
}

.white_label_main .wl_hire {
    margin-top: 30px;
    margin-bottom: 30px;
}

.white_label_main .wl_hire .title {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.white_label_main .wl_hire .contents {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.wl_automate {
    margin-top: 40px;
}

.wl_automate_div {
    border: 2px solid #205a5d;
    padding: 40px;
    text-align: center;
    border-radius: 5px;
}

.wl_automate .contents {
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3;
}

.wl_breadcrumb {
    margin-top: 20px;
}

@media only screen and (max-width: 600px) {
    .white_label_main .row_justify,
    .white_label_main .row_align {
        display: inherit;
    }
    .white_label_main .wl_banner .title,
    .white_label_main .wl_dev .title,
    .white_label_main .wl_features_sec .wl_features_head .title,
    .white_label_main .wl_types .title,
    .white_label_main .wl_benefits .title,
    .white_label_main .wl_process .title,
    .white_label_main .wl_why .title,
    .white_label_main .wl_hire .title,
    .wl_automate .contents {
        font-size: 25px;
    }
    .white_label_main .wl_banner .contents {
        font-size: 18px;
    }
    .white_label_main .wl_dev .contents,
    .white_label_main .wl_hire .contents {
        text-align: justify;
    }
    .white_label_main .wl_types .types_list {
        min-height: 0;
        min-height: initial;
    }
    .white_label_main .wl_benefits ul {
        padding-left: revert;
    }
}

/*white label cryptocurrency software end*/

/* web 3.0 Development company starts  */

.web-3-0-development-company .cesd_various_business .cesd_various_business_card {
    min-height: 330px;
}

.web-3-0-development-company .cesd_various_business .cesd_various_business_icon_design {
    margin: 0px auto;
}

.web-3-0-development-company .MetaBlock_nft_services .contents,
.web-3-0-development-company .cesd_collaboration .contents,
.web-3-0-development-company .cesd_corefeatures .contents {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.web-3-0-development-company .card__side {
    min-height: 230px;
    height: 230px;
}

.web-3-0-development-company .cesd_collaboration .cesd_collaboration_card {
    min-height: 255px;
    margin-bottom: 22px;
}

.web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d0035;
    box-shadow: 0px 0px 6px 1px #9d0035;
    position: absolute;
    margin-top: -61px;
    margin-left: -27px;
}

.web-3-0-development-company .cesd_clone .owl-nav {
    bottom: 5px;
}

.web-3-0-development-company .bcgnd_clr {
    background-image: radial-gradient( circle at center center, transparent 0%, rgb(0, 0, 0) 85%), linear-gradient( 78deg, rgba(192, 192, 192, 0.05) 0%, rgba(192, 192, 192, 0.05) 50%, rgba(60, 60, 60, 0.05) 50%, rgba(60, 60, 60, 0.05) 100%), linear-gradient( 227deg, rgba(97, 97, 97, 0.05) 0%, rgba(97, 97, 97, 0.05) 50%, rgba(52, 52, 52, 0.05) 50%, rgba(52, 52, 52, 0.05) 100%), linear-gradient( 240deg, rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 50%, rgba(249, 249, 249, 0.05) 50%, rgba(249, 249, 249, 0.05) 100%), linear-gradient( 187deg, rgba(1, 1, 1, 0.05) 0%, rgba(1, 1, 1, 0.05) 50%, rgba(202, 202, 202, 0.05) 50%, rgba(202, 202, 202, 0.05) 100%), linear-gradient( 101deg, rgba(61, 61, 61, 0.05) 0%, rgba(61, 61, 61, 0.05) 50%, rgba(254, 254, 254, 0.05) 50%, rgba(254, 254, 254, 0.05) 100%), linear-gradient( 176deg, rgba(237, 237, 237, 0.05) 0%, rgba(237, 237, 237, 0.05) 50%, rgba(147, 147, 147, 0.05) 50%, rgba(147, 147, 147, 0.05) 100%), linear-gradient( 304deg, rgba(183, 183, 183, 0.05) 0%, rgba(183, 183, 183, 0.05) 50%, rgba(57, 57, 57, 0.05) 50%, rgba(57, 57, 57, 0.05) 100%), radial-gradient( circle at center center, hsl(351, 4%, 12%), hsl(351, 4%, 12%));
}

.web-3-0-development-company .cryptocurrency_exchange_script {
    padding-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    .web-3-0-development-company .cesd_banner {
        padding-top: 100px;
    }
    .web-3-0-development-company .cesd_collaboration .cesd_various_business_icon_design {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin: 0px auto;
    }
    .web-3-0-development-company .card-body {
        height: auto;
        overflow: hidden;
    }
}

/* web 3.0 Development company ends  */

/*================TESTIMONAL CSS - START ======================*/

.essential_page_testimonal #essential_sec1 {
    /*background-color: #eee;*/
    /* background-image: url(../oimages/essentials/testimonials/bg-cover.png); */
    height: 500px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

#essential_sec1 {
    /* margin-top: 8rem;
    background-position: bottom;*/
}

#essential_sec1 .essential_content_wrap .essential_title {
    color: #193060;
    font-size: 45px;
    font-weight: 800;
    padding-top: 30px;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 20px;
    color: #526283;
    margin-top: 20px;
}

#essential_sec2 .essential_content_wrap #mainTabs {
    justify-content: center;
    display: flex;
    border-bottom: 1px solid #de4141;
}

#essential_sec2 .essential_content_wrap #mainTabs li a {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 0;
    border: 0;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a {
    background-color: #de4141;
    color: #fff;
}

#essential_sec2 .essential_content_wrap #mainTabs li>a:hover {
    border: 0;
    color: #de4141db;
}

#essential_sec2 .essential_content_wrap #mainTabs li.active a:hover {
    color: #fff;
}

.testimonal_content_wrap {
    margin-top: 5rem;
    min-height: 190px;
}

.testimonal_customername {
    font-size: 27px;
    font-weight: 700;
    color: #d12b2b;
}

.testimonal_location {
    font-size: 21px;
    font-weight: 500;
    color: #8c8c8c;
}

.testimonal_feedback {
    margin-top: 1rem;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

.testimonal_customer_detail {
    display: flex;
    align-items: center;
    font-style: italic;
    margin-bottom: 5px;
}

.testimonal_customer_detail .circle_dot {
    width: 6px;
    height: 5px;
    background-color: #9d9d9d;
    border-radius: 20px;
    margin: 0px 6px;
}

.testimonal_content_wrap iframe {
    border-radius: 10px;
}

@media (max-width: 767px) {
    #essential_sec1 {
        background-position: left;
        text-align: center;
        margin-top: 3rem;
    }
    #essential_sec1 .essential_content_wrap .essential_title {
        color: #193060;
        font-size: 36px;
        font-weight: 800;
    }
    #essential_sec2 .essential_content_wrap #mainTabs li a {
        font-size: 16px;
    }
    .testimonal_customer_detail {
        display: block;
    }
    .testimonal_customer_detail .circle_dot {
        display: none;
    }
    .testimonal_customername {
        margin-bottom: 1.5rem;
    }
    .testimonal_content_wrap {
        min-height: auto;
        margin-top: 4rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #dcdcdc;
    }
    .testimonal_content_wrap iframe {
        border-radius: 10px;
        width: 100%;
        height: auto;
    }
    .essential_pages#essential_sec2 {
        padding-bottom: 0;
    }
}

/*================TESTIMONAL CSS - END ======================*/

/*==================== SCAMMER PAGE - START ================== */

.essential_page_scammer #essential_sec1 {
    padding: 60px 0px;
    text-align: center;
    /* background-image: url(../oimages/essentials/scam/banner.png); */
}

.essential_page_scammer #essential_sec1 .essential_content_wrap {
    text-align: left;
}

.essential_page_scammer #essential_sec1 .essential_content_wrap p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

#essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_scammer #essential_sec2 .essential_content_wrap {
    padding: 10px;
}

.essential_page_scammer #essential_sec2 {
    position: relative;
}

.essential_page_scammer #essential_sec2:before {
    position: absolute;
    width: 100%;
    height: 20%;
    /*background-color:#e6eff4;*/
    content: "";
}

.scam_form #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_scammer #essential_form {
    padding-top: 0;
}

.scam_form #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.scam_form #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.scam_form #essential_form .essential_content_wrap .form-group .form_column textarea {
    width: 100%;
    padding: 17px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border-radius: 3px;
}

.scam_form #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_scammer #essential_sec1 .essential_content_wrap {
        text-align: center;
    }
    .scam_form #essential_form .essential_content_wrap {
        padding: 25px;
        margin-bottom: 2rem;
    }
}

/*==================== SCAMMER PAGE - END ================== */

/*==================== CASESTUDIES - START ================== */

.essential_page_casestudydetails #essential_sec1 .essential_content_wrap .essential_title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -1px;
    padding-bottom: 2rem;
    margin-top: 1rem;
}

.essential_page_casestudydetails #essential_sec1 {
    margin-top: 1rem;
    background-position: top;
    padding-top: 0;
}

.casetudy_details_descs {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.39;
    color: #49505e;
    margin-bottom: 1.9rem;
}

.casetudy_details_descs.casestudydetails_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
}

.casetudy_details_descs.casestudydetails_heads {
    color: #193060;
    font-size: 20px;
    font-weight: 700;
}

.essential_page_casestudydetails #essential_form {
    padding-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_title {
    font-weight: 800;
    font-size: 24px;
    color: #193060;
    margin-top: 0;
}

.essential_page_casestudydetails #essential_form .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #526283;
    line-height: 1.4;
}

.essential_page_casestudydetails #essential_form p {
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 2rem;
    color: #193060;
}

.essential_page_casestudydetails #essential_form {
    background-color: #f3f3f3;
    padding: 80px 0px;
}

.essential_page_casestudydetails #essential_form .form_wrap {
    text-align: center;
    width: 60%;
    margin: 0 auto 2rem auto;
}

.essential_page_casestudydetails .custom_row {
    justify-content: center;
    display: flex;
}

.casestudy_breadcrump ol {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 1rem;
}

.casestudy_breadcrump ol li {
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
}

.casestudy_breadcrump ol>li+li:before {
    padding: 0 5px;
    color: #111;
    content: ">";
}

@media (max-width: 767px) {
    .case_stu_sec_img {
        padding-top: 100px !important;
    }
    .essential_page_casestudydetails #essential_sec1 {
        text-align: left;
        margin-top: 0rem;
    }
    .essential_page_casestudydetails #essential_form .form_wrap {
        width: 100%;
    }
}

/*==================== CASESTUDIES - END ================== */

/*==================== FEEDBACK - START ================== */

.essential_page_feedback #essential_sec1 {
    /* background-image: url(../oimages/essentials/feedback/feedback.png); */
}

.essential_page_feedback #essential_form .selection_wrap label {
    font-weight: 500;
    font-size: 14px;
}

.essential_page_feedback #essential_form .feedback_head {
    font-weight: 700;
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .form_column {
    margin-bottom: 1rem;
}

.essential_page_feedback #essential_form .inner_container {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_feedback #essential_form {
    padding-top: 0;
    position: relative;
}

.essential_page_feedback #essential_form:before {
    /*background-color: #e6eff4;*/
    position: absolute;
    content: "";
    width: 100%;
    height: 8%;
    z-index: -1;
}

.essential_page_feedback {}

.essential_page_feedback #essential_form .feedback_inputs_wrap {
    margin: 1.6rem 0;
}

.essential_page_feedback #essential_form .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

@media (max-width: 767px) {
    .essential_page_feedback #essential_form {
        padding-bottom: 0;
    }
}

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
}

.essential_page_feedback .starrating>input {
    display: none;
}

/* Remove radio buttons */

.essential_page_feedback .starrating>label:before {
    content: "\f005";
    /* Star */
    margin: 2px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block;
}

.essential_page_feedback .starrating>label {
    color: #222222;
    /* Start color when not clicked */
}

.essential_page_feedback .starrating>input:checked~label {
    color: #ff8f00;
}

/* Set yellow color when star checked */

.essential_page_feedback .starrating.risingstar {
    flex-direction: row-reverse;
    justify-content: left;
}

.essential_page_feedback .starrating>input:hover~label {
    color: #ff8f00;
}

/* Set yellow color when star hover */

/*==================== FEEDBACK - END ================== */

/*==================== CASESTUDY - START ================== */

.essential_page_casestudyhome #essential_sec1 {
    /* background-image: url(../oimages/essentials/casestudies/casestudy-home.jpg); */
    background-position: top;
    position: relative;
}

.essential_page_casestudyhome #essential_sec1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #07102194;
    content: "";
    top: 0;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_title {
    color: #fff;
}

.essential_page_casestudyhome #essential_sec1 .essential_content_wrap .essential_descs {
    font-weight: 600;
    font-size: 17px;
    color: #f1f5ff;
    line-height: 1.4;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap .essential_descs {
    color: #494848;
    font-weight: 500;
}

.essential_page_casestudyhome #casestudy_cards .essential_content_wrap {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 1px 5px -3px black;
    min-height: 450px;
    margin-top: 30px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_cardswrap {
    padding: 25px 30px;
}

.essential_page_casestudyhome #casestudy_cards {
    padding-top: 25px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol li {
    font-size: 15px;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump ol {
    margin-bottom: 1rem;
}

.essential_page_casestudyhome #casestudy_cards .casestudy_breadcrump {
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .essential_page_casestudyhome #essential_sec1:before {
        left: 0;
    }
}

/*==================== CASESTUDY - END ================== */

/*==================== COMPLAINT BOARD - END ================== */

.essential_page_complaintboard #essential_form .essential_content_wrap {
    padding: 40px;
    box-shadow: 0 0 4px -2px black;
    border-radius: 10px;
    background-color: #fff;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group textarea {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border-color: #cdcdcd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.essential_page_complaintboard #essential_form .form-control {
    height: 50px;
    padding: 6px 12px;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column label {
    font-weight: 600;
    color: #193060;
    font-size: 16px;
    margin-bottom: 1rem;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .form_column {
    padding: 15px;
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 25px;
    border: 2px dashed rgb(34 33 33 / 40%);
    border-radius: 3px;
    transition: 0.2s;
    justify-content: center;
    background-color: #f7f7f7;
}

.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 0px solid rgba(255, 255, 255, 0.1);
    border-radius: 0px;
    margin-right: 10px;
    color: #3586ff;
    font-weight: 600;
}

.file-message {
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.essential_page_complaintboard #essential_form .essential_content_wrap .form-group .essential_formbtn {
    background-color: #de4141;
    color: #fff;
    border: 0;
    padding: 13px;
    font-weight: 700;
    min-width: 161px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 35px;
    text-align: center;
}

.essential_page_complaintboard #essential_form {
    padding-top: 0;
}

.essential_page_complaintboard #essential_sec1 {
    /* background-image: url(../oimages/essentials/complaint-board/banner.jpg); */
}

/*.essential_page_complaintboard #essential_form:before {
    background-color: #e6eff4;
    position: absolute;
    content: '';
    width: 100%;
    height: 10%;
    z-index: -1;
}*/

@media (max-width: 767px) {
    .essential_page_complaintboard #essential_form .essential_content_wrap {
        padding: 20px;
    }
    .essential_page_complaintboard #essential_form {
        padding-bottom: 20px;
    }
}

@media (max-width: 991px) {
    #nftmarki_what:before {
        background: none;
        background-color: #f2f4f8;
    }
    #nftmarki_what .MetaBlocknftmarki_sec_titlewrap {
        width: 100%;
    }
}

/*binance new style start*/

.binance_main .banner_sec {
    padding: 0px;
    /* background: url('public/images/inner-pages/binance_new/banner.png'); */
    height: 100vh;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.binance_main .banner_sec:after {
    content: "Binance clone script";
    font-size: 75px;
    font-weight: 800;
    color: #ffffff00;
    text-transform: uppercase;
    position: absolute;
    top: 15%;
    left: 0px;
    right: 0px;
    -webkit-text-stroke: 1px #ffffff14;
    transform: translate(17%, 50%);
    letter-spacing: 3px;
}

.binance_main .row_justify {
    display: flex;
    justify-content: center;
}

.binance_main .row_align {
    display: flex;
    align-items: center;
}

.binance_main .banner_sec .title {
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    color: #ffffff;
}

.binance_main .banner_sec .contents {
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.8;
    margin-top: 30px;
}

.binance_main .clone_sec {
    padding: 50px 0px;
}

.binance_main .clone_sec .title {
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.binance_main .clone_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .clone_bg {
    position: relative;
}

.binance_main .clone_bg:after {
    content: "";
    /* background: url('public/images/inner-pages/binance_new/clone-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec {
    padding: 50px 0px;
    background: #f1ebeb;
    position: relative;
}

.binance_main .whitelabel_sec:after {
    content: "";
    /* background: url('public/images/inner-pages/binance_new/whitelabel-bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: 100%;
}

.binance_main .whitelabel_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .whitelabel_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .whitelabel_sec .white_index {
    z-index: 1;
    position: relative;
}

.binance_main .features_sec {
    padding: 50px 0px;
}

.binance_main .features_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.binance_main .features_sec .features_list {
    padding: 10px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-height: 335px;
    transition: 0.5s;
}

.binance_main .features_sec .features_list:hover {
    transform: scale(1.1);
    background: #e4970021;
}

.binance_main .features_sec .features_list .sub_title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.binance_main .features_sec .features_list .sub_content {
    font-size: 17px;
    line-height: 1.8;
}

.binance_main .features_sec .features_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .security_sec {
    background: linear-gradient( 180deg, rgba(67, 66, 66, 0.26) 0%, rgba(241, 235, 235, 0) 100%);
    padding: 50px 0px;
}

.binance_main .security_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.binance_main .security_sec .security_list {
    padding: 10px;
    margin-top: 10px;
    min-height: 260px;
}

.binance_main .security_sec .security_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.binance_main .security_sec .security_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .security_sec .row_after_line {
    position: relative;
}

.binance_main .security_sec .row_after_line:after {
    content: "";
    top: 25px;
    width: 1px;
    height: 750px;
    background-color: #00000059;
    position: absolute;
    left: 33%;
}

.binance_main .security_sec .border_bottom {
    border-bottom: 1px solid #00000059;
}

.binance_main .app_sec {
    padding: 50px 0px;
    border-top: 1px solid #ccc;
}

.binance_main .app_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.binance_main .app_sec .contents {
    font-size: 17px;
    line-height: 1.9;
    text-align: justify;
}

.binance_main .benefits_sec {
    padding: 50px 0px;
    background: linear-gradient( 90deg, #fef3a7 -38.65%, #ffffff 48.12%, #fef3a8 136.72%);
}

.binance_main .benefits_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .benefits_sec .benefits_list {
    padding: 10px;
    margin-top: 30px;
    background: linear-gradient( 179.97deg, #fef29f 0.02%, rgba(255, 255, 255, 0) 86.75%);
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 3px rgba(102, 80, 1, 0.24);
    border-radius: 10px;
    min-height: 300px;
    transition: 0.5s;
}

.binance_main .benefits_sec .benefits_list:hover {
    transform: scale(1.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_img {
    background: #ffc700;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
}

.binance_main .benefits_sec .benefits_list:hover .benefits_icons {
    filter: brightness(0);
}

.binance_main .benefits_sec .benefits_list .sub_title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.binance_main .benefits_sec .benefits_list .sub_content {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .benefits_sec .benefits_img {
    background: #000000;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.binance_main .benefits_sec .benefits_icons {
    width: 55px;
    height: 55px;
    object-fit: none;
}

.binance_main .crypto_sec {
    padding: 50px 0px;
}

.binance_main .crypto_sec .title {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.binance_main .crypto_sec .crypto_list {
    padding: 10px;
}

.binance_main .crypto_sec .crypto_list .sub_title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.binance_main .crypto_sec .crypto_list .sub_content {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 0px;
}

.binance_main .crypto_sec .crypto_list .counter {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffc700;
    font-size: 30px;
    color: #fff;
}

.binance_main .tech_sec {
    padding: 50px 0px;
    background: #000000;
}

.binance_main .tech_sec .title {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

.binance_main .tech_sec .contents {
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.binance_main .unique_sec {
    padding: 50px 0px;
}

.binance_main .unique_sec .title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.binance_main .unique_sec .contents {
    font-size: 17px;
    line-height: 1.9;
}

.binance_main .unique_sec ul li {
    list-style: none;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    position: relative;
}

.binance_main .unique_sec ul li:after {
    content: "\25B6";
    position: absolute;
    top: 0px;
    left: -25px;
    color: #deaf06;
    font-size: 20px;
}

.binance_main .banner_btn {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    background: #e6ca00;
    border-radius: 0px;
    color: #000 !important;
    padding: 10px 30px;
    -webkit-clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    clip-path: polygon(9% 0%, 100% 0%, 89% 100%, 0% 100%);
    position: relative;
    border: 1px solid #fff;
}

.binance_main .banner_btn:after {
    border-top-style: solid;
    top: 0px;
    left: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_one 3s alternate infinite;
}

.binance_main .banner_btn:before {
    border-bottom-style: solid;
    bottom: 0px;
    right: 0px;
    border-color: #000;
    border-width: 5px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100px;
    animation: binance_border_two 3s alternate infinite;
}

@keyframes binance_border_two {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-155px);
    }
}

@keyframes binance_border_one {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(155px);
    }
}

.binance-whatsapp {
    background: #006e29;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px;
}

.binance-telegram {
    background: #4eaff0;
    font-weight: 800;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    margin: 10px;
}

@media (max-width: 991px) {
    .binance_main .banner_sec {
        background: #181818;
        height: auto;
        height: initial;
        padding: 100px 0px;
        text-align: center;
    }
    .binance_main .clone_bg:after,
    .binance_main .whitelabel_sec:after,
    .binance_main .security_sec .row_after_line:after,
    .binance_main .banner_sec:after {
        display: none;
    }
    .binance_main .clone_bg,
    .binance_main .whitelabel_sec,
    .binance_main .app_sec {
        text-align: center;
    }
    .binance_main .security_sec .border_bottom {
        border-bottom: none;
    }
    .binance_main .unique_sec .contents {
        text-align: justify;
    }
    .binance_main .unique_sec .title {
        text-align: center;
    }
}

@media (max-width: 765px) {
    .binance_main .banner_sec .title {
        font-size: 40px;
    }
    .binance_main .clone_sec .title,
    .binance_main .whitelabel_sec .title,
    .binance_main .features_sec .title,
    .binance_main .security_sec .title,
    .binance_main .app_sec .title,
    .binance_main .benefits_sec .title,
    .binance_main .crypto_sec .title,
    .binance_main .tech_sec .title,
    .binance_main .unique_sec .title {
        font-size: 30px;
    }
    .binance_main .features_sec .features_list,
    .binance_main .security_sec .security_list,
    .binance_main .benefits_sec .benefits_list {
        min-height: 0;
        min-height: initial;
    }
}

/*binance new style end*/

/*========Move to Earn game development company START=======*/

@media (min-width: 991px) {
    #m2e_game_main .m2e_game_dev_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/banner.png'); */
    }
}

#m2e_game_main .m2e_game_dev_banner .title {
    color: #000;
    font-weight: 900;
    font-size: 45px;
    line-height: 55px;
}

#m2e_game_main .m2e_game_dev_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn_sec {
    margin-top: 30px;
}

#m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789cd 25.11%, #9c68ff 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #0789cd;
        box-shadow: 0 0 3px #0789cd;
    }
    50% {
        background-color: #6e40c6;
        box-shadow: 0 0 40px #6e40c6;
    }
    100% {
        background-color: #1287d1;
        box-shadow: 0 0 3px #7e48e4;
    }
}

#m2e_game_main .m2e_game_dev_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_sec .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789cd 25.11%, #9c68ff 68.78%);
    border-radius: 15px;
    border: none;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_comp_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_comp_sec .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_comp_sec .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4dd30d;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

#m2e_game_main .m2e_game_dev_features {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_features .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .features_box {
    padding: 20px;
    margin-top: 30px;
    border-radius: 2px 20px 2px 20px !important;
    background: linear-gradient(45deg, #66b8e37d, #a688df66);
    min-height: 320px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_features .sub_contents {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#m2e_game_main .m2e_game_dev_features .sprite_icons {
    width: 58px;
    height: 58px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_features .features_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all 0.4s ease-in;
}

#m2e_game_main .m2e_game_dev_platform {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_platform .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_platform .contents {
    text-align: center;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline {
    display: grid;
    justify-content: center;
    margin-top: 35px;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
    list-style: none;
    color: #000;
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 2px 0px #a7bee6;
    border-radius: 0px 30px 0px 30px;
    font-weight: 600;
}

#m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_platform .osc_row_align {
    display: flex;
    align-items: center;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_right {
    margin-right: 60px;
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
    margin-left: 60px;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical {
    position: relative;
}

#m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #0f8bcc;
    position: absolute;
    left: 50%;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before {
    position: relative;
    margin-top: 40px;
    counter-increment: timeline_counter_before;
}

#m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
    content: counter(timeline_counter_before);
    width: 45px;
    height: 45px;
    background: linear-gradient(93.54deg, #0789cd 25.11%, #9c68ff 68.78%);
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    left: 50%;
    box-shadow: 4px 4px 0px 0px #a7bee6;
    transform: translate(-50%, 50%);
    color: #fff;
    font-weight: 800;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

#m2e_game_main .m2e_game_dev_why .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why .industries_box {
    display: inline-block;
    border: 1px solid #afafaf;
    transition: 0.3s ease-out;
    position: relative;
    overflow: hidden;
    padding: 20px;
    min-height: 365px;
    margin-top: 20px;
}

#m2e_game_main .m2e_game_dev_why .industries_box:before {
    z-index: 2;
    background: #0789cd33;
    left: inherit;
    bottom: inherit;
    right: -18px;
    width: 37px;
    top: -18px;
    height: 37px !important;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all 0.4s ease-in;
}

#m2e_game_main .m2e_game_dev_why .industries_box .right_choice_tile {
    opacity: 0;
    padding: 0.3125rem 0;
    visibility: hidden;
    background-color: #0789cd;
    display: block;
    transition: width 0.6s ease-out;
    width: 0;
    padding: 1px 0;
    margin: 10px 0;
    transition: 0.6s ease-out;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover {
    z-index: 1;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover:before {
    background: #0789cd;
}

#m2e_game_main .m2e_game_dev_why .industries_box:hover .right_choice_tile {
    display: block;
    opacity: 1;
    visibility: visible;
    width: 7rem;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_title {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_why .industries_box .sub_contents {
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 16px;
}

#m2e_game_main .m2e_game_dev_mobapp {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #dae9ff;
}

#m2e_game_main .m2e_game_dev_mobapp .title {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_mobapp .contents {
    font-size: 16px;
    text-align: center;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box {
    padding: 20px;
    margin-top: 30px;
    min-height: 410px;
    background: #fff;
    border-radius: 8px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #d3d3d3;
    border-radius: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box:hover .sub_title {
    color: #5749dc;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_title {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    min-height: 325px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn_sec {
    margin-top: 10px;
}

#m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .m2e_game_dev_mobapp_btn {
    padding: 10px 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(93.54deg, #0789cd 25.11%, #9c68ff 68.78%);
    border-radius: 15px;
    border: none;
    font-size: 12px;
}

#m2e_game_main .m2e_game_dev_why_choose {
    padding-top: 50px;
    padding-bottom: 50px;
}

#m2e_game_main .m2e_game_dev_why_choose .title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#m2e_game_main .m2e_game_dev_why_choose .contents {
    font-size: 16px;
    text-align: justify;
}

#m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #0789cd 25.11%, #9c68ff 68.78%);
    border-radius: 15px;
    border: none;
    margin-top: 10px;
    animation: glowing 850ms infinite;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
    padding: 20px;
    border: 1px dashed #0789cd;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    min-height: 118px;
    display: flex;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list p {
    margin-bottom: 0px;
}

#m2e_game_main .m2e_game_dev_why_choose .why_choose_list i {
    color: #0789cd;
    font-size: 20px;
    padding-top: 3px;
    padding-right: 8px;
}

@media (min-width: 991px) {
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img1 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img1.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img2 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img2.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img3 {
        /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img3.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_img4 {
        /* /* background: url('public/images/inner-pages/move-to-earn-game-dev/mob-app-img4.png'); */
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
    }
}

@media (max-width: 992px) and (min-width: 766px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center !important;
        height: 600px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .nft_marketplace_whitelabel {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .nft_marketplace_whitelabel .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
}

@media (max-width: 767px) {
    #m2e_game_main .m2e_game_dev_banner {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    #m2e_game_main .m2e_game_dev_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #m2e_game_main .m2e_game_dev_banner .contents,
    #m2e_game_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #m2e_game_main .m2e_game_dev_sec,
    #m2e_game_main .m2e_game_dev_comp_sec,
    #m2e_game_main .m2e_game_dev_features,
    #m2e_game_main .m2e_game_dev_platform,
    #m2e_game_main .m2e_game_dev_why,
    #m2e_game_main .m2e_game_dev_mobapp,
    #m2e_game_main .m2e_game_dev_why_choose {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #m2e_game_main .m2e_game_dev_sec .title,
    #m2e_game_main .m2e_game_dev_comp_sec .title,
    #m2e_game_main .m2e_game_dev_features .title,
    #m2e_game_main .m2e_game_dev_platform .title,
    #m2e_game_main .m2e_game_dev_why .title,
    #m2e_game_main .m2e_game_dev_mobapp .title,
    #m2e_game_main .m2e_game_dev_why_choose .title {
        font-size: 25px;
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_features .features_box,
    #m2e_game_main .m2e_game_dev_why .industries_box,
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box,
    #m2e_game_main .m2e_game_dev_why_choose .why_choose_list {
        min-height: 0px;
        margin-top: 10px;
    }
    #m2e_game_main .m2e_game_dev_mobapp .mobile_app_box .sub_contents {
        min-height: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_right,
    #m2e_game_main .m2e_game_dev_platform .timeline_margin_left {
        margin-left: 0px;
        margin-right: 0px;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_vertical:after {
        top: 20px;
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .timeline_counter_before:before {
        left: 8%;
    }
    #m2e_game_main .m2e_game_dev_platform .osc_timeline .timeline_card {
        margin-left: 60px;
    }
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn_sec,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn_sec {
        text-align: center;
    }
    #m2e_game_main .m2e_game_dev_banner .m2e_game_dev_bnr_btn,
    #m2e_game_main .m2e_game_dev_sec .m2e_game_dev_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn,
    #m2e_game_main .m2e_game_dev_comp_sec .m2e_game_dev_comp_about_btn1,
    #m2e_game_main .m2e_game_dev_why_choose .m2e_game_dev_why_choose_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*======Move to Earn game development company END======*/

/*========Blockchain Crowdfunding Development Company START=======*/

.blockchain_crowd_main .bc_row_flex {
    display: flex;
    justify-content: center;
}

@media (min-width: 991px) {
    .blockchain_crowd_main .banner_sec {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/blo-crowdfunding/banner.png'); */
    }
}

.blockchain_crowd_main .banner_sec .title {
    font-size: 40px;
    color: #361baa;
    font-weight: 800;
    line-height: 50px;
}

.blockchain_crowd_main .banner_sec .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

.blockchain_crowd_main .banner_sec .banner_btn_sec {
    margin-top: 30px;
}

.blockchain_crowd_main .banner_sec .banner_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #701abb;
        box-shadow: 0 0 0px #701abb;
    }
    50% {
        background-color: #701abb;
        box-shadow: 0 0 10px #701abb;
    }
    100% {
        background-color: #701abb;
        box-shadow: 0 0 0px #7e48e4;
    }
}

.blockchain_crowd_main .platform_dev {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    .blockchain_crowd_main .platform_dev_bg {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        align-items: center !important;
        padding: 50px 65px 50px 90px;
        border-radius: 30px;
        display: flex;
        /* background: url('public/images/inner-pages/blo-crowdfunding/sec-2-img1.png'); */
    }
}

.blockchain_crowd_main .platform_dev .title {
    font-size: 35px;
    font-weight: 800;
    text-align: left;
    color: #000;
}

.blockchain_crowd_main .platform_dev .contents {
    color: #000;
    line-height: 1.8;
    text-align: left;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn_sec {
    margin-top: 20px;
    text-align: center;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #4dd30d;
    color: #fff !important;
}

.blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    color: #fff !important;
}

.blockchain_crowd_main .how_does {
    padding: 50px 0px;
}

.blockchain_crowd_main .how_does .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .how_does .contents {
    line-height: 1.8;
    text-align: center;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.blockchain_crowd_main .how_does_list {
    background: #3f89ec;
    padding: 15px;
    margin-top: 30px;
    border-radius: 10px;
    min-height: 325px;
}

.blockchain_crowd_main .how_does_list .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .how_does_list .sub_title {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
    padding-top: 10px;
}

.blockchain_crowd_main .how_does_list .sub_content {
    color: #fff;
    margin-bottom: 0px;
    line-height: 1.8;
}

.blockchain_crowd_main .features_sec {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .features_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    color: #000;
}

.blockchain_crowd_main .features_list {
    padding: 10px;
    margin-top: 20px;
    min-height: 160px;
    border: 1px dashed #3f89ec;
    text-align: center;
    border-radius: 5px;
}

.blockchain_crowd_main .features_list:hover {
    box-shadow: 0px 0px 7px 0px #c3c7da;
    transform: scale(1.08);
    border: none;
}

.blockchain_crowd_main .features_list:hover .sub_title {
    color: #3f89ec;
}

.blockchain_crowd_main .features_list .sub_title {
    color: #000;
    font-size: 21px;
    font-weight: 700;
}

.blockchain_crowd_main .features_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_sec {
    padding: 50px 0px;
}

.blockchain_crowd_main .advantage_sec .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .advantage_list {
    background: #3f89ec;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.blockchain_crowd_main .advantage_list .sub_title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.blockchain_crowd_main .advantage_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .advantage_list_top {
    margin-top: 60px;
}

.blockchain_crowd_main .advantage_sec .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blockchain {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .create_blockchain .title {
    color: #000;
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .create_blockchain_list {
    padding: 5px;
    text-align: center;
    margin-top: 30px;
}

.blockchain_crowd_main .create_blockchain_list:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 9px #a96ef396;
    border-radius: 10px;
}

.blockchain_crowd_main .create_blockchain .create_blockchain_list:hover .sprite_icons {
    transform: rotateY(180deg);
    transition: all 0.4s ease-in;
}

.blockchain_crowd_main .create_blockchain_list .sub_title {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
}

.blockchain_crowd_main .create_blockchain_list .sub_content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 10px;
}

.blockchain_crowd_main .create_blockchain .sprite_icons {
    width: 60px;
    height: 60px;
    object-fit: none;
}

.blockchain_crowd_main .create_blck_desig {
    width: 75px;
    height: 75px;
    background: linear-gradient( 39.01deg, #4485ef -27.39%, #5277f7 17.7%, #5b76f7 23.67%, #7374f6 33.36%, #9a70f4 45.49%, #bb6df3 54.4%);
    border-radius: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain_crowd_main .create_after {
    position: relative;
}

/*.blockchain_crowd_main .create_after:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    top: 50px;
    left: 0px;
  }*/

.blockchain_crowd_main .blockchain_solutions {
    padding: 50px 0px;
}

.blockchain_crowd_main .blockchain_solutions .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .features_sec .solution_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list {
    padding: 15px;
    background: #3f89ec;
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    min-height: 230px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sub_content {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}

.blockchain_crowd_main .blockchain_solutions .solutions_list .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.blockchain_crowd_main .why_MetaBlock {
    padding: 50px 0px;
    background: #e5e9ff;
}

.blockchain_crowd_main .why_MetaBlock .title {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .contents {
    color: #000;
    text-align: center;
    font-size: 17px;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 0px;
}

.blockchain_crowd_main .why_MetaBlock .why_btn_sec {
    margin-top: 40px;
    text-align: center;
}

.blockchain_crowd_main .why_MetaBlock .why_btn {
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(93.54deg, #11b6d0 25.11%, #5e75f6 68.78%);
    border-radius: 30px;
    border: none;
    animation: glowing 950ms infinite;
}

@media (max-width: 992px) and (min-width: 766px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 400px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_sec .nft_marketplace_about_btn_sec {
        text-align: center;
    }
    .blockchain_crowd_main .m2e_game_dev_features .features_box {
        min-height: 0px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .blockchain_crowd_main .banner_sec {
        background: linear-gradient(45deg, #64b7e1, #b1c9e9, #a688df);
        padding: 70px 0px;
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    .blockchain_crowd_main .banner_sec .title {
        font-size: 25px;
        text-align: center;
        line-height: 35px;
    }
    .blockchain_crowd_main .banner_sec .contents,
    .blockchain_crowd_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    .blockchain_crowd_main .platform_dev,
    .blockchain_crowd_main .how_does,
    .blockchain_crowd_main .features_sec,
    .blockchain_crowd_main .advantage_sec,
    .blockchain_crowd_main .create_blockchain,
    .blockchain_crowd_main .blockchain_solutions,
    .blockchain_crowd_main .why_MetaBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blockchain_crowd_main .platform_dev .title,
    .blockchain_crowd_main .how_does .title,
    .blockchain_crowd_main .features_sec .title,
    .blockchain_crowd_main .advantage_sec .title,
    .blockchain_crowd_main .create_blockchain .title,
    .blockchain_crowd_main .blockchain_solutions .title,
    .blockchain_crowd_main .why_MetaBlock .title {
        font-size: 25px;
        text-align: center;
    }
    .blockchain_crowd_main .platform_dev .contents {
        text-align: center;
    }
    .blockchain_crowd_main .advantage_list_top {
        margin-top: 20px;
    }
    .blockchain_crowd_main .how_does_list,
    .blockchain_crowd_main .features_list,
    .blockchain_crowd_main .blockchain_solutions .solutions_list {
        min-height: 0px;
        margin-top: 10px;
    }
    .blockchain_crowd_main .banner_sec .banner_btn,
    .blockchain_crowd_main .features_sec .solution_btn,
    .blockchain_crowd_main .why_MetaBlock .why_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn,
    .blockchain_crowd_main .platform_dev .platform_dev_about_btn1 {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 12px;
    }
}

/*========Blockchain Crowdfunding Development Company END=======*/

/*========Smart Contract MLM software development START=======*/

@media (min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/smart-contract-mlm-software/banner.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_banner .title {
    font-weight: 800;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    margin-top: 50px;
    text-transform: uppercase;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .cus_title {
    color: #54ffff;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .contents {
    color: #fff;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn_sec {
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00ffff;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #00063e;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00ffff;
    color: #fff;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
    position: absolute;
    content: "";
    top: -8px;
    left: -8px;
    background: rgba(0, 255, 255, 0.2);
    width: 215px;
    height: 58px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
    padding: 10px 15px;
    text-transform: uppercase;
    border: 2px solid #00ffff;
    border-radius: 0px 15px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    margin-left: 35px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1:hover {
    background: #00ffff;
    border: none;
    color: #00063e;
}

#smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
    position: absolute;
    content: "";
    top: -9px;
    left: -10px;
    background: rgba(0, 255, 255, 0.2);
    width: 205px;
    height: 60px;
    border-radius: 0px 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095e;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec {
    margin-top: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 15px;
    background: #4dd30d;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
    text-transform: uppercase;
    padding: 10px 40px;
    font-weight: 600;
    font-size: 15px;
    background: #00aff0;
    border-radius: 0px 20px;
    color: #fff !important;
}

#smart_contract_mlm_main .smart_contract_mlm_services {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095e;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
    padding: 20px;
    margin-top: 30px;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_title {
    font-weight: 700;
    font-size: 20px;
    color: #00095e;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_services .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features {
    padding: 70px 0px;
    background: rgba(0, 49, 179, 0.12);
}

#smart_contract_mlm_main .smart_contract_mlm_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095e;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_features .features_box {
    padding: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 0px 25px;
    text-align: center;
    min-height: 240px;
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box1:hover {
    border: 3px solid #b500d2;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box2:hover {
    border: 3px solid #00ffa3;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box3:hover {
    border: 3px solid #8f00ff;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box4:hover {
    border: 3px solid #ff7a00;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box5:hover {
    border: 3px solid #ff00e5;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .feature_box6:hover {
    border: 3px solid #d20000;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25);
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095e;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_features .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits {
    padding: 70px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095e;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
    padding: 20px;
    margin-top: 30px;
    background: linear-gradient(180deg, rgba(224, 230, 245, 0) 0%, #e0e6f5 100%);
    border-radius: 15px;
    min-height: 270px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box:hover {
    background: linear-gradient( 180deg, #e0e6f5 0%, rgba(224, 230, 245, 0) 86.98%);
    border: 1px solid #00095e;
    border-radius: 15px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .title_sec {
    display: flex;
    align-items: center;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #00095e;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 10px;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sub_contents {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#smart_contract_mlm_main .smart_contract_mlm_benefits .sprite_icons {
    width: 46px;
    height: 46px;
    object-fit: none;
}

@media (min-width: 991px) {
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background-size: cover;
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('public/images/inner-pages/smart-contract-mlm-software/why_bg.png'); */
    }
}

#smart_contract_mlm_main .smart_contract_mlm_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #00095e;
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#smart_contract_mlm_main .smart_contract_mlm_why .contents {
    text-align: justify;
    font-size: 16px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list {
    display: flex;
    padding: 10px 0px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list img {
    width: 20px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .why_list .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 8px;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn {
    padding: 10px 15px;
    text-transform: uppercase;
    background: #00063e;
    border-radius: 0px 15px;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 15px;
    position: relative;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn:hover {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: 2px solid #00063e;
    color: #00063e;
}

#smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
    position: absolute;
    content: "";
    top: -8px;
    left: -8px;
    background: rgb(0 9 94 / 18%);
    width: 270px;
    height: 58px;
    border-radius: 0px 20px;
}

@media (max-width: 992px) and (min-width: 766px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 450px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media (max-width: 767px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner {
        background: linear-gradient(45deg, #001c59, #002762, #063071);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .contents,
    #smart_contract_mlm_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec,
    #smart_contract_mlm_main .smart_contract_mlm_services,
    #smart_contract_mlm_main .smart_contract_mlm_features,
    #smart_contract_mlm_main .smart_contract_mlm_benefits#smart_contract_mlm_main .smart_contract_mlm_why {
        padding: 50px 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .title,
    #smart_contract_mlm_main .smart_contract_mlm_services .title,
    #smart_contract_mlm_main .smart_contract_mlm_features .title,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .title,
    #smart_contract_mlm_main .smart_contract_mlm_why .title {
        font-size: 26px;
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn_sec,
    #smart_contract_mlm_main .smart_contract_mlm_sec .contents {
        text-align: center;
    }
    #smart_contract_mlm_main .smart_contract_mlm_services .service_box_row {
        margin-top: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_features .features_box,
    #smart_contract_mlm_main .smart_contract_mlm_benefits .benefits_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn,
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn,
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_sec .smart_contract_mlm_about_btn1 {
        padding: 10px 35px;
        font-weight: 800;
        font-size: 14px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why .clone_script_why_btn::before {
        top: -6px;
        left: -6px;
        width: 255px;
        height: 52px;
    }
    #smart_contract_mlm_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 50px 0px;
    }
}

@media (max-width: 424px) {
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #smart_contract_mlm_main .smart_contract_mlm_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Smart Contract MLM software development END======*/

/*========Metamask Wallet Clone Script START=======*/

#metamask_clone_main .cus_row {
    justify-content: center;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_banner {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top right;
        align-items: center !important;
        height: 100vh;
        display: flex;
        /* background: url('public/images/inner-pages/metamask-clone/banner.webp'); */
    }
}

#metamask_clone_main .metamask_clone_banner .title {
    font-weight: 800;
    font-size: 35px;
    line-height: 55px;
    color: #000;
    margin-top: 50px;
    text-transform: uppercase;
}

#metamask_clone_main .metamask_clone_banner .cus_title {
    color: #000;
    font-size: 55px;
    font-weight: 900 !important;
}

#metamask_clone_main .metamask_clone_banner .contents {
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 32px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn_sec {
    margin-top: 30px;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542cf -0.41%, #d6518b 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #ffffff;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
    padding: 10px 20px;
    border: 2px solid #d6518b;
    border-radius: 35px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec {
    padding-top: 70px;
    padding-bottom: 180px;
    background: #f0f0fc;
    position: relative;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_sec:after {
        position: absolute;
        content: "";
        top: 5%;
        right: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_sec .title {
    font-weight: 800;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_sec .contents {
    text-align: justify;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn_sec {
    margin-top: 10px;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
    text-transform: uppercase;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 13px;
    background: #4dd30d;
    border-radius: 35px;
    color: #fff !important;
}

#metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
    text-transform: uppercase;
    padding: 8px 35px;
    font-weight: 600;
    font-size: 13px;
    background: #00aff0;
    border-radius: 35px;
    color: #fff !important;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_bg {
    background: linear-gradient(180deg, #3b1479 0%, #af54db 100%);
}

#metamask_clone_main .metamask_clone_card_sec {
    padding: 0px;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_card_sec #metamask_clone_card {
        background-repeat: no-repeat !important;
        background-position: top left;
        align-items: center;
        display: flex;
        /* background: url('public/images/inner-pages/metamask-clone/metamask-card.webp'); */
        border-radius: 35px;
        padding: 30px;
        margin-top: -120px;
    }
}

#metamask_clone_main .metamask_clone_card_sec .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: capitalize;
    margin-top: 0px;
}

#metamask_clone_main .metamask_clone_card_sec .contents {
    text-align: justify;
    font-size: 16px;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_features {
    padding-top: 70px;
    padding-bottom: 100px;
    position: relative;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_features:after {
        position: absolute;
        content: "";
        top: 12%;
        left: 5%;
        height: 96px;
        width: 128px;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/cloud.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .contents {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_features .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_features .features_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_features .feat_cus_row {
    margin-left: -85px;
    margin-right: -85px;
    justify-content: center;
    position: relative;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .feat_cus_row:before {
        position: absolute;
        content: "";
        top: -15%;
        left: 12%;
        height: 400px;
        width: 100%;
        background-repeat: no-repeat !important;
        /* background: url(public/images/inner-pages/metamask-clone/map.webp); */
    }
}

#metamask_clone_main .metamask_clone_features .features_box {
    padding: 30px 15px;
    background: #fff;
    border-radius: 15px;
    min-height: 380px;
    margin-right: 10px;
    position: relative;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box:before {
        position: absolute;
        content: "";
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .features_box_eve {
    padding: 30px 15px;
    margin-top: 100px;
    background: #fff;
    border-radius: 15px;
    min-height: 355px;
    margin-right: 10px;
    position: relative;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_features .features_box_eve:before {
        position: absolute;
        content: "";
        left: 0px;
        bottom: -98px;
        width: 100%;
        height: 100px;
        background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 15.02%, rgba(255, 255, 255, 0.33) 100%);
        filter: blur(1px);
        border-radius: 15px;
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

#metamask_clone_main .metamask_clone_features .sub_title {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_features .sub_contents {
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #000;
}

#metamask_clone_main .metamask_clone_features .sprite_icons {
    width: 54px;
    height: 54px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_benefits {
    padding: 50px 0px;
}

#metamask_clone_main .metamask_clone_benefits .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_benefits .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box {
    padding: 15px;
    margin-top: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box1 {
    background: #e8dbf6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box2 {
    background: #f6f0db;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box3 {
    background: #dff6db;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box4 {
    background: #dbf4f6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box5 {
    background: #f5dbf6;
}

#metamask_clone_main .metamask_clone_benefits .benefits_box6 {
    background: #dbe9f6;
}

#metamask_clone_main .metamask_clone_benefits .sub_title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
    margin-left: 5px;
}

#metamask_clone_main .metamask_clone_crypto {
    padding: 50px 0px;
    background: #f0f0fc;
}

#metamask_clone_main .metamask_clone_crypto .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_crypto .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_cus_col {
    margin: 0px;
    padding: 0px;
}

#metamask_clone_main .metamask_clone_crypto .crypto_box {
    padding: 20px 12px;
    background: #ffffff;
    border-radius: 15px;
    text-align: center;
    margin-right: 20px;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_crypto .sub_title {
    font-weight: 600;
    font-size: 17px;
    color: #000;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_crypto .sprite_icons {
    height: 78px;
    width: 82px;
    object-fit: none;
}

@media (min-width: 991px) {
    #metamask_clone_main .metamask_clone_types {
        padding-top: 30px;
        background-repeat: no-repeat !important;
        background-position: center;
        /* background: url('public/images/inner-pages/metamask-clone/types-bg.svg'); */
    }
}

#metamask_clone_main .metamask_clone_types .title {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .contents {
    text-align: justify;
    color: #fff;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_types .types_box {
    padding: 15px;
    margin-top: -40px;
    background: linear-gradient(180deg, #f0f0fc 0%, #ffd8fd 100%);
    box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    min-height: 395px;
    text-align: center;
    position: relative;
    z-index: 1;
}

#metamask_clone_main .metamask_clone_types .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_types .sub_contents {
    font-size: 16px;
    padding-top: 8px;
    color: #000;
    margin-bottom: 10px;
}

#metamask_clone_main .metamask_clone_types .sprite_icons {
    width: 60px;
    height: 70px;
    object-fit: none;
}

#metamask_clone_main .metamask_clone_techstack {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -220px;
}

#metamask_clone_main .metamask_clone_techstack .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_techstack .contents {
    text-align: justify;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_techstack .metamask_tech_btn {
    padding: 10px 25px;
    background: linear-gradient(98.19deg, #4542cf -0.41%, #d6518b 83.06%);
    box-shadow: 0px 0px 25px rgba(213, 81, 139, 0.5);
    border-radius: 35px;
    font-weight: 700;
    border: none;
    color: #ffffff;
    font-size: 16px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why {
    padding: 50px 0px;
    background: #f0f0fc;
}

#metamask_clone_main .metamask_clone_why .title {
    font-weight: 700;
    font-size: 35px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}

#metamask_clone_main .metamask_clone_why .contents {
    text-align: center;
    color: #000;
    font-size: 16px;
}

#metamask_clone_main .metamask_clone_why .why_box {
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

#metamask_clone_main .metamask_clone_why .sub_title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 25px;
    text-transform: capitalize;
}

#metamask_clone_main .metamask_clone_why .sprite_icons {
    width: 90px;
    height: 90px;
    object-fit: none;
}

@media (max-width: 992px) and (min-width: 766px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient( 101.83deg, #b7b7e2 10.6%, #f5ddf7 43.45%, #ffcce3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 500px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 28px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .smart_contract_mlm_benefits {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .smart_contract_mlm_benefits .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_sec .smart_contract_mlm_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_card_sec .service_box_row {
        margin-top: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
        margin-left: 20px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn::before {
        top: -6px;
        left: -6px;
        width: 202px;
        height: 52px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1::before {
        top: -8px;
        left: -8px;
        width: 192px;
        height: 55px;
    }
    #metamask_clone_main .smart_contract_mlm_why {
        background: #e0e6f5;
        padding: 70px 0px;
    }
}

@media (max-width: 767px) {
    #metamask_clone_main .metamask_clone_banner {
        background: linear-gradient( 101.83deg, #b7b7e2 10.6%, #f5ddf7 43.45%, #ffcce3 77.7%);
        display: flex;
        align-items: center;
        text-align: center;
        height: 550px;
    }
    #metamask_clone_main .metamask_clone_banner .title {
        font-size: 25px;
        text-align: center;
        line-height: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .cus_title {
        font-size: 40px;
    }
    #metamask_clone_main .metamask_clone_banner .contents,
    #metamask_clone_main .met_event_plt_sec .contents {
        font-size: 16px;
        line-height: 27px;
    }
    #metamask_clone_main .metamask_clone_sec,
    #metamask_clone_main .metamask_clone_card_sec,
    #metamask_clone_main .metamask_clone_features,
    #metamask_clone_main .metamask_clone_benefits,
    #metamask_clone_main .metamask_clone_crypto,
    #metamask_clone_main .metamask_clone_types,
    #metamask_clone_main .metamask_clone_why {
        padding: 30px 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn1 {
        padding: 8px 25px;
        font-size: 12px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_card_sec .metamask_about_btn {
        padding: 8px 8px;
        font-size: 12px;
        border-radius: 35px;
    }
    #metamask_clone_main .metamask_clone_sec .title,
    #metamask_clone_main .metamask_clone_card_sec .title,
    #metamask_clone_main .metamask_clone_features .title,
    #metamask_clone_main .metamask_clone_benefits .title,
    #metamask_clone_main .metamask_clone_crypto .title,
    #metamask_clone_main .metamask_clone_types .title,
    #metamask_clone_main .metamask_clone_why .title,
    #metamask_clone_main .metamask_clone_techstack .title {
        font-size: 26px;
        text-align: center;
    }
    #metamask_clone_main #metamask_clone_card {
        background: linear-gradient( 101.83deg, #b7b7e2 10.6%, #f5ddf7 43.45%, #ffcce3 77.7%);
        border-radius: 35px;
        margin: 0px 10px;
        padding: 20px 15px;
    }
    #metamask_clone_main .metamask_clone_features .feat_cus_row {
        margin-left: 0px;
        margin-right: 0px;
    }
    #metamask_clone_main .metamask_clone_features .features_box_eve {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_sec .metamask_about_btn_sec,
    #metamask_clone_main .metamask_clone_sec .contents,
    #metamask_clone_main .metamask_clone_types .contents,
    #metamask_clone_main .metamask_clone_techstack .contents,
    .metamask_tech_btn_sec {
        text-align: center;
    }
    #metamask_clone_main .metamask_clone_crypto .crypto_box {
        margin: 20px;
    }
    #metamask_clone_main .metamask_clone_features .features_box,
    #metamask_clone_main .smart_contract_mlm_benefits .benefits_box,
    #metamask_clone_main .metamask_clone_benefits .benefits_box,
    #metamask_clone_main .metamask_clone_types .types_box {
        margin-top: 20px;
        min-height: 0px;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        padding: 10px 15px;
        font-weight: 800;
        font-size: 14px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn {
        padding: 10px 15px;
        font-size: 13px;
    }
    #metamask_clone_main .metamask_clone_banner .metamask_bnr_btn1 {
        padding: 9px 10px;
        font-size: 13px;
        margin-left: 0px;
    }
    #metamask_clone_main .metamask_clone_types {
        background: linear-gradient(180deg, #3b1479 0%, #af54db 106.72%);
    }
    #metamask_clone_main .metamask_clone_techstack {
        margin-top: 0px;
        padding: 50px 0px;
    }
}

@media (max-width: 424px) {
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn1 {
        margin-top: 20px !important;
    }
    #metamask_clone_main .metamask_clone_banner .clone_script_bnr_btn {
        margin-left: 20px;
    }
}

/*======Metamask Wallet Clone Script END======*/

#casino_game_dev_main {
    background: #000;
}

#casino_game_dev_main .casino_game_dev_banner {
    background: url(../../static/media/banner.648522ad8a067e33e52e.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    display: flex;
    align-items: center;
}

.casino-main-slider-div {
    width: 400px;
}

.casino-main-box {
    margin-left: 40px;
    width: 480px;
    margin: auto;
}

@media (max-width: 991px) {
    #casino_game_dev_main ._game_dev_banner {
        position: relative;
        z-index: 1;
        text-align: center;
        background-position: 75% !important;
        height: 650px;
    }
    #casino_game_dev_main .casino_game_dev_banner:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #090909db;
    }
}

#casino_game_dev_main .casino_game_dev_banner .title {
    font-weight: 300;
    font-size: 35px !important;
    text-transform: capitalize;
    line-height: 1.3;
    color: #fff;
    letter-spacing: 3px;
}

#casino_game_dev_main .casino_game_dev_banner .cus_title {
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px !important;
    font-weight: 600;
    text-transform: uppercase;
}

#casino_game_dev_main .casino_game_dev_banner .contents {
    width: 444px;
    font-size: 16px !important;
    color: #ffffff;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}

#casino_game_dev_main .casino_game_dev_banner .banner_btn_sec {
    margin-top: 30px;
}

#casino_game_dev_main .casino_game_dev_banner .banner_btn {
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    padding: 10px 30px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #000 !important;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    border-radius: 0px;
}

#casino_game_dev_main .casino_game_dev_sec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #casino_game_dev_main .casino_game_dev_sec .cus_container {
        max-width: 1300px;
    }
    #casino_game_dev_main .casino_game_dev_sec #casino_game_card {
        background: url(../../static/media/casnio-game-sec.aceeae77f038e3456038.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 830px;
        display: flex;
        align-items: center;
        mix-blend-mode: screen;
    }
}

#casino_game_dev_main .casino_game_dev_sec #casino_game_card .casino_game_cardsec {
    text-align: center;
    padding: 30px;
}

#casino_game_dev_main .casino_game_dev_sec .title {
    width: 566px;
    font-size: 35px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
}

#casino_game_dev_main .casino_game_dev_sec .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

#casino_game_dev_main .casino_game_dev_sec .casino_game_dev_about_btn_sec {
    margin-top: 30px;
}

#casino_game_dev_main .casino_game_dev_sec .casino_game_dev_about_btn {
    text-transform: uppercase;
    padding: 8px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    background: #11ff37;
    margin-right: 10px;
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
}

#casino_game_dev_main .casino_game_dev_sec .casino_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 8px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #11e2ff;
    color: #000 !important;
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
}

#casino_game_dev_main .casino_game_dev_service {
    padding: 50px 0px;
}

#casino_game_dev_main .casino_game_dev_service .title {
    font-size: 35px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
}

#casino_game_dev_main .casino_game_dev_service .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

#casino_game_dev_main .casino_game_dev_service .service_box {
    padding: 10px;
    margin-top: 30px;
}

#casino_game_dev_main .casino_game_dev_service .sub_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-top: 5px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.4;
}

#casino_game_dev_main .casino_game_dev_service .sub_contents p {
    text-align: justify;
    /* width:150px !important; */
}

#casino_game_dev_main .casino_game_dev_service .sub_contents {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7;
}

#casino_game_dev_main .casino_game_dev_service .sprite_icons {
    width: 110px;
    height: 110px;
    object-fit: none;
}

#casino_game_dev_main .casino_game_dev_cardsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #casino_game_dev_main .casino_game_dev_cardsec #casino_game_dev_card {
        background: url(../../static/media/casino_game_card.610843d71b4aa7b519d2.webp);
        background-repeat: no-repeat;
        background-position: center;
        height: 500px;
        display: flex;
        padding: 60px 200px;
    }
}

#casino_game_dev_main .casino_game_dev_cardsec .casino_disc_sec {
    transform: rotate(353deg);
    margin-top: 10%;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_cardsec .contents {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    text-transform: capitalize;
}

#casino_game_dev_main .casino_game_dev_cardsec .cus_contents {
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

#casino_game_dev_main .casino_game_dev_cardsec .casino_game_btn_sec {
    margin-top: 30px;
}

#casino_game_dev_main .casino_game_dev_cardsec .casino_game_btn {
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    padding: 10px 30px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #000 !important;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    border-radius: 0px;
}

#casino_game_dev_main .casino_game_dev_varieties {
    padding: 50px 0px;
}

#casino_game_dev_main .casino_game_dev_varieties .varieties_listsec {
    border-radius: 0px 0px 25px 25px;
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
    padding: 50px;
}

#casino_game_dev_main .casino_game_dev_varieties .title {
    font-size: 35px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_varieties .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}

#casino_game_dev_main .casino_game_dev_varieties .varieties_list {
    display: flex;
    align-items: center;
    padding: 10px;
}

#casino_game_dev_main .casino_game_dev_varieties .sub_title {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#casino_game_dev_main .casino_game_dev_varieties .casino_game_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_varieties .casino_game_btn {
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    padding: 8px 30px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #000 !important;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    border-radius: 0px;
}

#casino_game_dev_main .casino_game_dev_features {
    padding: 50px 0px;
}

#casino_game_dev_main .casino_game_dev_features .title {
    width: 400px;
    font-size: 45px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
}

#casino_game_dev_main .casino_game_dev_features .contents {
    width: 250px;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

@media (min-width: 991px) {
    #casino_game_dev_main .casino_game_dev_features .feature_list_bg {
        background: url(../../static/media/features-img.e469749c2919e3f084a7.webp);
        background-repeat: no-repeat;
        background-position: center;
        height: 730px;
        padding: 150px 150px;
    }
}

#casino_game_dev_main .casino_game_dev_features .casino-game-features {
    margin-top: 20%;
}

#casino_game_dev_main .casino_game_dev_features .item {
    margin: 0px 10px;
    /* width: 200px !important; */
}

#casino_game_dev_main .casino_game_dev_features .feature_box {
    width: 450px;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 50px;
}

#casino_game_dev_main .casino_game_dev_features .sub_title {
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-family: "Urbanist", sans-serif;
}

#casino_game_dev_main .casino_game_dev_features .sub_contents {
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
}

#casino_game_dev_main .casino_game_dev_features .slick-prev,
#casino_game_dev_main .casino_game_dev_features .slick-next {
    top: 83% !important;
    transform: none;
    transform: initial;
    font-size: 0px;
}

#casino_game_dev_main .casino_game_dev_features .slick-prev {
    left: 38%;
    /* background: url('./asset/inner-pages-new/casino-game-development/arrow.svg'); */
    width: 40px;
    height: 30px;
    background-repeat: no-repeat;
    z-index: 1;
}

#casino_game_dev_main .casino_game_dev_features .slick-next {
    /* background: url('./asset/inner-pages-new/casino-game-development/arrow.svg'); */
    width: 40px;
    height: 30px;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    z-index: 1;
    right: 38%;
}

#casino_game_dev_main .casino_game_dev_features .slick-prev:before,
#casino_game_dev_main .casino_game_dev_features .slick-next:before {
    opacity: 0;
    display: none;
}

#casino_game_dev_main .casino_game_dev_benefits {
    padding: 50px 0px;
}

#casino_game_dev_main .casino_game_dev_benefits .title {
    font-size: 35px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_benefits .contents {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin-bottom: 60px;
}

#casino_game_dev_main .casino_game_dev_benefits .benefits_list {
    display: flex;
    align-items: center;
    padding: 10px;
}

#casino_game_dev_main .casino_game_dev_benefits .sub_title {
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-family: "Urbanist", sans-serif;
}

#casino_game_dev_main .casino_game_dev_benefits .sub_contents {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    padding-left: 10px;
    margin-bottom: 0px;
}

#casino_game_dev_main .casino_game_dev_benefits .benefits_img {
    animation: change_bg 2s linear infinite alternate;
}

@keyframes change_bg {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
}

#casino_game_dev_main .casino_game_dev_techsec {
    padding: 50px 0px;
}

@media (min-width: 991px) {
    #casino_game_dev_main .casino_game_dev_techsec #casino_game_dev_techcard {
        background: url(../../static/media/banner.648522ad8a067e33e52e.webp);
        background-repeat: no-repeat;
        background-position: center;
        height: 400px;
        display: flex;
        align-items: center;
        padding: 30px;
    }
}

#casino_game_dev_main .casino_game_dev_techsec .casino_disc_sec {
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_techsec .contents {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    text-transform: capitalize;
}

#casino_game_dev_main .casino_game_dev_techsec .cus_contents {
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

#casino_game_dev_main .casino_game_dev_techsec .casino_game_dev_about_btn_sec {
    margin-top: 30px;
}

#casino_game_dev_main .casino_game_dev_techsec .casino_game_dev_about_btn {
    text-transform: uppercase;
    padding: 8px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #000 !important;
    background: #11ff37;
    margin-right: 10px;
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
}

#casino_game_dev_main .casino_game_dev_techsec .casino_game_dev_about_btn1 {
    text-transform: uppercase;
    padding: 8px 30px;
    font-weight: 600;
    font-size: 15px;
    background: #11e2ff;
    color: #000 !important;
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
}

#casino_game_dev_main .casino_game_dev_process {
    padding: 50px 0px;
}

#casino_game_dev_main .casino_game_dev_process .title {
    font-size: 35px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_process .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 991px) {
    #casino_game_dev_main .casino_game_dev_process .cus_container {
        max-width: 1400px;
    }
    @media (max-width: 1400px) {
        #casino_game_dev_main .casino_game_dev_process .process-tab-width {
            max-width: 53rem !important;
        }
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width {
        max-width: 56rem;
        margin: 0 auto;
        position: relative;
        padding-bottom: 100px;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab {
        border-bottom: none;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-link .sprite_icons {
        width: 61px;
        height: 60px;
        transition: 0.3s;
        object-fit: none;
        filter: brightness(0.3);
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-item .nav-link.active .sub_title {
        background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-item.show .nav-link,
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-link.active,
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-link:hover {
        background: transparent;
        border: 1px solid transparent;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-link.active .sprite_icons {
        filter: brightness(1);
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-item .nav-link:hover .sub_title {
        background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-link {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process_tab .nav-link .sub_title {
        max-width: 10rem;
        min-width: 10rem;
        margin-bottom: 0;
        text-align: right;
        margin-right: 15px;
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
        text-transform: capitalize;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .border-container {
        min-height: 30.1875rem;
        position: relative;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .border-container:before {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        display: none;
        width: 100%;
        border-radius: 9999px;
        content: "";
        height: 200%;
        border: 4px dotted #fff2a759;
    }
    @media (min-width: 768px) {
        #casino_game_dev_main .casino_game_dev_process .process-tab-width .border-container:before {
            display: block;
        }
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item {
        position: absolute;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:first-child {
        left: -23%;
        top: 0;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(2) {
        left: -18%;
        top: 40%;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(3) {
        left: 0%;
        top: 78%;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(4) {
        right: 35%;
        top: 93%;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(4) .nav-link {
        display: inline !important;
        display: initial !important;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(4) .sub_title {
        text-align: left;
        margin-top: 10px;
        margin-right: 0px;
        margin-left: -15px;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(5) {
        right: -2%;
        top: 78%;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(5) .sub_title {
        text-align: left;
        order: 1;
        margin-left: 10px;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(6) {
        right: -18%;
        top: 40%;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(6) .sub_title {
        text-align: left;
        order: 1;
        margin-left: 10px;
        margin-right: 0;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(7) {
        right: -24%;
        top: 0;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .nav-item:nth-child(7) .sub_title {
        text-align: left;
        order: 1;
        margin-left: 10px;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process-content-tab {
        max-width: 500px;
        margin: 80px auto;
        padding: 30px;
        border-radius: 5px;
        text-align: center;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process-content-tab .title_process {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: capitalize;
        font-family: "Urbanist", sans-serif;
        background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process-content-tab .sub_title {
        font-weight: 500;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process-content-tab .sub_contents {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.7;
        margin-bottom: 0px;
    }
    #casino_game_dev_main .casino_game_dev_process .process-tab-width .process-content-tab .num_sec {
        color: rgba(255, 255, 255, 0.08);
        font-family: Urbanist;
        font-size: 100px;
        font-style: italic;
        font-weight: 700;
    }
}

#casino_game_dev_main .casino_game_dev_techstack {
    padding: 50px 0px;
}

#casino_game_dev_main .casino_game_dev_techstack .title {
    font-size: 35px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_techstack .techstack_box {
    padding: 20px;
    text-align: center;
    margin-top: 30px;
}

#casino_game_dev_main .casino_game_dev_techstack .sub_title {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding-top: 10px;
    margin-bottom: 0px;
    font-family: "Urbanist", sans-serif;
}

#casino_game_dev_main .casino_game_dev_techstack .sprite_icons {
    width: 100px;
    height: 100px;
    object-fit: none;
}

#casino_game_dev_main .casino_game_dev_whychoose {
    padding: 50px 0px;
}

#casino_game_dev_main .casino_game_dev_whychoose .title {
    font-size: 35px;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_whychoose .contents {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_whychoose .cus_col {
    position: relative;
}

#casino_game_dev_main .casino_game_dev_whychoose .cus_col:after {
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, #f3c954 49.24%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    content: "";
    width: 3px;
    height: 55%;
    top: 35%;
    right: 0%;
}

#casino_game_dev_main .casino_game_dev_whychoose .why_box {
    padding: 10px;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

#casino_game_dev_main .casino_game_dev_whychoose .sub_title {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.7;
    padding-left: 10px;
    margin-bottom: 0px;
    font-family: "Urbanist", sans-serif;
}

#casino_game_dev_main .casino_game_dev_whychoose .sprite_icons {
    width: 50px;
    height: 50px;
    object-fit: none;
}

#casino_game_dev_main .casino_game_dev_whychoose .cus_title {
    font-size: 23px;
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 30px;
    margin-bottom: 0px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_whychoose .casino_game_btn_sec {
    margin-top: 30px;
    text-align: center;
}

#casino_game_dev_main .casino_game_dev_whychoose .casino_game_btn {
    -webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
    padding: 10px 30px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #000 !important;
    background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
    border-radius: 0px;
}

@media (max-width: 991px) {
    #casino_game_dev_main .casino_game_dev_banner {
        display: flex;
        align-items: center;
        padding: 50px 0px;
        text-align: center;
        margin-top: 0%;
    }
    #casino_game_dev_main .casino_game_dev_banner .banner_sec {
        margin-top: 0px;
    }
    #casino_game_dev_main .casino_game_dev_sec #casino_game_card .casino_game_cardsec {
        padding: 0px;
    }
    #casino_game_dev_main .casino_game_dev_cardsec #casino_game_dev_card,
    #casino_game_dev_main .casino_game_dev_techsec #casino_game_dev_techcard {
        padding: 40px 20px;
        border: 5px solid #fecb58;
        border-radius: 20px;
    }
    #casino_game_dev_main .casino_game_dev_cardsec .casino_disc_sec {
        transform: none;
        transform: initial;
        margin-top: 0%;
    }
    #casino_game_dev_main .casino_game_dev_sec,
    #casino_game_dev_main .casino_game_dev_features .title,
    #casino_game_dev_main .casino_game_dev_features .contents {
        text-align: center;
    }
    #casino_game_dev_main .casino_game_dev_sec img {
        margin-top: 40px;
    }
    #casino_game_dev_main .casino_game_dev_features .casino-game-features {
        margin-top: 0%;
    }
    #casino_game_dev_main .casino_game_dev_features .feature_box {
        text-align: center;
        background: #0a0a0a;
        border-radius: 5px;
    }
    #casino_game_dev_main .casino_game_dev_whychoose .cus_col:after {
        display: none;
    }
    #casino_game_dev_main .casino_game_dev_process .process_box {
        padding: 20px 15px;
        text-align: center;
        transition: 0.5s;
        position: relative;
        margin-top: 50px;
        z-index: 1;
        border-radius: 5px;
        background: #0a0a0a;
        padding-bottom: 45px !important;
    }
    #casino_game_dev_main .casino_game_dev_process .process_box:hover {
        transform: translateY(-10px);
        box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    }
    #casino_game_dev_main .casino_game_dev_process .sub_title {
        background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 20px;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 0px;
        font-family: "Urbanist", sans-serif;
    }
    #casino_game_dev_main .casino_game_dev_process .sub_contents {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.7;
        margin-bottom: 0px;
        padding-top: 10px;
    }
    #casino_game_dev_main .casino_game_dev_process .num_sec {
        font-family: Urbanist;
        font-size: 60px;
        font-style: italic;
        font-weight: 800;
        background: linear-gradient( 91deg, #fec750 2.91%, #fff9b5 47.54%, #ff8d27 99.75%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #casino_game_dev_main .casino_game_dev_process .sprite_icons {
        width: 61px;
        height: 60px;
        transition: 0.5s;
        object-fit: none;
        margin-top: -15%;
    }
    #casino_game_dev_main .casino_game_dev_process .process_box:hover:after,
    #casino_game_dev_main .casino_game_dev_process .process_box:hover:before {
        opacity: 1;
        visibility: visible;
        width: 50%;
    }
    #casino_game_dev_main .casino_game_dev_process .process_box:hover .sprite_icons {
        transform: rotateY(-1turn);
    }
    #casino_game_dev_main .casino_game_dev_process .process_box:after,
    #casino_game_dev_main .casino_game_dev_process .process_box:before {
        content: "";
        position: absolute;
        width: 0;
        height: 4px;
        background: #ffd367;
        opacity: 0;
        visibility: hidden;
        bottom: 0;
        transition: 0.5s;
        top: auto;
        z-index: auto;
    }
    #casino_game_dev_main .casino_game_dev_process .process_box:before {
        left: 0;
    }
    #casino_game_dev_main .casino_game_dev_process .process_box:after {
        right: 0;
    }
}

@media (max-width: 767px) {
    #casino_game_dev_main .casino_game_dev_banner {
        display: flex;
        align-items: center;
        height: 550px;
        padding: 50px 0px;
    }
    #casino_game_dev_main .casino_game_dev_banner .title {
        font-size: 25px !important;
        margin-top: 30px;
        line-height: 1.5;
    }
    #casino_game_dev_main .casino_game_dev_banner .cus_title {
        font-size: 32px !important;
    }
    #casino_game_dev_main .casino_game_dev_banner .banner_btn,
    #casino_game_dev_main .casino_game_dev_cardsec .casino_game_btn,
    #casino_game_dev_main .casino_game_dev_varieties .casino_game_btn,
    #casino_game_dev_main .casino_game_dev_whychoose .casino_game_btn {
        font-size: 14px !important;
        padding: 8px 25px;
        margin: 0 auto;
    }
    #casino_game_dev_main .casino_game_dev_sec .title,
    #casino_game_dev_main .casino_game_dev_service .title,
    #casino_game_dev_main .casino_game_dev_varieties .title,
    #casino_game_dev_main .casino_game_dev_features .title,
    #casino_game_dev_main .casino_game_dev_benefits .title,
    #casino_game_dev_main .casino_game_dev_techstack .title,
    #casino_game_dev_main .casino_game_dev_whychoose .title,
    #casino_game_dev_main .casino_game_dev_process .title {
        font-size: 25px !important;
        line-height: 1.5 !important;
        text-align: center;
    }
    #casino_game_dev_main .casino_game_dev_sec .casino_game_dev_about_btn,
    #casino_game_dev_main .casino_game_dev_sec .casino_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 8px 25px;
    }
    #casino_game_dev_main .casino_game_dev_techsec .casino_game_dev_about_btn,
    #casino_game_dev_main .casino_game_dev_techsec .casino_game_dev_about_btn1 {
        font-size: 14px !important;
        padding: 6px 15px;
    }
    #casino_game_dev_main .casino_game_dev_cardsec #casino_game_dev_card,
    #casino_game_dev_main .casino_game_dev_techsec #casino_game_dev_techcard {
        padding: 25px 5px;
        margin: 0px 10px;
    }
    #casino_game_dev_main .casino_game_dev_varieties .varieties_listsec {
        padding: 20px;
    }
    #casino_game_dev_main .casino_game_dev_features .slick-prev {
        left: 36%;
    }
    #casino_game_dev_main .casino_game_dev_features .slick-next {
        right: 36%;
    }
}

/* .item-2{
    width: 100px;
} */

.color-btn-inner {
    /* position: absolute;
        top: 50%;
        left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* width: 200px;
        height: 60px; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 50px;
    padding: 0 20px;
    text-align: center;
    /* line-height: 60px; */
    color: #fff;
    font-size: 16px;
    /* text-transform: uppercase; */
    text-decoration: none;
    /* font-family: sans-serif; */
    /* box-sizing: border-box; */
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 400%;
    border-radius: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-btn-inner:hover {
    animation: animate 8s linear infinite;
    color: white;
}

@media (min-width: 607px) {
    .color-btn-inner {
        /* position: absolute;
            top: 50%;
            left: 50%; */
        /* transform: translate(-50%, -50%); */
        /* width: 200px;
            height: 60px; */
        margin-left: 70px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 50px;
        padding: 0 20px;
        text-align: center;
        /* line-height: 60px; */
        color: #fff;
        font-size: 16px;
        /* text-transform: uppercase; */
        text-decoration: none;
        /* font-family: sans-serif; */
        /* box-sizing: border-box; */
        background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
        background-size: 400%;
        border-radius: 10px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .color-btn-inner:hover {
        animation: animate 8s linear infinite;
        color: white;
    }
}

.platform_box-inner {
    border: 1px solid #00ffff;
    padding: 15px;
    text-align: center;
    /* margin-bottom: 50px; */
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    /* height: 295px; */
    height: auto;
}

.platform_box-inner:hover {
    background: #000000;
    box-shadow: 0px 0px 9px #00ffff;
    border-radius: 5px;
}

.ondemand-head {
    color: #bf6dbf;
}

@media (max-width: 600px) {
    .rummy-games-button {}
}

:root {
    --color-primary: #059DFF;
    --color-primary-rgba: rgb(5, 157, 255);
    --color-primary-rgba-2: rgba(5, 157, 255, 0.15);
    --color-primary-alt: #059DFF;
    --color-primary-light: #059DFF;
    --color-primary-lightest: #059DFF;
    --color-secondary: #FB5343;
    --color-tertiary: #6549D5;
    --color-tertiary-alt: #6549D5;
    --color-pink: #E33FA1;
    --color-light-green: #36C6F0;
    --color-primary-darker: #011827;
    --color-tertiary-darker: #150b40;
    --color-secondary-darker: #190301;
    --color-light-green-darker: #001f27;
    --color-pink-darker: #2f011d;
    --color-heading: #ffffff;
    --color-body: #acacac;
    --color-dark: #060606;
    --color-darker: rgba(6, 6, 6, 0.7);
    --color-darkest: rgba(0, 0, 0, 0.3);
    --color-black: #000000;
    --color-black-off: rgba(0, 0, 0, 0.2);
    --color-blacker: rgba(15, 15, 17, 0);
    --color-blackest: #0f0f11;
    --color-border: hsla(0, 0%, 100%, 0.1);
    --color-lessdark: #1e1e1e;
    --color-gray: #65676B;
    --color-midgray: #878787;
    --color-light: #E4E6EA;
    --color-lighter: #CED0D4;
    --color-lightest: #F0F2F5;
    --color-white: #ffffff;
    --color-white-off: rgba(255, 255, 255, 0.05);
    --color-success: #3EB75E;
    --color-danger: #FF0003;
    --color-warning: #FF8F3C;
    --color-info: #1BA2DB;
    --color-facebook: #3B5997;
    --color-twitter: #1BA1F2;
    --color-youtube: #ED4141;
    --color-linkedin: #0077B5;
    --color-pinterest: #E60022;
    --color-instagram: #C231A1;
    --color-vimeo: #00ADEF;
    --color-twitch: #6441A3;
    --color-discord: #7289da;
    --color-extra01: #666666;
    --color-extra02: #606770;
    --color-extra03: #FBFBFD;
    --color-extra04: #1A1A1A;
    --color-extra05: #242424;
    --color-extra06: #111424;
    --border-width: 2px;
    --radius-small: 6px;
    --radius: 10px;
    --radius-big: 16px;
    --p-light: 300;
    --p-regular: 400;
    --p-medium: 500;
    --p-semi-bold: 600;
    --p-bold: 700;
    --p-extra-bold: 800;
    --p-black: 900;
    --shadow-primary: 0 0 20px 5px rgba(251, 83, 67, 0.2);
    --shadow-light: 1px 1px 6px rgba(0, 0, 0, 0.25);
    --shadow-lighter: 4px 4px 20px 20px rgba(0, 0, 0, 0.01);
    --transition: 0.3s;
    --transition-transform: transform .65s cubic-bezier(.23, 1, .32, 1);
    --font-primary: "Inter", sans-serif;
    --secondary-font: "Inter", sans-serif;
    --font-awesome: "Font Awesome 5 Pro";
    --font-size-b1: 18px;
    --font-size-b2: 16px;
    --font-size-b3: 14px;
    --font-size-b4: 12px;
    --line-height-b1: 1.67;
    --line-height-b2: 1.7;
    --line-height-b3: 1.6;
    --line-height-b4: 1.3;
    --h1: 56px;
    --h2: 44px;
    --h3: 36px;
    --h4: 24px;
    --h5: 18px;
    --h6: 16px;
}

/**
 * Reset Styels
 */

* {
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

a {
    color: #ffffff;
    color: var(--color-heading);
    text-decoration: none;
    outline: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    color: #059DFF;
    color: var(--color-primary);
}

a:focus {
    outline: none;
}

menu,
ol,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

li>ul,
li>ol {
    margin: 0;
}

ol ul {
    margin-bottom: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border: 1px solid var(--color-border);
    margin: 0 2px;
    min-width: inherit;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px;
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

/**
 * Typography
 */

* {
    box-sizing: border-box;
}

html {
    overflow: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    font-size: 10px;
}

body {
    overflow: auto;
    font-size: 16px;
    font-size: var(--font-size-b2);
    line-height: 1.7;
    line-height: var(--line-height-b2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Inter", sans-serif;
    font-family: var(--font-primary);
    color: #acacac;
    color: var(--color-body);
    font-weight: 400;
    font-weight: var(--p-regular);
    background-color: #060606;
    background-color: var(--color-dark);
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
menu,
ol,
ul,
table,
hr {
    margin: 0;
    margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    word-break: break-word;
    font-family: "Inter", sans-serif;
    font-family: var(--secondary-font);
    line-height: 1.4074;
    color: #ffffff;
    color: var(--color-heading);
}

h1,
.h1 {
    font-size: 56px;
    font-size: var(--h1);
    line-height: 1.19;
}

h2,
.h2 {
    font-size: 44px;
    font-size: var(--h2);
    line-height: 1.23;
}

h3,
.h3 {
    font-size: 36px;
    font-size: var(--h3);
    line-height: 1.4;
}

h4,
.h4 {
    font-size: 24px;
    font-size: var(--h4);
    line-height: 1.25;
}

h5,
.h5 {
    font-size: 18px;
    font-size: var(--h5);
    line-height: 1.24;
}

h6,
.h6 {
    font-size: 16px;
    font-size: var(--h6);
    line-height: 1.25;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: inherit;
    transition: 0.5s;
}

a {
    color: #acacac;
    color: var(--color-body);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1,
    .h1 {
        font-size: 38px;
    }
    h2,
    .h2 {
        font-size: 32px;
    }
    h3,
    .h3 {
        font-size: 28px;
    }
    h4,
    .h4 {
        font-size: 24px;
    }
    h5,
    .h5 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    h1,
    .h1 {
        font-size: 34px;
    }
    h2,
    .h2 {
        font-size: 28px;
    }
    h3,
    .h3 {
        font-size: 24px;
    }
    h4,
    .h4 {
        font-size: 20px;
    }
    h5,
    .h5 {
        font-size: 16px;
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-weight: 700;
    font-weight: var(--p-bold);
}

h4,
.h4,
h5,
.h5 {
    font-weight: 700;
    font-weight: var(--p-bold);
}

h6,
.h6 {
    font-weight: 500;
    font-weight: var(--p-medium);
}

p {
    font-size: 16px;
    font-size: var(--font-size-b2);
    line-height: 1.7;
    line-height: var(--line-height-b2);
    font-weight: 400;
    font-weight: var(--p-regular);
    color: #acacac;
    color: var(--color-body);
    margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
    p {
        margin: 0 0 20px;
        font-size: 16px;
        font-size: var(--font-size-b2);
        line-height: 1.7;
        line-height: var(--line-height-b2);
    }
}

p.has-large-font-size {
    line-height: 1.5;
    font-size: 36px;
}

p.has-medium-font-size {
    font-size: 24px;
    line-height: 36px;
}

p.has-small-font-size {
    font-size: 13px;
}

p.has-very-light-gray-color {
    color: #ffffff;
    color: var(--color-white);
}

p.has-background {
    padding: 20px 30px;
}

p.b1 {
    font-size: 18px;
    font-size: var(--font-size-b1);
    line-height: 1.67;
    line-height: var(--line-height-b1);
}

p.b2 {
    font-size: 16px;
    font-size: var(--font-size-b2);
    line-height: 1.7;
    line-height: var(--line-height-b2);
}

p.b3 {
    font-size: 14px;
    font-size: var(--font-size-b3);
    line-height: 1.6;
    line-height: var(--line-height-b3);
}

p.b4 {
    font-size: 12px;
    font-size: var(--font-size-b4);
    line-height: 1.3;
    line-height: var(--line-height-b4);
}

.b1 {
    font-size: 18px;
    font-size: var(--font-size-b1);
    line-height: 1.67;
    line-height: var(--line-height-b1);
}

.b2 {
    font-size: 16px;
    font-size: var(--font-size-b2);
    line-height: 1.7;
    line-height: var(--line-height-b2);
}

.b3 {
    font-size: 14px;
    font-size: var(--font-size-b3);
    line-height: 1.6;
    line-height: var(--line-height-b3);
}

.b4 {
    font-size: 12px;
    font-size: var(--font-size-b4);
    line-height: 1.3;
    line-height: var(--line-height-b4);
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 40px;
    width: 100%;
}

table a,
table a:link,
table a:visited {
    text-decoration: none;
}

cite,
.wp-block-pullquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-quote cite {
    color: #ffffff;
    color: var(--color-heading);
}

var {
    font-family: "Courier 10 Pitch", Courier, monospace;
}

/*---------------------------
	List Style 
---------------------------*/

ul,
ol {
    padding-left: 18px;
}

ul {
    list-style: square;
    margin-bottom: 30px;
    padding-left: 20px;
}

ul.liststyle.bullet li {
    font-size: 18px;
    line-height: 30px;
    color: #acacac;
    color: var(--color-body);
    position: relative;
    padding-left: 30px;
}

@media only screen and (max-width: 767px) {
    ul.liststyle.bullet li {
        padding-left: 19px;
    }
}

ul.liststyle.bullet li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #acacac;
    background: var(--color-body);
    left: 0;
    top: 10px;
}

ul.liststyle.bullet li+li {
    margin-top: 8px;
}

ul li {
    font-size: 18px;
    font-size: var(--font-size-b1);
    line-height: 1.67;
    line-height: var(--line-height-b1);
    margin-top: 10px;
    margin-bottom: 10px;
    color: #acacac;
    color: var(--color-body);
    font-weight: 400;
}

ul li a {
    text-decoration: none;
    color: #acacac;
    color: var(--color-body);
}

ul li a:hover {
    color: #059DFF;
    color: var(--color-primary);
}

ul ul {
    margin-bottom: 0;
}

ol {
    margin-bottom: 30px;
}

ol li {
    font-size: 18px;
    font-size: var(--font-size-b1);
    line-height: 1.67;
    line-height: var(--line-height-b1);
    color: #65676B;
    color: var(--color-gray);
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
}

ol li a {
    color: var(--heading-color);
    text-decoration: none;
}

ol li a:hover {
    color: #059DFF;
    color: var(--color-primary);
}

ol ul {
    padding-left: 30px;
}

hr {
    display: block;
    height: 0;
    margin: 15px 0;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    border-top: 1px solid var(--color-border);
    background: transparent;
}

kbd {
    background: #059DFF;
    background: var(--color-primary);
}

/*=====================
All Extend Here
=======================*/

.color-primary {
    color: #059DFF !important;
    color: var(--color-primary) !important;
}

.color-primary-light {
    color: #059DFF !important;
    color: var(--color-primary-light) !important;
}

.color-primary-alt {
    color: #059DFF !important;
    color: var(--color-primary-alt) !important;
}

.color-secondary {
    color: #FB5343 !important;
    color: var(--color-secondary) !important;
}

.color-tertiary {
    color: #6549D5 !important;
    color: var(--color-tertiary) !important;
}

.color-tertiary-alt {
    color: #6549D5 !important;
    color: var(--color-tertiary-alt) !important;
}

.color-light-green {
    color: #36C6F0 !important;
    color: var(--color-light-green) !important;
}

.color-pink {
    color: #E33FA1 !important;
    color: var(--color-pink) !important;
}

.color-primary-darker {
    color: #011827 !important;
    color: var(--color-primary-darker) !important;
}

.color-secondary-darker {
    color: #190301 !important;
    color: var(--color-secondary-darker) !important;
}

.color-light-green-darker {
    color: #001f27 !important;
    color: var(--color-light-green-darker) !important;
}

.color-pink-darker {
    color: #2f011d !important;
    color: var(--color-pink-darker) !important;
}

.color-heading {
    color: #ffffff !important;
    color: var(--color-heading) !important;
}

.color-body {
    color: #acacac !important;
    color: var(--color-body) !important;
}

.color-dark {
    color: #060606 !important;
    color: var(--color-dark) !important;
}

.color-darker {
    color: rgba(6, 6, 6, 0.7) !important;
    color: var(--color-darker) !important;
}

.color-darkest {
    color: rgba(0, 0, 0, 0.3) !important;
    color: var(--color-darkest) !important;
}

.color-black {
    color: #000000 !important;
    color: var(--color-black) !important;
}

.color-blacker {
    color: rgba(15, 15, 17, 0) !important;
    color: var(--color-blacker) !important;
}

.color-blackest {
    color: #0f0f11 !important;
    color: var(--color-blackest) !important;
}

.color-border {
    color: hsla(0, 0%, 100%, 0.1) !important;
    color: var(--color-border) !important;
}

.color-gray {
    color: #65676B !important;
    color: var(--color-gray) !important;
}

.color-midgray {
    color: #878787 !important;
    color: var(--color-midgray) !important;
}

.color-light {
    color: #E4E6EA !important;
    color: var(--color-light) !important;
}

.color-lighter {
    color: #CED0D4 !important;
    color: var(--color-lighter) !important;
}

.color-lightest {
    color: #F0F2F5 !important;
    color: var(--color-lightest) !important;
}

.color-white {
    color: #ffffff !important;
    color: var(--color-white) !important;
}

[data-overlay]:before {
    background: #059DFF;
    background: var(--color-primary);
}

/* Radius */

.filter-button-default button,
.rainbow-card .inner .thumbnail .card-image img,
.rainbow-card .inner .thumbnail .card-image a,
.radius-small {
    border-radius: 6px;
    border-radius: var(--radius-small);
}

.radius-small {
    border-radius: 6px;
    border-radius: var(--radius-small);
}

.radius,
.post-scale {
    border-radius: 10px;
    border-radius: var(--radius);
}

.radius-big {
    border-radius: 16px;
    border-radius: var(--radius-big);
}

/* Font Weight */

.w-300 {
    font-weight: 300 !important;
}

.w-400 {
    font-weight: 400 !important;
}

.w-500 {
    font-weight: 500 !important;
}

.w-600 {
    font-weight: 600 !important;
}

.w-700 {
    font-weight: 700 !important;
}

.w-800 {
    font-weight: 800 !important;
}

.w-900 {
    font-weight: 900 !important;
}

/* Shadows */

.shadow-primary {
    box-shadow: 0 0 20px 5px rgba(251, 83, 67, 0.2);
    box-shadow: var(--shadow-primary);
}

.shadow-light {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
    box-shadow: var(--shadow-light);
}

.shadow-lighter {
    box-shadow: 4px 4px 20px 20px rgba(0, 0, 0, 0.01);
    box-shadow: var(--shadow-lighter);
}

/*=============== Style Css =============*/

.rainbow-meta-list,
.advance-pricing .pricing-right .plan-offer-list,
.advance-brand,
.breadcrumb-inner ul.page-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.bg_image,
.bgImagePosition {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*----------------------
    Animation Css  
-----------------------*/

.post-scale {
    overflow: hidden;
}

.post-scale img {
    transition: 0.5s;
}

.post-scale:hover img {
    transform: scale(1.1);
}

@keyframes customOne {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}

@keyframes customTwo {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(100px, 0px);
    }
    100% {
        transform: translate(50px, 50px);
    }
}

.customOne {
    animation: customOne 2s infinite;
}

/*===========================
    Background Image 
=============================*/

.bg_image--23 {
    background-image: url("https://www.verdict.co.uk/wp-content/uploads/2021/04/shutterstock_1583248045.jpg");
    background-size: cover;
    width: 100%;
    width: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.fullscreen {
    min-height: 100vh;
    width: 100%;
}

/*=============================
	Overlay styles 
==============================*/

[data-overlay],
[data-black-overlay],
[data-white-overlay] {
    position: relative;
}

[data-overlay]>div,
[data-overlay]>*,
[data-black-overlay]>div,
[data-black-overlay]>*,
[data-white-overlay]>div,
[data-white-overlay]>* {
    position: relative;
    z-index: 2;
}

[data-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

[data-black-overlay]:before {
    background-color: #000000;
}

[data-white-overlay]:before {
    background-color: #ffffff;
}

[data-overlay="1"]:before,
[data-black-overlay="1"]:before,
[data-white-overlay="1"]:before {
    opacity: 0.1;
}

[data-overlay="2"]:before,
[data-black-overlay="2"]:before,
[data-white-overlay="2"]:before {
    opacity: 0.2;
}

[data-overlay="3"]:before,
[data-black-overlay="3"]:before,
[data-white-overlay="3"]:before {
    opacity: 0.3;
}

[data-overlay="4"]:before,
[data-black-overlay="4"]:before,
[data-white-overlay="4"]:before {
    opacity: 0.4;
}

[data-overlay="5"]:before,
[data-black-overlay="5"]:before,
[data-white-overlay="5"]:before {
    opacity: 0.5;
}

[data-overlay="6"]:before,
[data-black-overlay="6"]:before,
[data-white-overlay="6"]:before {
    opacity: 0.6;
}

[data-overlay="7"]:before,
[data-black-overlay="7"]:before,
[data-white-overlay="7"]:before {
    opacity: 0.7;
}

[data-overlay="8"]:before,
[data-black-overlay="8"]:before,
[data-white-overlay="8"]:before {
    opacity: 0.8;
}

[data-overlay="9"]:before,
[data-black-overlay="9"]:before,
[data-white-overlay="9"]:before {
    opacity: 0.9;
}

[data-overlay="10"]:before,
[data-black-overlay="10"]:before,
[data-white-overlay="10"]:before {
    opacity: 1;
}

/*======================== 
    Common Style Css
==========================*/

/* Theme Gradient */

.theme-gradient,
.counter-style-1 .count-number {
    background: linear-gradient(95deg, #059DFF 15%, #6549D5 45%, #E33FA1 75%, #FB5343 100%) 98%/200% 100%;
    background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 98%/200% 100%;
    text-transform: capitalize;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-lessdark-gradient {
    background: linear-gradient(180deg, #1e1e1e 20%, rgba(19, 19, 19, 0.4));
    background: linear-gradient(180deg, var(--color-lessdark) 20%, rgba(19, 19, 19, 0.4));
}

.bg-theme-gradient {
    background-color: transparent;
    background-image: linear-gradient(90deg, #059DFF 10%, #059DFF 50%, #6549D5 90%);
    background-image: linear-gradient(90deg, var(--color-primary-lightest) 10%, var(--color-primary-alt) 50%, var(--color-tertiary-alt) 90%);
}

.bg-primary-gradient {
    background-color: #059DFF;
    background-color: var(--color-primary);
    background: linear-gradient(95deg, #059DFF 15%, #6549D5 45%, #E33FA1 75%, #FB5343 100%) 95%/200% 100%;
    background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 95%/200% 100%;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .theme-gradient,
    .counter-style-1 .count-number {
        color: #FB5343;
        color: var(--color-secondary);
        background: none !important;
    }
}

/* Heading Font  */

.h1 {
    font-size: 56px !important;
    font-size: var(--h1) !important;
}

.h2 {
    font-size: 44px !important;
    font-size: var(--h2) !important;
}

.h3 {
    font-size: 36px !important;
    font-size: var(--h3) !important;
}

.h4 {
    font-size: 24px !important;
    font-size: var(--h4) !important;
}

.h5 {
    font-size: 18px !important;
    font-size: var(--h5) !important;
}

.h6 {
    font-size: 16px !important;
    font-size: var(--h6) !important;
}

/* Text Color  */

.bg-primary-color {
    background: #059DFF;
    background: var(--color-primary);
}

.bg-secondary-color {
    background: #FB5343;
    background: var(--color-secondary);
}

.bg-tertiary-color {
    background-color: #6549D5;
    background-color: var(--color-tertiary);
}

.bg-color-primary {
    background-color: #059DFF !important;
    background-color: var(--color-primary) !important;
}

.bg-color-primary-light {
    background-color: #059DFF !important;
    background-color: var(--color-primary-light) !important;
}

.bg-color-primary-alt {
    background-color: #059DFF !important;
    background-color: var(--color-primary-alt) !important;
}

.bg-color-secondary {
    background-color: #FB5343 !important;
    background-color: var(--color-secondary) !important;
}

.bg-color-tertiary {
    background-color: #6549D5 !important;
    background-color: var(--color-tertiary) !important;
}

.bg-color-tertiary-alt {
    background-color: #6549D5 !important;
    background-color: var(--color-tertiary-alt) !important;
}

.bg-color-light-green {
    background-color: #36C6F0 !important;
    background-color: var(--color-light-green) !important;
}

.bg-color-pink {
    background-color: #E33FA1 !important;
    background-color: var(--color-pink) !important;
}

.bg-color-primary-darker {
    background-color: #011827 !important;
    background-color: var(--color-primary-darker) !important;
}

.bg-color-secondary-darker {
    background-color: #190301 !important;
    background-color: var(--color-secondary-darker) !important;
}

.bg-color-light-green-darker {
    background-color: #001f27 !important;
    background-color: var(--color-light-green-darker) !important;
}

.bg-color-pink-darker {
    background-color: #2f011d !important;
    background-color: var(--color-pink-darker) !important;
}

.bg-color-heading {
    background-color: #ffffff !important;
    background-color: var(--color-heading) !important;
}

.bg-color-body {
    background-color: #acacac !important;
    background-color: var(--color-body) !important;
}

.bg-color-dark {
    background-color: #060606 !important;
    background-color: var(--color-dark) !important;
}

.bg-color-darker {
    background-color: rgba(6, 6, 6, 0.7) !important;
    background-color: var(--color-darker) !important;
}

.bg-color-darkest {
    background-color: rgba(0, 0, 0, 0.3) !important;
    background-color: var(--color-darkest) !important;
}

.bg-color-black {
    background-color: #000000 !important;
    background-color: var(--color-black) !important;
}

.bg-color-blacker {
    background-color: rgba(15, 15, 17, 0) !important;
    background-color: var(--color-blacker) !important;
}

.bg-color-blackest {
    background-color: #0f0f11 !important;
    background-color: var(--color-blackest) !important;
}

.bg-color-border {
    background-color: hsla(0, 0%, 100%, 0.1) !important;
    background-color: var(--color-border) !important;
}

.bg-color-gray {
    background-color: #65676B !important;
    background-color: var(--color-gray) !important;
}

.bg-color-midgray {
    background-color: #878787 !important;
    background-color: var(--color-midgray) !important;
}

.bg-color-light {
    background-color: #E4E6EA !important;
    background-color: var(--color-light) !important;
}

.bg-color-lighter {
    background-color: #CED0D4 !important;
    background-color: var(--color-lighter) !important;
}

.bg-color-lightest {
    background-color: #F0F2F5 !important;
    background-color: var(--color-lightest) !important;
}

.bg-color-white {
    background-color: #ffffff !important;
    background-color: var(--color-white) !important;
}

/**
 * Settings
 */

/**
  * Easings
  */

/**
  * Core
  */

[data-sal] {
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-duration: var(--sal-duration, 0.2s);
    transition-delay: var(--sal-delay, 0s);
    transition-timing-function: ease;
    transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration="200"] {
    transition-duration: 0.2s;
}

[data-sal][data-sal-duration="250"] {
    transition-duration: 0.25s;
}

[data-sal][data-sal-duration="300"] {
    transition-duration: 0.3s;
}

[data-sal][data-sal-duration="350"] {
    transition-duration: 0.35s;
}

[data-sal][data-sal-duration="400"] {
    transition-duration: 0.4s;
}

[data-sal][data-sal-duration="450"] {
    transition-duration: 0.45s;
}

[data-sal][data-sal-duration="500"] {
    transition-duration: 0.5s;
}

[data-sal][data-sal-duration="550"] {
    transition-duration: 0.55s;
}

[data-sal][data-sal-duration="600"] {
    transition-duration: 0.6s;
}

[data-sal][data-sal-duration="650"] {
    transition-duration: 0.65s;
}

[data-sal][data-sal-duration="700"] {
    transition-duration: 0.7s;
}

[data-sal][data-sal-duration="750"] {
    transition-duration: 0.75s;
}

[data-sal][data-sal-duration="800"] {
    transition-duration: 0.8s;
}

[data-sal][data-sal-duration="850"] {
    transition-duration: 0.85s;
}

[data-sal][data-sal-duration="900"] {
    transition-duration: 0.9s;
}

[data-sal][data-sal-duration="950"] {
    transition-duration: 0.95s;
}

[data-sal][data-sal-duration="1000"] {
    transition-duration: 1s;
}

[data-sal][data-sal-duration="1050"] {
    transition-duration: 1.05s;
}

[data-sal][data-sal-duration="1100"] {
    transition-duration: 1.1s;
}

[data-sal][data-sal-duration="1150"] {
    transition-duration: 1.15s;
}

[data-sal][data-sal-duration="1200"] {
    transition-duration: 1.2s;
}

[data-sal][data-sal-duration="1250"] {
    transition-duration: 1.25s;
}

[data-sal][data-sal-duration="1300"] {
    transition-duration: 1.3s;
}

[data-sal][data-sal-duration="1350"] {
    transition-duration: 1.35s;
}

[data-sal][data-sal-duration="1400"] {
    transition-duration: 1.4s;
}

[data-sal][data-sal-duration="1450"] {
    transition-duration: 1.45s;
}

[data-sal][data-sal-duration="1500"] {
    transition-duration: 1.5s;
}

[data-sal][data-sal-duration="1550"] {
    transition-duration: 1.55s;
}

[data-sal][data-sal-duration="1600"] {
    transition-duration: 1.6s;
}

[data-sal][data-sal-duration="1650"] {
    transition-duration: 1.65s;
}

[data-sal][data-sal-duration="1700"] {
    transition-duration: 1.7s;
}

[data-sal][data-sal-duration="1750"] {
    transition-duration: 1.75s;
}

[data-sal][data-sal-duration="1800"] {
    transition-duration: 1.8s;
}

[data-sal][data-sal-duration="1850"] {
    transition-duration: 1.85s;
}

[data-sal][data-sal-duration="1900"] {
    transition-duration: 1.9s;
}

[data-sal][data-sal-duration="1950"] {
    transition-duration: 1.95s;
}

[data-sal][data-sal-duration="2000"] {
    transition-duration: 2s;
}

[data-sal][data-sal-delay="50"] {
    transition-delay: 0.05s;
}

[data-sal][data-sal-delay="100"] {
    transition-delay: 0.1s;
}

[data-sal][data-sal-delay="150"] {
    transition-delay: 0.15s;
}

[data-sal][data-sal-delay="200"] {
    transition-delay: 0.2s;
}

[data-sal][data-sal-delay="250"] {
    transition-delay: 0.25s;
}

[data-sal][data-sal-delay="300"] {
    transition-delay: 0.3s;
}

[data-sal][data-sal-delay="350"] {
    transition-delay: 0.35s;
}

[data-sal][data-sal-delay="400"] {
    transition-delay: 0.4s;
}

[data-sal][data-sal-delay="450"] {
    transition-delay: 0.45s;
}

[data-sal][data-sal-delay="500"] {
    transition-delay: 0.5s;
}

[data-sal][data-sal-delay="550"] {
    transition-delay: 0.55s;
}

[data-sal][data-sal-delay="600"] {
    transition-delay: 0.6s;
}

[data-sal][data-sal-delay="650"] {
    transition-delay: 0.65s;
}

[data-sal][data-sal-delay="700"] {
    transition-delay: 0.7s;
}

[data-sal][data-sal-delay="750"] {
    transition-delay: 0.75s;
}

[data-sal][data-sal-delay="800"] {
    transition-delay: 0.8s;
}

[data-sal][data-sal-delay="850"] {
    transition-delay: 0.85s;
}

[data-sal][data-sal-delay="900"] {
    transition-delay: 0.9s;
}

[data-sal][data-sal-delay="950"] {
    transition-delay: 0.95s;
}

[data-sal][data-sal-delay="1000"] {
    transition-delay: 1s;
}

[data-sal][data-sal-easing=linear] {
    transition-timing-function: linear;
}

[data-sal][data-sal-easing=ease] {
    transition-timing-function: ease;
}

[data-sal][data-sal-easing=ease-in] {
    transition-timing-function: ease-in;
}

[data-sal][data-sal-easing=ease-out] {
    transition-timing-function: ease-out;
}

[data-sal][data-sal-easing=ease-in-out] {
    transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing=ease-in-cubic] {
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

[data-sal][data-sal-easing=ease-out-cubic] {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-circ] {
    transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

[data-sal][data-sal-easing=ease-out-circ] {
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-sal][data-sal-easing=ease-in-out-circ] {
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

[data-sal][data-sal-easing=ease-in-expo] {
    transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

[data-sal][data-sal-easing=ease-out-expo] {
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-sal][data-sal-easing=ease-in-out-expo] {
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing=ease-in-quad] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-sal][data-sal-easing=ease-out-quad] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sal][data-sal-easing=ease-in-out-quad] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-sal][data-sal-easing=ease-in-quart] {
    transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

[data-sal][data-sal-easing=ease-out-quart] {
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-sal][data-sal-easing=ease-in-out-quart] {
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-sal][data-sal-easing=ease-in-quint] {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

[data-sal][data-sal-easing=ease-out-quint] {
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-sal][data-sal-easing=ease-in-out-quint] {
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

[data-sal][data-sal-easing=ease-in-sine] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-sal][data-sal-easing=ease-out-sine] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-sal][data-sal-easing=ease-in-out-sine] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-sal][data-sal-easing=ease-in-back] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-sal][data-sal-easing=ease-out-back] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-sal][data-sal-easing=ease-in-out-back] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/**
  * Animations
  */

[data-sal|=fade] {
    opacity: 0;
    transition-property: opacity;
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
    opacity: 1;
}

[data-sal|=slide] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-sal=slide-up] {
    transform: translateY(20%);
}

[data-sal=slide-down] {
    transform: translateY(-20%);
}

[data-sal=slide-left] {
    transform: translateX(20%);
}

[data-sal=slide-right] {
    transform: translateX(-20%);
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
    opacity: 1;
    transform: none;
}

[data-sal|=zoom] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-sal=zoom-in] {
    transform: scale(0.5);
}

[data-sal=zoom-out] {
    transform: scale(1.1);
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
    opacity: 1;
    transform: none;
}

[data-sal|=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform;
}

[data-sal=flip-left] {
    transform: perspective(2000px) rotateY(-91deg);
}

[data-sal=flip-right] {
    transform: perspective(2000px) rotateY(91deg);
}

[data-sal=flip-up] {
    transform: perspective(2000px) rotateX(-91deg);
}

[data-sal=flip-down] {
    transform: perspective(2000px) rotateX(91deg);
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
    transform: none;
}

.cd-intro {
    margin: 4em auto;
}

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin: 5em auto;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        margin: 6em auto;
    }
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2;
}

@media only screen and (min-width: 768px) {
    .cd-headline {
        font-size: 4.4rem;
        font-weight: 300;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-headline {
        font-size: 48px;
    }
}

@media only screen and (max-width: 768px) {
    .cd-headline {
        font-size: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .cd-headline {
        font-size: 26px;
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

/* -------------------------------- 

xclip 

-------------------------------- */

.cd-headline.clip span {
    display: inline-block;
    padding: 0;
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: middle;
}

.cd-headline.clip .cd-words-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 80%;
    background-color: #FB5343;
    background-color: var(--color-secondary);
    transform: translateY(-50%);
}

.cd-headline.clip b {
    opacity: 0;
}

.cd-headline.clip b.is-visible {
    opacity: 1;
}

/* Button Styles  */

.button-group {
    margin: -10px;
}

.button-group a,
.button-group button {
    margin: 10px;
}

a.btn-default,
button.btn-default,
div.btn-default {
    padding: 0 28px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
    border-radius: 8px;
    background-color: transparent;
    background: linear-gradient(95deg, #059DFF 15%, #6549D5 45%, #E33FA1 75%, #FB5343 100%) 95%/200% 100%;
    background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 95%/200% 100%;
    transition-duration: 300ms;
    color: #ffffff;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
    text-shadow: var(--shadow-light);
    display: inline-block;
    height: 50px;
    line-height: 47px;
    letter-spacing: 0.5px;
    width: auto;
    transition: 0.4s;
}

a.btn-default.btn-icon .icon,
button.btn-default.btn-icon .icon,
div.btn-default.btn-icon .icon {
    position: relative;
    top: 2px;
    padding-left: 4px;
}

a.btn-default.btn-icon .icon i,
button.btn-default.btn-icon .icon i,
div.btn-default.btn-icon .icon i {
    width: 20px;
    height: 20px;
}

a.btn-default:hover,
button.btn-default:hover,
div.btn-default:hover {
    box-shadow: 0 0 20px 5px rgba(251, 83, 67, 0.2);
    box-shadow: var(--shadow-primary);
    filter: brightness(125%);
    color: #ffffff;
    color: var(--color-white);
    text-decoration: none;
}

a.btn-default.btn-small,
button.btn-default.btn-small,
div.btn-default.btn-small {
    height: 40px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
}

a.btn-default.btn-medium,
button.btn-default.btn-medium,
div.btn-default.btn-medium {
    height: 65px;
    line-height: 61px;
    padding: 0 40px;
}

a.btn-default.btn-large,
button.btn-default.btn-large,
div.btn-default.btn-large {
    height: 60px;
    line-height: 56px;
    padding: 0 37px;
    font-size: 17px;
}

@media only screen and (max-width: 767px) {
    a.btn-default.btn-large,
    button.btn-default.btn-large,
    div.btn-default.btn-large {
        padding: 0 25px;
    }
}

a.btn-default.btn-extra-large,
button.btn-default.btn-extra-large,
div.btn-default.btn-extra-large {
    height: 90px;
    line-height: 90px;
    padding: 0 70px;
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
    a.btn-default.btn-extra-large,
    button.btn-default.btn-extra-large,
    div.btn-default.btn-extra-large {
        padding: 0 44px;
    }
}

a.btn-default.btn-border,
button.btn-default.btn-border,
div.btn-default.btn-border {
    background-image: inherit;
    border-color: hsla(0, 0%, 100%, 0.1);
    border-color: var(--color-border);
    border-width: 2px;
    border-style: solid;
}

a.btn-default.btn-border:hover,
button.btn-default.btn-border:hover,
div.btn-default.btn-border:hover {
    background-color: #FB5343;
    background-color: var(--color-secondary);
    border-color: #FB5343;
    border-color: var(--color-secondary);
}

a.btn-default.text-underline,
button.btn-default.text-underline,
div.btn-default.text-underline {
    background-image: inherit;
    border-color: #ffffff;
    border-color: var(--color-white);
}

a.btn-default.text-underline span,
button.btn-default.text-underline span,
div.btn-default.text-underline span {
    position: relative;
    display: inline-block;
    line-height: 30px;
}

a.btn-default.text-underline:hover,
button.btn-default.text-underline:hover,
div.btn-default.text-underline:hover {
    box-shadow: none;
    background-color: #FB5343;
    background-color: var(--color-secondary);
    border-color: #FB5343;
    border-color: var(--color-secondary);
}

a.btn-default.round,
button.btn-default.round,
div.btn-default.round {
    border-radius: 100px;
}

a.btn-default.square,
button.btn-default.square,
div.btn-default.square {
    border-radius: 0;
}

a.btn-default.rounded-player,
button.btn-default.rounded-player,
div.btn-default.rounded-player {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    padding: 0;
    line-height: 100px;
    font-size: 30px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    a.btn-default.rounded-player,
    button.btn-default.rounded-player,
    div.btn-default.rounded-player {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
}

a.btn-default.rounded-player span i,
button.btn-default.rounded-player span i,
div.btn-default.rounded-player span i {
    position: relative;
    top: 1px;
    left: 2px;
}

a.btn-default.rounded-player.border,
button.btn-default.rounded-player.border,
div.btn-default.rounded-player.border {
    background-image: inherit;
    border-color: #ffffff !important;
    border-color: var(--color-white) !important;
    border-width: 2px !important;
}

a.btn-default.rounded-player.border:hover,
button.btn-default.rounded-player.border:hover,
div.btn-default.rounded-player.border:hover {
    background-color: #FB5343;
    background-color: var(--color-secondary);
    border-color: #FB5343 !important;
    border-color: var(--color-secondary) !important;
}

a.btn-default.rounded-player.sm-size,
button.btn-default.rounded-player.sm-size,
div.btn-default.rounded-player.sm-size {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.btn-read-more span {
    position: relative;
    color: #ffffff;
    color: var(--color-heading);
    display: inline-block;
    line-height: 35px;
    transition: 0.3s;
}

.btn-read-more span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: hsla(0, 0%, 100%, 0.1);
    background-color: var(--color-border);
    transition: 0.3s;
    width: 100%;
    bottom: 3px;
}

.btn-read-more span::before {
    position: absolute;
    content: "";
    left: auto;
    bottom: 2px;
    background: #059DFF;
    background: var(--color-primary);
    width: 0;
    height: 2px;
    transition: 0.3s;
    right: 0;
}

.btn-read-more:hover span {
    color: #059DFF;
    color: var(--color-primary);
}

.btn-read-more:hover span::before {
    width: 100%;
    left: 0;
    right: auto;
}

.rainbow-badge {
    display: inline-block;
    background-color: #059DFF;
    background-color: var(--color-primary);
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.rainbow-badge-card {
    background-color: transparent;
    background: transparent;
    padding: 1px 10px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    z-index: 2;
    letter-spacing: 0.5px;
}

.rainbow-badge-card::before {
    background: linear-gradient(95deg, #059DFF 15%, #6549D5 45%, #E33FA1 75%, #FB5343 100%) 95%/200% 100%;
    background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 95%/200% 100%;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    border-radius: 100px;
    opacity: 0.5;
}

.btn-collaborate-play i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 500px;
    display: inline-block;
    background: linear-gradient(95deg, #059DFF 15%, #6549D5 45%, #E33FA1 75%, #FB5343 100%) 95%/200% 100%;
    background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 95%/200% 100%;
}

.btn-collaborate-play span {
    display: inline-block;
}

.btn-collaborate-play {
    height: 30px;
    width: 30px;
    line-height: 30px;
    align-items: center;
    transition: 0.3s;
    transition: var(--transition);
}

.btn-collaborate-play span {
    margin-left: 15px;
}

.btn-collaborate-play:hover {
    color: #ffffff;
    color: var(--color-white);
}

/*---------------------
    Portfolio Styles  
-----------------------*/

.rainbow-portfolio-area {
    position: relative;
    overflow: hidden;
}

.rainbow-card {
    overflow: hidden;
}

/* .rainbow-card .inner .thumbnail {
    position: relative;
} 

 .rainbow-card .inner .content{
    position: relative;
  
  top:100px;
}

.rainbow-card .inner .thumbnail .card-image {
    overflow: hidden;
}

.rainbow-card .inner .thumbnail .card-image a {
    display: block;
    overflow: hidden;
}

.rainbow-card .inner .thumbnail .card-image img {
    overflow: hidden;
} 

.rainbow-card .inner .content {
    padding-top: 20px;

}

.rainbow-card .inner .content .subtitle {
    text-transform: capitalize;
}

.rainbow-card:hover {
    transform: translateY(-4px);
}

.rainbow-card:hover .inner .thumbnail .card-image img {
    transform: scale(1.05);
} 





/*-----------------------------
    Filter Button Style  
-------------------------------*/

.filter-button-default {
    display: flex;
    justify-content: center;
    margin: 0 -5px;
    flex-wrap: wrap;
}

.filter-button-default button {
    border: 0 none;
    padding: 10px 20px;
    text-transform: capitalize;
    background: transparent;
    color: #acacac;
    color: var(--color-body);
    margin: 0 5px;
}

@media only screen and (max-width: 767px) {
    .filter-button-default button {
        padding: 10px 10px;
    }
}

.filter-button-default button.is-checked,
.filter-button-default button:hover {
    background-color: #059DFF;
    background-color: var(--color-primary);
    color: #ffffff !important;
    color: var(--color-white) !important;
}

/*----------------------------------
    Portfolio Grid Layout  
----------------------------------*/

.grid-metro2 {
    margin: 0 -15px;
}

.grid-metro2 .portfolio-2 {
    width: 50%;
    padding: 0 15px;
    margin-top: 30px;
}

@media only screen and (max-width: 575px) {
    .grid-metro2 .portfolio-2 {
        width: 100%;
    }
}

.grid-metro2 .resizer {
    width: 50%;
}

@media only screen and (max-width: 575px) {
    .grid-metro2 .resizer {
        width: 100%;
    }
}

.grid-metro3 {
    margin: 0 -15px;
}

.grid-metro3 .portfolio-3 {
    width: 33.33%;
    padding: 0 15px;
    margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-metro3 .portfolio-3 {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .grid-metro3 .portfolio-3 {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro3 .portfolio-3 {
        width: 100%;
    }
}

.grid-metro3 .resizer {
    width: 33.33%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-metro3 .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .grid-metro3 .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro3 .resizer {
        width: 100%;
    }
}

.grid-metro4 {
    margin: 0 -15px;
}

.grid-metro4 .portfolio-4 {
    width: 25%;
    padding: 0 15px;
    margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-metro4 .portfolio-4 {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .grid-metro4 .portfolio-4 {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro4 .portfolio-4 {
        width: 100%;
    }
}

.grid-metro4 .resizer {
    width: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-metro4 .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .grid-metro4 .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro4 .resizer {
        width: 100%;
    }
}

.grid-metro4.no-gutter {
    margin: 0;
}

.grid-metro4.no-gutter .portfolio-4 {
    padding: 0;
    margin-top: 0;
}

.grid-metro4.no-gutter .rainbow-card {
    border-radius: 0;
    border: 0 none;
}

.no-gutter .rainbow-card .inner .thumbnail a img,
.no-gutter .rainbow-card .inner .thumbnail a {
    border-radius: 0;
}

.no-gutter .rainbow-card:hover {
    transform: none;
}

/*----------------------
    Blog Styles  
-----------------------*/

.rainbow-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 450px;
    word-wrap: break-word;
    /* border: 1px solid red; */
    background-color: #0f0f11;
    background-color: var(--color-blackest);
    background-clip: border-box;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    border-radius: 10px;
    border-radius: var(--radius);
    /* overflow: hidden; */
    transition: all 0.5s;
}

.rainbow-card .inner .content {
    /* display: flex; */
    /* flex-wrap: wrap; */
    padding: 30px;
    /* padding-top: 30px; */
    margin-top: 220px;
}

/*-----------------------------
    Portfolio details  
--------------------------------*/

.rainbow-portfolio-details .content-left .title {
    font-size: 38px;
    margin-bottom: 33px;
}

@media only screen and (max-width: 767px) {
    .rainbow-portfolio-details .content-left .title {
        font-size: 25px;
        margin-bottom: 20px;
    }
}

.rainbow-portfolio-details .content-left .single-list-wrapper {
    margin: -5px;
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list {
    margin: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list+.single-list {
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    border-top: 1px solid var(--color-border);
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list label {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    padding-right: 16px;
    margin: 0;
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list span {
    font-size: 18px;
}

.rainbow-portfolio-details .content-right .subtitle {
    font-size: 25px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.rainbow-portfolio-details .content-right .description p {
    margin-bottom: 10px;
}

.rainbow-portfolio-details .alignwide {
    margin-left: -100px;
    margin-right: -100px;
    max-width: 1400px;
    width: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rainbow-portfolio-details .alignwide {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rainbow-portfolio-details .alignwide {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rainbow-portfolio-details .alignwide {
        margin-left: 0;
        margin-right: 0;
    }
}

/* over service */

.form-control {
    color: #233242 !important;
}

.form-control::placeholder {
    opacity: 0.5;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    cursor: no-drop;
}

.form-control:not(textarea) {
    height: 45px;
}

textarea.form-control {
    height: 140px;
}

.form-control:focus {
    border-color: #277b8f;
}

.form-group {
    position: relative;
    margin-top: 8px;
}

.form-group label {
    position: absolute;
    background-color: #fff;
    top: -13px;
    left: 12px;
    padding: 0 9px;
}

.fitoutform .form-group {
    margin-bottom: 1em !important;
}

.fitoutform .form-control {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e3e3;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 767px) {
    #popup_form_modal .fitoutform .form-group {
        margin-bottom: 0.8em !important;
    }
    .popup-contact-form .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 35px;
    }
    #popup_form_modal.popup-form .title1 {
        font-size: 30px;
        color: #00f7ff;
    }
    #popup_form_modal.popup-form .popup-contact-form .social_list_sec ul {
        justify-content: center;
    }
    #popup_form_modal.popup-form {
        top: 0px !important;
    }
    #popup_form_modal.popup-form .modal-dialog {
        margin-top: 3.5rem;
    }
}

.form-control {
    background: #262626;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    min-height: 44px;
    border: medium none currentColor;
    border: initial;
    box-shadow: none;
    box-shadow: initial;
    min-width: 271px;
}

@media (max-width: 1119px) {
    .FtrFrm .form-control {
        min-width: 200px;
    }
}

.form-control {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e3e3;
    border-radius: 0;
    box-shadow: none;
}

.brands-div {
    display: flex;
}

@media(max-width:768px) {
    .brands-div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        text-align: center;
        margin-right: 60px;
    }
}

.content button {
    background-color: #059DFF;
    color: white;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 110px;
    height: 7vh;
}

.content {
    height: 30vh;
}

.heading-conatant {
    font-size: 18px;
    color: #059DFF;
    flex-wrap: wrap;
}

@media (max-width:520px) {
    .heading-conatant {
        margin-left: -250px;
    }
}

.main-modal .modal-butt {
    background-color: #03a9f4;
    border: 1px solid transparent;
    border-radius: 10px;
    width: 130px;
    height: 6vh;
    font-size: 15px;
}

@media (max-width:768px) {
    .main-modal .modal-butt {
        padding-top: 10px;
    }
}

.main-modal .modal-butt:hover {
    background-color: blue;
    border: 1px solid transparent;
    border-radius: 10px;
    width: 130px;
    height: 6vh;
    font-size: 15px;
}

.wrappers {
    width: 45%;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 5px;
    color: black;
}

.wrappers .card-input input {
    border: 1px solid #C8D1DC;
    height: 7vh;
    color: black;
    border-radius: 5px;
}

.modal-body {
    width: 100%;
    /* border: 1px solid red; */
}

/* 
@media (max-width:530px) {
    .modal-body {
        width:100%;
    }
}


@media (max-width:430px) {
    .modal-body {
        width: 850px;
    }
}

@media (max-width:390px) {
    .modal-body {
        width: 770px;
    }
} */

.wrappers textarea {
    border: 1px solid #C8D1DC;
    height: 15vh;
    border-radius: 5px;
    color: black;
}

.card-form__inner {
    padding: 20px;
}

.wrappers input:placeholder-shown {
    color: rgba(0, 0, 0, 0.533);
}

.wrappers textarea:placeholder-shown {
    color: rgba(0, 0, 0, 0.533);
}

.card-form__button {
    height: 7vh;
    width: 120px;
    background-color: #059DFF;
    border: 1px solid transparent;
    color: white;
    border-radius: 5px;
}

.our-team {
    padding: 30px 0 40px;
    margin-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.056);
    text-align: center;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    border: 1px solid #00FFFF;
}

.our-team .picture {
    display: inline-block;
    height: 130px;
    width: 130px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
}

.our-team .picture::before {
    content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #50727B;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.9;
    transform: scale(3);
    transition: all 0.3s linear 0s;
}

.our-team:hover .picture::before {
    height: 100%;
}

.our-team .picture::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* background-color: #50727B; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.our-team .picture img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}

.our-team:hover .picture img {
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}

.our-team .title-ourteam {
    display: block;
    font-size: 15px;
    color: #4e5052;
    text-transform: capitalize;
}

.our-team .social {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #50727B;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
}

.social p {
    /* padding-top: 20px; */
}

.our-team:hover .social {
    bottom: 0px;
}

.our-team .social p {
    display: inline-block;
    display: block;
    /* padding: 10px; */
    font-size: 17px;
    color: white;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

.container-ourteam {
    padding: 30px;
}

.name {
    text-align: center;
    background: linear-gradient(to right, #7d8dff, #ff4f81) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.xle-ourteam {
    text-align: center;
    font-size: 15px;
}

.container h1 {
    background: linear-gradient(to right, #7d8dff, #ff4f81) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.main-navigation {
    margin: 0 auto;
    top: 35px;
    left: -1px;
    position: fixed;
    width: 101%;
    height: 100px;
    z-index: 100;
    background-color: #3498DB;
    box-shadow: 0px 17px 5px -13px rgba(158, 158, 158, 0.68);
}

.main-menu {
    color: #fff;
    padding-top: 40px;
    padding-right: 50px;
    float: right;
}

.social-bar {
    position: fixed;
    background-color: white;
    height: 35px;
    width: 100%;
    z-index: 99;
}

.social-icons {
    margin-top: -3px;
    color: #3498DB;
    float: right;
}

.social-icons li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;
    font-size: 18px;
    transition: all 1s;
}

.social-icons li:last-child {
    margin-right: 100px;
}

.social-icons li:hover {
    color: #888;
    cursor: pointer;
}

.main-menu li {
    display: inline-block;
    margin-left: 20px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 0px solid #eee;
    padding-bottom: 3px;
    transition: border-width 0.2s;
}

.main-menu li a,
a:hover,
a:active,
a:visited {
    color: white;
    text-decoration: none;
}

.main-menu li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.active {
    border-bottom: 2px solid white !important;
    padding-button: 3px;
}

.main-menu li:hover {
    cursor: pointer;
    border-width: 2px;
}

.main-menu li:first-child {
    margin-left: 0;
}

.logo h1 {
    font-family: 'Pacifico', cursive;
    padding-top: 10px;
    padding-left: 50px;
    color: #fff;
}

.nav-color {
    background-color: #3498DB;
}

.about-row {
    /* background-color: #ECF0F1; */
    width: 80%;
    margin: 0 auto 0 auto;
}

.about-section {
    margin: auto;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    /* background-color: #ECF0F1; */
    /* border: 1px solid white; */
}

.about-text {
    font-size: 23px;
    text-align: justify;
}

.about-pic {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 300px;
    box-shadow: 0px 0px 5px 1px rgba(158, 158, 158, 0.68);
}

.projects-section {
    background-color: #2C3E50;
    width: 100%;
}

.projects-section h2,
.skills-section h2,
.contact-section h2 {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    color: white;
}

.skills-section {
    background-color: #ECF0F1;
    width: 100%;
    padding-bottom: 50px;
}

.contact-section h2 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.contact-section {
    background-color: #2980B9;
    position: relative;
    padding-bottom: 150px;
    color: white;
    text-align: center;
    z-index: 1;
}

.contact-section-row {
    background-color: #2980B9;
}

.contact-section input {
    margin: 0 auto;
    border-radius: 0;
    height: 50px;
    border: 0;
    width: 80%;
}

.contact-section textarea {
    width: 80%;
    margin: 0 auto;
    border-radius: 0;
    height: 150px;
    border: 0;
}

.contact-section .btn {
    border-radius: 0;
    padding: 10px 25px 10px 25px;
    text-transform: uppercase;
    margin: 0 auto;
    background-color: white;
    border: 0;
    margin-top: 45px;
}

.strong-text {
    font-weight: 700;
    font-size: 25px;
    display: block;
}

.project-img {
    margin: 0 auto;
    margin-bottom: 30px;
    transition: filter 1s;
}

.project-img:hover {
    cursor: pointer;
    filter: blur(4px);
}

.title-border {
    border: 0px solid white;
    padding: 20px 15px 20px 15px;
    width: 200px;
    margin: 0 auto;
    background-color: #E74C3C;
    border-radius: 5px;
}

.footer {
    background-color: #f8f8f8;
    padding: 10px;
    color: #777;
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin-bottom: -1000px;
}

.footer p {
    padding-top: 8px;
}

.encourage-contact {
    font-size: 23px;
    margin: 50px;
    text-align: justify;
}

.footer-social {
    color: white;
    font-size: 23px;
    text-align: center;
}

.footer-social ul {
    text-decoration: none;
    display: inline-block;
    margin: 10px 25px 10px 25px;
    -webkit-transition: color 1s;
}

.footer-social ul li:hover {
    color: #ccc;
    cursor: pointer;
}

.mobile-menu-icon {
    display: none;
    color: white;
    font-size: 23px;
    float: right;
    margin-top: 25px;
    margin-right: 50px;
}

.mobile-menu-icon:hover {
    cursor: pointer;
}

.responsive-menu {
    overflow: hidden;
    z-index: 10;
    top: 20px;
    left: 0;
    height: 0px;
    width: 100%;
    background-color: #3498DB;
    text-transform: uppercase;
}

.mobile-menu {
    margin-top: 20px;
    list-style-type: none;
    text-align: center;
    color: white;
    font-size: 18px;
}

.mobile-menu a,
a:visited,
a:active,
a:hover {
    color: white;
}

.mobile-menu li {
    margin-bottom: 10px;
    text-decoration: none;
}

.coming-soon {
    position: relative;
    clip: rect(0px, 500px, 400px, 0px);
    height: 400px;
    width: 400px;
}

.pen-center {
    text-align: center;
}

.Enterprise-left-dive h1 {
    font-size: 50px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

.Enterprise-left-dive .about-text-span {
    font-size: 20px;
    font-weight: bold;
}

.Enterprise-left-dive .lalit-sir-about {
    font-size: 18px;
    line-height: 1.9rem;
    padding-top: 10px;
}

@media only screen and (max-width: 991px) {
    .about-text {
        margin-top: 30px;
        text-align: center;
        font-size: 150%;
    }
    .about-pic {
        margin: 10px auto;
    }
    .footer {
        bottom: 250px;
    }
    .pen-frame {
        margin-bottom: 30px;
    }
    .Enterprise-right-dive h1 {
        text-align: center;
    }
    .Enterprise-left-dive h1 {
        text-align: center;
    }
}

@media only screen and (min-width: 715px) {
    .responsive-menu {
        display: none;
    }
}

@media only screen and (max-width: 715px) {
    .main-menu {
        display: none;
    }
    .mobile-menu-icon {
        display: block;
        margin-top: 32px;
    }
}

/* @media only screen and (max-width: 520px) {
    .social-icons {
        float: none;
        display: inline-block;
    }

    .social-icons li:last-child {
        margin-right: 0;
    }

    .social-bar {
        text-align: center;
    }

    .footer {
        height: 70px;
        bottom: 0px;
    }
.Enterprise-container .Enterprise-boxes{
        flex-direction: column;
        flex: 1;
    }
} */

@media only screen and (max-width: 520px) {
    .Enterprise-container .Enterprise-boxes {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Enterprise-right-dive {
        order: 1;
        /* Move the image section to the first position */
    }
    .Enterprise-left-dive {
        order: 2;
        /* Move the text section to the second position */
        text-align: center;
        /*Optional: Center-align text for smaller screens  */
        width: 100%;
    }
    .Enterprise-left-dive p {
        text-align: center;
        width: 90%;
        /* Set width to a percentage for responsiveness */
        max-width: 400px;
        /* Ensure the text block doesn’t grow too wide */
        font-size: 0.95rem;
        /* Use a responsive font size */
        line-height: 1.8;
        /* Improve readability with increased line height */
        margin: 10px auto;
    }
    .Enterprise-left-dive h1 {
        text-align: center;
    }
    .Enterprise-right-dive img {
        width: 100%;
        /* Make the image responsive */
        max-width: auto;
        /* Prevent it from becoming too large */
        height: auto;
        /* Maintain aspect ratio */
    }
}

.img-circle {
    border-radius: 50%;
}

.Enterprise-right-dive h1 {
    text-align: center !important;
}

.team-section {
    /* background: #f1f2f6; */
    text-align: center;
}

.inner-width {
    max-width: 1200px;
    margin: auto;
    padding: 40px;
    color: #333;
    overflow: hidden;
}

.pe {
    float: left;
    width: calc(100% / 3);
    overflow: hidden;
    padding: 40px 0;
    transition: 0.4s;
    border: 1px solid #01D1D1;
    border-radius: 10px;
}

.pe:hover {
    background: #dfe4ea;
    color: black;
}

.pe:hover .p-name {
    color: black;
    font-size: 25px;
}

.pe:hover .p-sm {
    color: black;
}

.pe img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

.p-name {
    font-size: 18px;
    margin: 5px;
    text-transform: uppercase;
    margin-top: 6px;
}

.p-des {
    font-style: italic;
    color: #3498db;
}

.p-sm {
    margin-top: 6px;
}

.p-sm a {
    margin: 0 4px;
    display: inline-block;
    width: 30px;
    height: 30px;
    transition: 0.4s;
}

.p-sm a:hover {
    transform: scale(1.3);
}

.p-sm a i {
    color: #333;
    line-height: 30px;
}

@media screen and (max-width: 960px) {
    .pe {
        width: 45%;
    }
}

@media screen and (max-width: 768px) {
    .pe {
        width: 50%;
    }
    .pers {
        flex-direction: column;
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .pe {
        width: 100%;
    }
}

.pers {
    display: flex;
    justify-content: space-around;
}

.team-boxe {
    transition: 0.3s;
}

.team-box__thumb {
    position: relative;
    z-index: 2;
    padding: 0px 12px;
}

.team-box__thumb img {
    width: 100%;
}

.team-box__content {
    padding: 40px 25px;
    padding-top: 25px;
    text-align: center;
    border-top: 0px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}

.team-box__content::after,
.team-box__content::before {
    top: -210px;
    min-height: 210px;
    width: 100%;
    border: 2px solid #2A4877;
    border-bottom: 0px;
    content: "";
    position: absolute;
    left: 0;
    transition: 0.3s;
    z-index: -1;
}

.team-box__content::after {
    top: auto;
    bottom: 0;
    border-top: 0px;
    border-bottom: 2px solid #2A4877;
}

.team-box__content .name {
    font-size: 22px;
    color: #fff;
    margin-bottom: 7px;
}

.team-box__content .designation {
    color: #fff;
    opacity: 0.7;
}

.team-box__content--2::after,
.team-box__content--2::before {
    border-color: #00FDFD;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.team-box__content--2 .names {
    color: #146af5;
    text-align: center;
}

.team-box__content--2 .designationc {
    color: white;
}

.team-boxe .social-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.team-boxe .social-links a {
    width: 38px;
    height: 38px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
}

.team-boxe .social-links a:hover {
    color: #fff;
    background: #FD4A36;
    border-color: #FD4A36;
}

.team-boxe .social-links a:not(:last-child) {
    margin-right: 15px;
}

.team-boxe .social-links__2 a {
    border-color: #00FDFD;
    background: transparent;
    color: #0C2957;
}

.team-boxe:hover .team-box__content::after,
.team-boxe:hover .team-box__content::before {
    border-color: #FD4A36;
}

.team-box__2:hover .team-box__content--2::after,
.team-box__2:hover .team-box__content--2::before {
    border-color: transparent;
    box-shadow: 0px 20px 35px 0px rgba(0, 15, 105, 0.08);
}

.rowt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.containere {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:576px) {
    .containere {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .containere {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .containere {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .containere {
        max-width: 1200px
    }
}

.rowt {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.All-icons-ul {
    display: flex;
    gap: 10px;
    text-align: left;
}

.All-icons-ul li {
    border: 1px solid #00FDFD;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.All-icons-ul li:hover {
    background-color: #e74d3cb4;
}

.image-founder {
    border: 1px solid #00FDFD;
    height: 50vh;
    border-radius: 10px;
    box-shadow: 0px 1px 20px -6px #00FDFD;
}

.image-founder img {
    margin-top: 8vh;
}

.image-founder img:hover {
    transform: scale(1.3);
    transition: 600ms;
}

.about-text span {
    color: #3cd6e7;
}

@media(max-width:500px) {
    .team-texts-div {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .team-texts-div h2 {
        text-align: center;
        font-size: 30px;
    }
    .image-founder {
        border: 1px solid #00FDFD;
        height: 45vh;
        border-radius: 10px;
        box-shadow: 0px 1px 20px -6px #00FDFD;
    }
    .image-founder img {
        margin-top: 10vh;
    }
    .image-founder img:hover {
        transform: scale(1.1);
        transition: 600ms;
    }
}

.lalit-sir-about span {
    color: #146af5;
}

#ajay img {
    width: 100%;
    height: 10% !important;
}

.whats-icon-web {
    color: red !important;
}

/* *
{
	background: #f1f2f6;
	margin: 0;
	padding: 0;
} */

/* .image-area
{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
} */

.img-wrapper {
    width: 300px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.img-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 180%;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    z-index: 1;
    transform: skew(45deg);
    transition: .5s;
}

.img-wrapper:hover:before {
    left: -180%;
}

.img-wrapper img {
    height: 400px;
    width: 300px;
    /* filter: grayscale(100%); */
    transition: 2s;
}

.img-wrapper:hover img {
    filter: grayscale(0%);
    transform: scale(1.1);
}

.img-card {
    /* background-color: linear-gradient(to right, darkblue, darkorchid) 1; */
    border: 5px solid;
    /* Set border width */
    /* border-image: linear-gradient(to right, darkblue, darkorchid) 1; */
}

.img-wrapper h2 {
    background: #856cf5;
    font-family: Poppins;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 6px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: perspective(400px) rotateY(90deg);
    transform-origin: right;
    transition: 1s;
}

.img-wrapper:hover h2 {
    transform: perspective(400px) rotateY(0deg);
}

.img-wrapper ul {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(255, 255, 255, 0);
}

.img-wrapper ul li {
    background: #333;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    transform: perspective(800px) rotateY(90deg);
    transition: .5s;
    transform-origin: left;
}

.img-wrapper:hover ul li {
    transform: perspective(800px) rotateY(0deg);
}

.img-wrapper:hover ul li:nth-child(1) {
    transition-delay: .2s;
}

.img-wrapper:hover ul li:nth-child(2) {
    transition-delay: .6s;
}

.img-wrapper:hover ul li:nth-child(3) {
    transition-delay: .8s;
}

.img-wrapper:hover ul li:nth-child(4) {
    transition-delay: 1s;
}

.img-wrapper ul li a {
    color: tomato;
    background: rgba(255, 255, 255, 0);
}

.img-wrapper ul li i {
    color: tomato;
    background: rgba(255, 255, 255, 0);
}

.img-wrapper ul li i:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0);
}

.gallery-buttons-div-button {
    background-color: #9E4DFF;
    width: 120px;
    height: 8vh;
    border-radius: 5px;
    font-size: 18px;
    border: none;
}

.gallery-buttons-div {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.gallery-responsive-select {
    background-color: black;
    width: 150px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid white;
    padding: 5px;
}

.gallery-buttons-responsive {
    display: none !important;
}

@media(max-width:768px) {
    .gallery-buttons-responsive {
        display: block !important;
    }
    .gallery-buttons-div {
        display: none;
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: hsl(6, 78%, 57%);
    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-container-width: fit-content;
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-padding: 14px;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    /* Used only for colored theme */
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    /* used to control the opacity of the progress trail */
    --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
    z-index: 9999;
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, 9999);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: var(--toastify-container-width);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.Toastify__toast-container--top-left {
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
}

.Toastify__toast-container--top-right {
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    align-items: end;
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    align-items: end;
}

.Toastify__toast {
    --y: 0;
    position: relative;
    touch-action: none;
    width: 320px;
    width: var(--toastify-toast-width);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 14px;
    padding: var(--toastify-toast-padding);
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: var(--toastify-toast-shadow);
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    /* webkit only issue #791 */
    z-index: 0;
    /* inner swag */
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    word-break: break-word;
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        left: env(safe-area-inset-left);
        margin: 0;
    }
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0);
    }
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0);
    }
    .Toastify__toast-container--rtl {
        right: env(safe-area-inset-right);
        left: auto;
        left: initial;
    }
    .Toastify__toast {
        --toastify-toast-width: 100%;
        margin-bottom: 0;
        border-radius: 0;
    }
}

.Toastify__toast-container[data-stacked='true'] {
    width: 320px;
    width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
    position: absolute;
    width: 100%;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
    transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
    overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child)>* {
    opacity: 0;
}

.Toastify__toast--stacked:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: calc(var(--g) * 1px);
    bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
    top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
    bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
    transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
    transform-origin: bottom;
}

.Toastify__toast--stacked:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: scaleY(3);
    z-index: -1;
}

.Toastify__toast--rtl {
    direction: rtl;
}

.Toastify__toast--close-on-click {
    cursor: pointer;
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    width: 22px;
    flex-shrink: 0;
    display: flex;
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: 0.5s;
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: #fff;
    color: var(--toastify-text-color-info);
    background: #3498db;
    background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: #fff;
    color: var(--toastify-text-color-success);
    background: #07bc0c;
    background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: #fff;
    color: var(--toastify-text-color-warning);
    background: #f1c40f;
    background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: #fff;
    color: var(--toastify-text-color-error);
    background: hsl(6, 78%, 57%);
    background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
    background: hsl(6, 78%, 57%);
    background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: rgba(255, 255, 255, 0.7);
    background: var(--toastify-color-transparent);
}

.Toastify__close-button {
    color: #fff;
    position: absolute;
    top: 6px;
    right: 6px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease;
    z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
    left: 6px;
    right: auto;
    right: initial;
}

.Toastify__close-button--light {
    color: #000;
    opacity: 0.3;
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
    opacity: 1;
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(0);
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    transform-origin: left;
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
    transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    left: initial;
    transform-origin: right;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
    opacity: 0;
}

.Toastify__progress-bar--bg {
    opacity: 0.2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%;
    height: 100%;
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0);
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0);
    }
}

@keyframes Toastify__bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0);
    }
}

@keyframes Toastify__bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes Toastify__bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes Toastify__zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

@keyframes Toastify__flipOut {
    from {
        transform: translate3d(0, var(--y), 0) perspective(400px);
    }
    30% {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
    from {
        transform: translate3d(110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, var(--y), 0);
    }
}

@keyframes Toastify__slideInLeft {
    from {
        transform: translate3d(-110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, var(--y), 0);
    }
}

@keyframes Toastify__slideInUp {
    from {
        transform: translate3d(0, 110%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, var(--y), 0);
    }
}

@keyframes Toastify__slideInDown {
    from {
        transform: translate3d(0, -110%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, var(--y), 0);
    }
}

@keyframes Toastify__slideOutRight {
    from {
        transform: translate3d(0, var(--y), 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, var(--y), 0);
    }
}

@keyframes Toastify__slideOutLeft {
    from {
        transform: translate3d(0, var(--y), 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, var(--y), 0);
    }
}

@keyframes Toastify__slideOutDown {
    from {
        transform: translate3d(0, var(--y), 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0);
    }
}

@keyframes Toastify__slideOutUp {
    from {
        transform: translate3d(0, var(--y), 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0);
    }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

@keyframes Toastify__spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@charset "UTF-8";
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-family: var(--bs-body-font-family);
    font-size: 1rem;
    font-size: var(--bs-body-font-size);
    font-weight: 400;
    font-weight: var(--bs-body-font-weight);
    line-height: 1.5;
    line-height: var(--bs-body-line-height);
    color: #212529;
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: #fff;
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    color: var(--bs-heading-color)
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    padding: .1875em;
    color: #212529;
    color: var(--bs-highlight-color);
    background-color: #fff3cd;
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(13, 110, 253, 1);
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: #fff;
    color: var(--bs-body-bg);
    background-color: #212529;
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: rgba(33, 37, 41, 0.75);
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[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) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    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 {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    background-color: var(--bs-body-bg);
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: rgba(33, 37, 41, 0.75);
    color: var(--bs-secondary-color)
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color);
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(1px * 2) solid currentcolor;
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0;
    border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
    border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: rgba(33, 37, 41, 0.75);
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    color: var(--bs-body-color);
    background-color: #fff;
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: rgba(33, 37, 41, 0.75);
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    color: var(--bs-body-color);
    background-color: #f8f9fa;
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    color: var(--bs-body-color);
    background-color: #f8f9fa;
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(1px * 2));
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 0.25rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(1px * 2));
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(1px * 2));
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(1px * 2));
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(1px * 2));
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + calc(1px * 2));
    height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + calc(1px * 2));
    height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(1px * 2));
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), none;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: 0.25rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: rgba(33, 37, 41, 0.75);
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: rgba(33, 37, 41, 0.75);
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + calc(1px * 2));
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(1px * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: rgba(33, 37, 41, .65);
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: #fff;
    background-color: var(--bs-body-bg);
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(33, 37, 41, .65);
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0;
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label::after,
.form-floating>:disabled~label::after {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: #f8f9fa;
    background-color: var(--bs-tertiary-bg);
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 0.25rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.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) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.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) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(1px * -1);
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754;
    color: var(--bs-form-valid-color)
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754;
    background-color: var(--bs-success);
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius)
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #198754;
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #198754;
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.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,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
    color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #dc3545;
    background-color: var(--bs-danger);
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius)
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #dc3545;
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545;
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545;
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545;
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.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,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-end {
        --bs-position: end
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }
    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-end {
        --bs-position: end
    }
    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-end {
        --bs-position: end
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-end {
        --bs-position: end
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-xxl-end {
        --bs-position: end
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: 0.375rem;
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(1px * -1);
    margin-left: calc(var(--bs-border-width) * -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) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: calc(1px * -1);
    margin-top: calc(var(--bs-border-width) * -1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: 1px solid var(--bs-navbar-toggler-border-color);
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: 75vh;
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: #212529;
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color)
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23052c65%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: "/";
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(1px * -1);
    margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress,
.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }
    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z%27/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white {
    filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -webkit-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }
    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.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 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.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: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

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

.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(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

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

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.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(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.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: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

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

.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(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

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

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon,
[data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,
[data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
        transform: none
    }
    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-sm .offcanvas-header {
        display: none
    }
    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
        transform: none
    }
    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-md .offcanvas-header {
        display: none
    }
    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
        transform: none
    }
    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-lg .offcanvas-header {
        display: none
    }
    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
        transform: none
    }
    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-xl .offcanvas-header {
        display: none
    }
    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
        transform: none
    }
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-xxl .offcanvas-header {
        display: none
    }
    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, 1) !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, 1) !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, 1) !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, 1) !important;
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, 1) !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, 1) !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, 1) !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, 1) !important;
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: RGBA(13, 110, 253, 1) !important;
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(13, 110, 253, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(13, 110, 253, 1) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, 1) !important;
    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(10, 88, 202, 1) !important;
    -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 88, 202, 1) !important;
    text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(108, 117, 125, 1) !important;
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(108, 117, 125, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(108, 117, 125, 1) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 94, 100, 1) !important;
    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(86, 94, 100, 1) !important;
    -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 94, 100, 1) !important;
    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(25, 135, 84, 1) !important;
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(25, 135, 84, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(25, 135, 84, 1) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, 1) !important;
    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(20, 108, 67, 1) !important;
    -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, 1) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(13, 202, 240, 1) !important;
    color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(13, 202, 240, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(13, 202, 240, 1) !important;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(61, 213, 243, 1) !important;
    color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(61, 213, 243, 1) !important;
    -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(61, 213, 243, 1) !important;
    text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(255, 193, 7, 1) !important;
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(255, 193, 7, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 193, 7, 1) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(255, 205, 57, 1) !important;
    color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(255, 205, 57, 1) !important;
    -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 205, 57, 1) !important;
    text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(220, 53, 69, 1) !important;
    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(220, 53, 69, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(220, 53, 69, 1) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, 1) !important;
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(176, 42, 55, 1) !important;
    -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, 1) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(248, 249, 250, 1) !important;
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(248, 249, 250, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(248, 249, 250, 1) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, 1) !important;
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(249, 250, 251, 1) !important;
    -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, 1) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.link-dark {
    color: RGBA(33, 37, 41, 1) !important;
    color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(33, 37, 41, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(33, 37, 41, 1) !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
    color: RGBA(26, 30, 33, 1) !important;
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(26, 30, 33, 1) !important;
    -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, 1) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(0, 0, 0, 1) !important;
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(0, 0, 0, 1) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(0, 0, 0, 1) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(0, 0, 0, .75) !important;
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
    -webkit-text-decoration-color: RGBA(0, 0, 0, 0.75) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
    text-decoration-color: RGBA(0, 0, 0, 0.75) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(13, 110, 253, 0.5);
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-decoration-color: rgba(13, 110, 253, 0.5);
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-underline-offset: 0.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: translate3d(.25em, 0, 0);
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    box-shadow: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(13, 110, 253, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(108, 117, 125, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(25, 135, 84, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(13, 202, 240, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(255, 193, 7, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(220, 53, 69, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(248, 249, 250, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(33, 37, 41, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--bs-border-opacity)) !important;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-primary-subtle {
    border-color: #9ec5fe !important;
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: #c4c8cb !important;
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: #a3cfbb !important;
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: #9eeaf9 !important;
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: #ffe69c !important;
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: #f1aeb5 !important;
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: #e9ecef !important;
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: #adb5bd !important;
    border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

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

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

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

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

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

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

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

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

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

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

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

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

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

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

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

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

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

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

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

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

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

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

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

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    column-gap: 0 !important
}

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.column-gap-3 {
    column-gap: 1rem !important
}

.column-gap-4 {
    column-gap: 1.5rem !important
}

.column-gap-5 {
    column-gap: 3rem !important
}

.font-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(13, 110, 253, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(108, 117, 125, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(25, 135, 84, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(13, 202, 240, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(255, 193, 7, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(220, 53, 69, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(248, 249, 250, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, 0.75) !important;
    color: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, 0.75) !important;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, 0.5) !important;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: #000 !important;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: #052c65 !important;
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: #2b2f32 !important;
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: #0a3622 !important;
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: #055160 !important;
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: #664d03 !important;
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: #58151c !important;
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: #495057 !important;
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: #495057 !important;
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10 {
    --bs-link-opacity: 0.1
}

.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25 {
    --bs-link-opacity: 0.25
}

.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50 {
    --bs-link-opacity: 0.5
}

.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75 {
    --bs-link-opacity: 0.75
}

.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100 {
    --bs-link-opacity: 1
}

.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1 {
    text-underline-offset: 0.125em !important
}

.link-offset-1-hover:hover {
    text-underline-offset: 0.125em !important
}

.link-offset-2 {
    text-underline-offset: 0.25em !important
}

.link-offset-2-hover:hover {
    text-underline-offset: 0.25em !important
}

.link-offset-3 {
    text-underline-offset: 0.375em !important
}

.link-offset-3-hover:hover {
    text-underline-offset: 0.375em !important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(13, 110, 253, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(13, 110, 253, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(108, 117, 125, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(108, 117, 125, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(25, 135, 84, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(25, 135, 84, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(13, 202, 240, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(13, 202, 240, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(255, 193, 7, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(255, 193, 7, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(220, 53, 69, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(220, 53, 69, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(248, 249, 250, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(248, 249, 250, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(33, 37, 41, var(--bs-link-underline-opacity)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(33, 37, 41, var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(13, 110, 253, 1) !important;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: rgba(13, 110, 253, 1) !important;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0 {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10 {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25 {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50 {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75 {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100 {
    --bs-link-underline-opacity: 1
}

.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(13, 110, 253, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(25, 135, 84, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(13, 202, 240, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 193, 7, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(220, 53, 69, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(33, 37, 41, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(233, 236, 239, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: #cfe2ff !important;
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: #e2e3e5 !important;
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: #d1e7dd !important;
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: #cff4fc !important;
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: #fff3cd !important;
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: #f8d7da !important;
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: #fcfcfd !important;
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: #ced4da !important;
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !important;
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: 0.375rem !important;
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: 0.25rem !important;
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: 0.375rem !important;
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: 0.5rem !important;
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: 1rem !important;
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: 2rem !important;
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important;
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: 0.375rem !important;
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: 0.375rem !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: 0.375rem !important;
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: 0.375rem !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: 0.5rem !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: 0.5rem !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: 1rem !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: 1rem !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: 2rem !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: 2rem !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: 50rem !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: 50rem !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-top-right-radius: 0.375rem !important;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: 0.375rem !important;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: 0.5rem !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: 1rem !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: 1rem !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: 2rem !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: 2rem !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: 50rem !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: 50rem !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: 1rem !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: 1rem !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: 2rem !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: 2rem !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: 50rem !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: 50rem !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: 0.375rem !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: 0.375rem !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: 0.5rem !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: 1rem !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: 1rem !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: 2rem !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: 2rem !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: 50rem !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: 50rem !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }
    .float-sm-end {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
    .object-fit-sm-contain {
        object-fit: contain !important
    }
    .object-fit-sm-cover {
        object-fit: cover !important
    }
    .object-fit-sm-fill {
        object-fit: fill !important
    }
    .object-fit-sm-scale {
        object-fit: scale-down !important
    }
    .object-fit-sm-none {
        object-fit: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-inline-grid {
        display: inline-grid !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: .25rem !important
    }
    .me-sm-2 {
        margin-right: .5rem !important
    }
    .me-sm-3 {
        margin-right: 1rem !important
    }
    .me-sm-4 {
        margin-right: 1.5rem !important
    }
    .me-sm-5 {
        margin-right: 3rem !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .5rem !important
    }
    .ms-sm-3 {
        margin-left: 1rem !important
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important
    }
    .ms-sm-5 {
        margin-left: 3rem !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .5rem !important
    }
    .pe-sm-3 {
        padding-right: 1rem !important
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important
    }
    .pe-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 3rem !important
    }
    .gap-sm-0 {
        gap: 0 !important
    }
    .gap-sm-1 {
        gap: .25rem !important
    }
    .gap-sm-2 {
        gap: .5rem !important
    }
    .gap-sm-3 {
        gap: 1rem !important
    }
    .gap-sm-4 {
        gap: 1.5rem !important
    }
    .gap-sm-5 {
        gap: 3rem !important
    }
    .row-gap-sm-0 {
        row-gap: 0 !important
    }
    .row-gap-sm-1 {
        row-gap: .25rem !important
    }
    .row-gap-sm-2 {
        row-gap: .5rem !important
    }
    .row-gap-sm-3 {
        row-gap: 1rem !important
    }
    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-sm-5 {
        row-gap: 3rem !important
    }
    .column-gap-sm-0 {
        column-gap: 0 !important
    }
    .column-gap-sm-1 {
        column-gap: .25rem !important
    }
    .column-gap-sm-2 {
        column-gap: .5rem !important
    }
    .column-gap-sm-3 {
        column-gap: 1rem !important
    }
    .column-gap-sm-4 {
        column-gap: 1.5rem !important
    }
    .column-gap-sm-5 {
        column-gap: 3rem !important
    }
    .text-sm-start {
        text-align: left !important
    }
    .text-sm-end {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }
    .float-md-end {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
    .object-fit-md-contain {
        object-fit: contain !important
    }
    .object-fit-md-cover {
        object-fit: cover !important
    }
    .object-fit-md-fill {
        object-fit: fill !important
    }
    .object-fit-md-scale {
        object-fit: scale-down !important
    }
    .object-fit-md-none {
        object-fit: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-inline-grid {
        display: inline-grid !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: .25rem !important
    }
    .me-md-2 {
        margin-right: .5rem !important
    }
    .me-md-3 {
        margin-right: 1rem !important
    }
    .me-md-4 {
        margin-right: 1.5rem !important
    }
    .me-md-5 {
        margin-right: 3rem !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: .25rem !important
    }
    .ms-md-2 {
        margin-left: .5rem !important
    }
    .ms-md-3 {
        margin-left: 1rem !important
    }
    .ms-md-4 {
        margin-left: 1.5rem !important
    }
    .ms-md-5 {
        margin-left: 3rem !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: .25rem !important
    }
    .pe-md-2 {
        padding-right: .5rem !important
    }
    .pe-md-3 {
        padding-right: 1rem !important
    }
    .pe-md-4 {
        padding-right: 1.5rem !important
    }
    .pe-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 3rem !important
    }
    .gap-md-0 {
        gap: 0 !important
    }
    .gap-md-1 {
        gap: .25rem !important
    }
    .gap-md-2 {
        gap: .5rem !important
    }
    .gap-md-3 {
        gap: 1rem !important
    }
    .gap-md-4 {
        gap: 1.5rem !important
    }
    .gap-md-5 {
        gap: 3rem !important
    }
    .row-gap-md-0 {
        row-gap: 0 !important
    }
    .row-gap-md-1 {
        row-gap: .25rem !important
    }
    .row-gap-md-2 {
        row-gap: .5rem !important
    }
    .row-gap-md-3 {
        row-gap: 1rem !important
    }
    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-md-5 {
        row-gap: 3rem !important
    }
    .column-gap-md-0 {
        column-gap: 0 !important
    }
    .column-gap-md-1 {
        column-gap: .25rem !important
    }
    .column-gap-md-2 {
        column-gap: .5rem !important
    }
    .column-gap-md-3 {
        column-gap: 1rem !important
    }
    .column-gap-md-4 {
        column-gap: 1.5rem !important
    }
    .column-gap-md-5 {
        column-gap: 3rem !important
    }
    .text-md-start {
        text-align: left !important
    }
    .text-md-end {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }
    .float-lg-end {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
    .object-fit-lg-contain {
        object-fit: contain !important
    }
    .object-fit-lg-cover {
        object-fit: cover !important
    }
    .object-fit-lg-fill {
        object-fit: fill !important
    }
    .object-fit-lg-scale {
        object-fit: scale-down !important
    }
    .object-fit-lg-none {
        object-fit: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-inline-grid {
        display: inline-grid !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: .25rem !important
    }
    .me-lg-2 {
        margin-right: .5rem !important
    }
    .me-lg-3 {
        margin-right: 1rem !important
    }
    .me-lg-4 {
        margin-right: 1.5rem !important
    }
    .me-lg-5 {
        margin-right: 3rem !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .5rem !important
    }
    .ms-lg-3 {
        margin-left: 1rem !important
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important
    }
    .ms-lg-5 {
        margin-left: 3rem !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .5rem !important
    }
    .pe-lg-3 {
        padding-right: 1rem !important
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important
    }
    .pe-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 3rem !important
    }
    .gap-lg-0 {
        gap: 0 !important
    }
    .gap-lg-1 {
        gap: .25rem !important
    }
    .gap-lg-2 {
        gap: .5rem !important
    }
    .gap-lg-3 {
        gap: 1rem !important
    }
    .gap-lg-4 {
        gap: 1.5rem !important
    }
    .gap-lg-5 {
        gap: 3rem !important
    }
    .row-gap-lg-0 {
        row-gap: 0 !important
    }
    .row-gap-lg-1 {
        row-gap: .25rem !important
    }
    .row-gap-lg-2 {
        row-gap: .5rem !important
    }
    .row-gap-lg-3 {
        row-gap: 1rem !important
    }
    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-lg-5 {
        row-gap: 3rem !important
    }
    .column-gap-lg-0 {
        column-gap: 0 !important
    }
    .column-gap-lg-1 {
        column-gap: .25rem !important
    }
    .column-gap-lg-2 {
        column-gap: .5rem !important
    }
    .column-gap-lg-3 {
        column-gap: 1rem !important
    }
    .column-gap-lg-4 {
        column-gap: 1.5rem !important
    }
    .column-gap-lg-5 {
        column-gap: 3rem !important
    }
    .text-lg-start {
        text-align: left !important
    }
    .text-lg-end {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }
    .float-xl-end {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
    .object-fit-xl-contain {
        object-fit: contain !important
    }
    .object-fit-xl-cover {
        object-fit: cover !important
    }
    .object-fit-xl-fill {
        object-fit: fill !important
    }
    .object-fit-xl-scale {
        object-fit: scale-down !important
    }
    .object-fit-xl-none {
        object-fit: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-inline-grid {
        display: inline-grid !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: .25rem !important
    }
    .me-xl-2 {
        margin-right: .5rem !important
    }
    .me-xl-3 {
        margin-right: 1rem !important
    }
    .me-xl-4 {
        margin-right: 1.5rem !important
    }
    .me-xl-5 {
        margin-right: 3rem !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .5rem !important
    }
    .ms-xl-3 {
        margin-left: 1rem !important
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xl-5 {
        margin-left: 3rem !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .5rem !important
    }
    .pe-xl-3 {
        padding-right: 1rem !important
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 3rem !important
    }
    .gap-xl-0 {
        gap: 0 !important
    }
    .gap-xl-1 {
        gap: .25rem !important
    }
    .gap-xl-2 {
        gap: .5rem !important
    }
    .gap-xl-3 {
        gap: 1rem !important
    }
    .gap-xl-4 {
        gap: 1.5rem !important
    }
    .gap-xl-5 {
        gap: 3rem !important
    }
    .row-gap-xl-0 {
        row-gap: 0 !important
    }
    .row-gap-xl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xl-0 {
        column-gap: 0 !important
    }
    .column-gap-xl-1 {
        column-gap: .25rem !important
    }
    .column-gap-xl-2 {
        column-gap: .5rem !important
    }
    .column-gap-xl-3 {
        column-gap: 1rem !important
    }
    .column-gap-xl-4 {
        column-gap: 1.5rem !important
    }
    .column-gap-xl-5 {
        column-gap: 3rem !important
    }
    .text-xl-start {
        text-align: left !important
    }
    .text-xl-end {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }
    .float-xxl-end {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
    .object-fit-xxl-contain {
        object-fit: contain !important
    }
    .object-fit-xxl-cover {
        object-fit: cover !important
    }
    .object-fit-xxl-fill {
        object-fit: fill !important
    }
    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }
    .object-fit-xxl-none {
        object-fit: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-inline-grid {
        display: inline-grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .5rem !important
    }
    .me-xxl-3 {
        margin-right: 1rem !important
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxl-5 {
        margin-right: 3rem !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 3rem !important
    }
    .gap-xxl-0 {
        gap: 0 !important
    }
    .gap-xxl-1 {
        gap: .25rem !important
    }
    .gap-xxl-2 {
        gap: .5rem !important
    }
    .gap-xxl-3 {
        gap: 1rem !important
    }
    .gap-xxl-4 {
        gap: 1.5rem !important
    }
    .gap-xxl-5 {
        gap: 3rem !important
    }
    .row-gap-xxl-0 {
        row-gap: 0 !important
    }
    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xxl-0 {
        column-gap: 0 !important
    }
    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }
    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }
    .column-gap-xxl-3 {
        column-gap: 1rem !important
    }
    .column-gap-xxl-4 {
        column-gap: 1.5rem !important
    }
    .column-gap-xxl-5 {
        column-gap: 3rem !important
    }
    .text-xxl-start {
        text-align: left !important
    }
    .text-xxl-end {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }
    .fs-2 {
        font-size: 2rem !important
    }
    .fs-3 {
        font-size: 1.75rem !important
    }
    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-grid {
        display: grid !important
    }
    .d-print-inline-grid {
        display: inline-grid !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
    .d-print-none {
        display: none !important
    }
}

:root,
:host {
    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid';
    --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular';
    --fa-font-light: normal 300 1em/1 'Font Awesome 6 Light';
    --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin';
    --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
    --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
    --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
    --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
    --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
    --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}

.svg-inline--fa {
    display: inline-block;
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

.svg-inline--fa.fa-2xs {
    vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
    vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
    vertical-align: -0.07143em;
}

.svg-inline--fa.fa-lg {
    vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
    vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
    vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
    margin-right: 0.3em;
    margin-right: var(--fa-pull-margin, 0.3em);
    width: auto;
}

.svg-inline--fa.fa-pull-right {
    margin-left: 0.3em;
    margin-left: var(--fa-pull-margin, 0.3em);
    width: auto;
}

.svg-inline--fa.fa-li {
    width: 2em;
    width: var(--fa-li-width, 2em);
    top: 0.25em;
}

.svg-inline--fa.fa-fw {
    width: 1.25em;
    width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.fa-layers-text,
.fa-layers-counter {
    display: inline-block;
    position: absolute;
    text-align: center;
}

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 1em;
}

.fa-layers svg.svg-inline--fa {
    transform-origin: center center;
}

.fa-layers-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
}

.fa-layers-counter {
    background-color: #ff253a;
    background-color: var(--fa-counter-background-color, #ff253a);
    border-radius: 1em;
    border-radius: var(--fa-counter-border-radius, 1em);
    box-sizing: border-box;
    color: #fff;
    color: var(--fa-inverse, #fff);
    line-height: 1;
    line-height: var(--fa-counter-line-height, 1);
    max-width: 5em;
    max-width: var(--fa-counter-max-width, 5em);
    min-width: 1.5em;
    min-width: var(--fa-counter-min-width, 1.5em);
    overflow: hidden;
    padding: 0.25em 0.5em;
    padding: var(--fa-counter-padding, 0.25em 0.5em);
    right: 0;
    right: var(--fa-right, 0);
    text-overflow: ellipsis;
    top: 0;
    top: var(--fa-top, 0);
    transform: scale(0.25);
    transform: scale(var(--fa-counter-scale, 0.25));
    transform-origin: top right;
}

.fa-layers-bottom-right {
    bottom: 0;
    bottom: var(--fa-bottom, 0);
    right: 0;
    right: var(--fa-right, 0);
    top: auto;
    transform: scale(0.25);
    transform: scale(var(--fa-layers-scale, 0.25));
    transform-origin: bottom right;
}

.fa-layers-bottom-left {
    bottom: 0;
    bottom: var(--fa-bottom, 0);
    left: 0;
    left: var(--fa-left, 0);
    right: auto;
    top: auto;
    transform: scale(0.25);
    transform: scale(var(--fa-layers-scale, 0.25));
    transform-origin: bottom left;
}

.fa-layers-top-right {
    top: 0;
    top: var(--fa-top, 0);
    right: 0;
    right: var(--fa-right, 0);
    transform: scale(0.25);
    transform: scale(var(--fa-layers-scale, 0.25));
    transform-origin: top right;
}

.fa-layers-top-left {
    left: 0;
    left: var(--fa-left, 0);
    right: auto;
    top: 0;
    top: var(--fa-top, 0);
    transform: scale(0.25);
    transform: scale(var(--fa-layers-scale, 0.25));
    transform-origin: top left;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-2xs {
    font-size: 0.625em;
    line-height: 0.1em;
    vertical-align: 0.225em;
}

.fa-xs {
    font-size: 0.75em;
    line-height: 0.08333em;
    vertical-align: 0.125em;
}

.fa-sm {
    font-size: 0.875em;
    line-height: 0.07143em;
    vertical-align: 0.05357em;
}

.fa-lg {
    font-size: 1.25em;
    line-height: 0.05em;
    vertical-align: -0.075em;
}

.fa-xl {
    font-size: 1.5em;
    line-height: 0.04167em;
    vertical-align: -0.125em;
}

.fa-2xl {
    font-size: 2em;
    line-height: 0.03125em;
    vertical-align: -0.1875em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: calc(2em * -1);
    left: calc(var(--fa-li-width, 2em) * -1);
    position: absolute;
    text-align: center;
    width: 2em;
    width: var(--fa-li-width, 2em);
    line-height: inherit;
}

.fa-border {
    border-color: #eee;
    border-color: var(--fa-border-color, #eee);
    border-radius: 0.1em;
    border-radius: var(--fa-border-radius, 0.1em);
    border-style: solid;
    border-style: var(--fa-border-style, solid);
    border-width: 0.08em;
    border-width: var(--fa-border-width, 0.08em);
    padding: 0.2em 0.25em 0.15em;
    padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
    float: left;
    margin-right: 0.3em;
    margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
    float: right;
    margin-left: 0.3em;
    margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: ease-in-out;
    animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
    animation-name: fa-fade;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: ease-in-out;
    animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
    animation-name: fa-shake;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: linear;
    animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 2s;
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: linear;
    animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
    --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: steps(8);
    animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
    .fa-beat,
    .fa-bounce,
    .fa-fade,
    .fa-beat-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s;
    }
}

@keyframes fa-beat {
    0%,
    90% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.25);
        transform: scale(var(--fa-beat-scale, 1.25));
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1, 1) translateY(0);
    }
    10% {
        transform: scale(1.1, 0.9) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    }
    30% {
        transform: scale(0.9, 1.1) translateY(-0.5em);
        transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    }
    50% {
        transform: scale(1.05, 0.95) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    }
    57% {
        transform: scale(1, 1) translateY(-0.125em);
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
    }
    64% {
        transform: scale(1, 1) translateY(0);
    }
    100% {
        transform: scale(1, 1) translateY(0);
    }
}

@keyframes fa-fade {
    50% {
        opacity: 0.4;
        opacity: var(--fa-fade-opacity, 0.4);
    }
}

@keyframes fa-beat-fade {
    0%,
    100% {
        opacity: 0.4;
        opacity: var(--fa-beat-fade-opacity, 0.4);
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.125);
        transform: scale(var(--fa-beat-fade-scale, 1.125));
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg);
    }
    4% {
        transform: rotate(15deg);
    }
    8%,
    24% {
        transform: rotate(-18deg);
    }
    12%,
    28% {
        transform: rotate(18deg);
    }
    16% {
        transform: rotate(-22deg);
    }
    20% {
        transform: rotate(22deg);
    }
    32% {
        transform: rotate(-12deg);
    }
    36% {
        transform: rotate(12deg);
    }
    40%,
    100% {
        transform: rotate(0deg);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    transform: rotate(90deg);
}

.fa-rotate-180 {
    transform: rotate(180deg);
}

.fa-rotate-270 {
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1, -1);
}

.fa-rotate-by {
    transform: rotate(none);
    transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
    display: inline-block;
    vertical-align: middle;
    height: 2em;
    position: relative;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: auto;
    z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em;
}

.fa-inverse {
    color: #fff;
    color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.svg-inline--fa .fa-primary {
    fill: currentColor;
    fill: var(--fa-primary-color, currentColor);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
    fill: currentColor;
    fill: var(--fa-secondary-color, currentColor);
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
    fill: black;
}

.fad.fa-inverse,
.fa-duotone.fa-inverse {
    color: #fff;
    color: var(--fa-inverse, #fff);
}

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(../../static/media/boxicons.65a8ce52fc5427e8f94d.eot);
    src: url(../../static/media/boxicons.65a8ce52fc5427e8f94d.eot) format('embedded-opentype'), url(../../static/media/boxicons.df635aaf04cd75132f62.woff2) format('woff2'), url(../../static/media/boxicons.d12afc36557395143e4b.woff) format('woff'), url(../../static/media/boxicons.db9ddb1898dbd76badca.ttf) format('truetype'), url(../../static/media/boxicons.9e2b21b135bc7d4c803f.svg?#boxicons) format('svg')
}

.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none
}

.bx-ul>li {
    position: relative
}

.bx-ul .bx {
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    left: -2em;
    width: 2em;
    text-align: center
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

@keyframes burst {
    0% {
        transform: scale(1);
        opacity: 1
    }
    90% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes flashing {
    0% {
        opacity: 1
    }
    45% {
        opacity: 0
    }
    90% {
        opacity: 1
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    75% {
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    75% {
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes fade-up {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    75% {
        transform: translateY(-20px);
        opacity: 0
    }
}

@keyframes fade-down {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    75% {
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }
    40%,
    60%,
    80% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.bx-spin {
    animation: spin 2s linear infinite
}

.bx-spin-hover:hover {
    animation: spin 2s linear infinite
}

.bx-tada {
    animation: tada 1.5s ease infinite
}

.bx-tada-hover:hover {
    animation: tada 1.5s ease infinite
}

.bx-flashing {
    animation: flashing 1.5s infinite linear
}

.bx-flashing-hover:hover {
    animation: flashing 1.5s infinite linear
}

.bx-burst {
    animation: burst 1.5s infinite linear
}

.bx-burst-hover:hover {
    animation: burst 1.5s infinite linear
}

.bx-fade-up {
    animation: fade-up 1.5s infinite linear
}

.bx-fade-up-hover:hover {
    animation: fade-up 1.5s infinite linear
}

.bx-fade-down {
    animation: fade-down 1.5s infinite linear
}

.bx-fade-down-hover:hover {
    animation: fade-down 1.5s infinite linear
}

.bx-fade-left {
    animation: fade-left 1.5s infinite linear
}

.bx-fade-left-hover:hover {
    animation: fade-left 1.5s infinite linear
}

.bx-fade-right {
    animation: fade-right 1.5s infinite linear
}

.bx-fade-right-hover:hover {
    animation: fade-right 1.5s infinite linear
}

.bx-xs {
    font-size: 1rem !important
}

.bx-sm {
    font-size: 1.55rem !important
}

.bx-md {
    font-size: 2.25rem !important
}

.bx-lg {
    font-size: 3rem !important
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: .8em;
    width: 1.2857142857em;
    height: .8em;
    margin-top: -.2em !important;
    vertical-align: middle
}

.bx-pull-left {
    float: left;
    margin-right: .3em !important
}

.bx-pull-right {
    float: right;
    margin-left: .3em !important
}

.bx-rotate-90 {
    transform: rotate(90deg)
}

.bx-rotate-180 {
    transform: rotate(180deg)
}

.bx-rotate-270 {
    transform: rotate(270deg)
}

.bx-flip-horizontal {
    transform: scaleX(-1)
}

.bx-flip-vertical {
    transform: scaleY(-1)
}

.bx-border {
    padding: .25em;
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: .25em
}

.bx-border-circle {
    padding: .25em;
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: 50%
}

.bxs-balloon:before {
    content: "\eb60"
}

.bxs-castle:before {
    content: "\eb79"
}

.bxs-coffee-bean:before {
    content: "\eb92"
}

.bxs-objects-horizontal-center:before {
    content: "\ebab"
}

.bxs-objects-horizontal-left:before {
    content: "\ebc4"
}

.bxs-objects-horizontal-right:before {
    content: "\ebdd"
}

.bxs-objects-vertical-bottom:before {
    content: "\ebf6"
}

.bxs-objects-vertical-center:before {
    content: "\ef40"
}

.bxs-objects-vertical-top:before {
    content: "\ef41"
}

.bxs-pear:before {
    content: "\ef42"
}

.bxs-shield-minus:before {
    content: "\ef43"
}

.bxs-shield-plus:before {
    content: "\ef44"
}

.bxs-shower:before {
    content: "\ef45"
}

.bxs-sushi:before {
    content: "\ef46"
}

.bxs-universal-access:before {
    content: "\ef47"
}

.bx-child:before {
    content: "\ef48"
}

.bx-horizontal-left:before {
    content: "\ef49"
}

.bx-horizontal-right:before {
    content: "\ef4a"
}

.bx-objects-horizontal-center:before {
    content: "\ef4b"
}

.bx-objects-horizontal-left:before {
    content: "\ef4c"
}

.bx-objects-horizontal-right:before {
    content: "\ef4d"
}

.bx-objects-vertical-bottom:before {
    content: "\ef4e"
}

.bx-objects-vertical-center:before {
    content: "\ef4f"
}

.bx-objects-vertical-top:before {
    content: "\ef50"
}

.bx-rfid:before {
    content: "\ef51"
}

.bx-shield-minus:before {
    content: "\ef52"
}

.bx-shield-plus:before {
    content: "\ef53"
}

.bx-shower:before {
    content: "\ef54"
}

.bx-sushi:before {
    content: "\ef55"
}

.bx-universal-access:before {
    content: "\ef56"
}

.bx-vertical-bottom:before {
    content: "\ef57"
}

.bx-vertical-top:before {
    content: "\ef58"
}

.bxl-graphql:before {
    content: "\ef59"
}

.bxl-typescript:before {
    content: "\ef5a"
}

.bxs-color:before {
    content: "\ef39"
}

.bx-reflect-horizontal:before {
    content: "\ef3a"
}

.bx-reflect-vertical:before {
    content: "\ef3b"
}

.bx-color:before {
    content: "\ef3c"
}

.bxl-mongodb:before {
    content: "\ef3d"
}

.bxl-postgresql:before {
    content: "\ef3e"
}

.bxl-deezer:before {
    content: "\ef3f"
}

.bxs-hard-hat:before {
    content: "\ef2a"
}

.bxs-home-alt-2:before {
    content: "\ef2b"
}

.bxs-cheese:before {
    content: "\ef2c"
}

.bx-home-alt-2:before {
    content: "\ef2d"
}

.bx-hard-hat:before {
    content: "\ef2e"
}

.bx-cheese:before {
    content: "\ef2f"
}

.bx-cart-add:before {
    content: "\ef30"
}

.bx-cart-download:before {
    content: "\ef31"
}

.bx-no-signal:before {
    content: "\ef32"
}

.bx-signal-1:before {
    content: "\ef33"
}

.bx-signal-2:before {
    content: "\ef34"
}

.bx-signal-3:before {
    content: "\ef35"
}

.bx-signal-4:before {
    content: "\ef36"
}

.bx-signal-5:before {
    content: "\ef37"
}

.bxl-xing:before {
    content: "\ef38"
}

.bxl-meta:before {
    content: "\ef27"
}

.bx-lemon:before {
    content: "\ef28"
}

.bxs-lemon:before {
    content: "\ef29"
}

.bx-cricket-ball:before {
    content: "\ef0c"
}

.bx-baguette:before {
    content: "\ef0d"
}

.bx-bowl-hot:before {
    content: "\ef0e"
}

.bx-bowl-rice:before {
    content: "\ef0f"
}

.bx-cable-car:before {
    content: "\ef10"
}

.bx-candles:before {
    content: "\ef11"
}

.bx-circle-half:before {
    content: "\ef12"
}

.bx-circle-quarter:before {
    content: "\ef13"
}

.bx-circle-three-quarter:before {
    content: "\ef14"
}

.bx-cross:before {
    content: "\ef15"
}

.bx-fork:before {
    content: "\ef16"
}

.bx-knife:before {
    content: "\ef17"
}

.bx-money-withdraw:before {
    content: "\ef18"
}

.bx-popsicle:before {
    content: "\ef19"
}

.bx-scatter-chart:before {
    content: "\ef1a"
}

.bxs-baguette:before {
    content: "\ef1b"
}

.bxs-bowl-hot:before {
    content: "\ef1c"
}

.bxs-bowl-rice:before {
    content: "\ef1d"
}

.bxs-cable-car:before {
    content: "\ef1e"
}

.bxs-circle-half:before {
    content: "\ef1f"
}

.bxs-circle-quarter:before {
    content: "\ef20"
}

.bxs-circle-three-quarter:before {
    content: "\ef21"
}

.bxs-cricket-ball:before {
    content: "\ef22"
}

.bxs-invader:before {
    content: "\ef23"
}

.bx-male-female:before {
    content: "\ef24"
}

.bxs-popsicle:before {
    content: "\ef25"
}

.bxs-tree-alt:before {
    content: "\ef26"
}

.bxl-venmo:before {
    content: "\e900"
}

.bxl-upwork:before {
    content: "\e901"
}

.bxl-netlify:before {
    content: "\e902"
}

.bxl-java:before {
    content: "\e903"
}

.bxl-heroku:before {
    content: "\e904"
}

.bxl-go-lang:before {
    content: "\e905"
}

.bxl-gmail:before {
    content: "\e906"
}

.bxl-flask:before {
    content: "\e907"
}

.bxl-99designs:before {
    content: "\e908"
}

.bxl-500px:before {
    content: "\e909"
}

.bxl-adobe:before {
    content: "\e90a"
}

.bxl-airbnb:before {
    content: "\e90b"
}

.bxl-algolia:before {
    content: "\e90c"
}

.bxl-amazon:before {
    content: "\e90d"
}

.bxl-android:before {
    content: "\e90e"
}

.bxl-angular:before {
    content: "\e90f"
}

.bxl-apple:before {
    content: "\e910"
}

.bxl-audible:before {
    content: "\e911"
}

.bxl-aws:before {
    content: "\e912"
}

.bxl-baidu:before {
    content: "\e913"
}

.bxl-behance:before {
    content: "\e914"
}

.bxl-bing:before {
    content: "\e915"
}

.bxl-bitcoin:before {
    content: "\e916"
}

.bxl-blender:before {
    content: "\e917"
}

.bxl-blogger:before {
    content: "\e918"
}

.bxl-bootstrap:before {
    content: "\e919"
}

.bxl-chrome:before {
    content: "\e91a"
}

.bxl-codepen:before {
    content: "\e91b"
}

.bxl-c-plus-plus:before {
    content: "\e91c"
}

.bxl-creative-commons:before {
    content: "\e91d"
}

.bxl-css3:before {
    content: "\e91e"
}

.bxl-dailymotion:before {
    content: "\e91f"
}

.bxl-deviantart:before {
    content: "\e920"
}

.bxl-dev-to:before {
    content: "\e921"
}

.bxl-digg:before {
    content: "\e922"
}

.bxl-digitalocean:before {
    content: "\e923"
}

.bxl-discord:before {
    content: "\e924"
}

.bxl-discord-alt:before {
    content: "\e925"
}

.bxl-discourse:before {
    content: "\e926"
}

.bxl-django:before {
    content: "\e927"
}

.bxl-docker:before {
    content: "\e928"
}

.bxl-dribbble:before {
    content: "\e929"
}

.bxl-dropbox:before {
    content: "\e92a"
}

.bxl-drupal:before {
    content: "\e92b"
}

.bxl-ebay:before {
    content: "\e92c"
}

.bxl-edge:before {
    content: "\e92d"
}

.bxl-etsy:before {
    content: "\e92e"
}

.bxl-facebook:before {
    content: "\e92f"
}

.bxl-facebook-circle:before {
    content: "\e930"
}

.bxl-facebook-square:before {
    content: "\e931"
}

.bxl-figma:before {
    content: "\e932"
}

.bxl-firebase:before {
    content: "\e933"
}

.bxl-firefox:before {
    content: "\e934"
}

.bxl-flickr:before {
    content: "\e935"
}

.bxl-flickr-square:before {
    content: "\e936"
}

.bxl-flutter:before {
    content: "\e937"
}

.bxl-foursquare:before {
    content: "\e938"
}

.bxl-git:before {
    content: "\e939"
}

.bxl-github:before {
    content: "\e93a"
}

.bxl-gitlab:before {
    content: "\e93b"
}

.bxl-google:before {
    content: "\e93c"
}

.bxl-google-cloud:before {
    content: "\e93d"
}

.bxl-google-plus:before {
    content: "\e93e"
}

.bxl-google-plus-circle:before {
    content: "\e93f"
}

.bxl-html5:before {
    content: "\e940"
}

.bxl-imdb:before {
    content: "\e941"
}

.bxl-instagram:before {
    content: "\e942"
}

.bxl-instagram-alt:before {
    content: "\e943"
}

.bxl-internet-explorer:before {
    content: "\e944"
}

.bxl-invision:before {
    content: "\e945"
}

.bxl-javascript:before {
    content: "\e946"
}

.bxl-joomla:before {
    content: "\e947"
}

.bxl-jquery:before {
    content: "\e948"
}

.bxl-jsfiddle:before {
    content: "\e949"
}

.bxl-kickstarter:before {
    content: "\e94a"
}

.bxl-kubernetes:before {
    content: "\e94b"
}

.bxl-less:before {
    content: "\e94c"
}

.bxl-linkedin:before {
    content: "\e94d"
}

.bxl-linkedin-square:before {
    content: "\e94e"
}

.bxl-magento:before {
    content: "\e94f"
}

.bxl-mailchimp:before {
    content: "\e950"
}

.bxl-markdown:before {
    content: "\e951"
}

.bxl-mastercard:before {
    content: "\e952"
}

.bxl-mastodon:before {
    content: "\e953"
}

.bxl-medium:before {
    content: "\e954"
}

.bxl-medium-old:before {
    content: "\e955"
}

.bxl-medium-square:before {
    content: "\e956"
}

.bxl-messenger:before {
    content: "\e957"
}

.bxl-microsoft:before {
    content: "\e958"
}

.bxl-microsoft-teams:before {
    content: "\e959"
}

.bxl-nodejs:before {
    content: "\e95a"
}

.bxl-ok-ru:before {
    content: "\e95b"
}

.bxl-opera:before {
    content: "\e95c"
}

.bxl-patreon:before {
    content: "\e95d"
}

.bxl-paypal:before {
    content: "\e95e"
}

.bxl-periscope:before {
    content: "\e95f"
}

.bxl-php:before {
    content: "\e960"
}

.bxl-pinterest:before {
    content: "\e961"
}

.bxl-pinterest-alt:before {
    content: "\e962"
}

.bxl-play-store:before {
    content: "\e963"
}

.bxl-pocket:before {
    content: "\e964"
}

.bxl-product-hunt:before {
    content: "\e965"
}

.bxl-python:before {
    content: "\e966"
}

.bxl-quora:before {
    content: "\e967"
}

.bxl-react:before {
    content: "\e968"
}

.bxl-redbubble:before {
    content: "\e969"
}

.bxl-reddit:before {
    content: "\e96a"
}

.bxl-redux:before {
    content: "\e96b"
}

.bxl-sass:before {
    content: "\e96c"
}

.bxl-shopify:before {
    content: "\e96d"
}

.bxl-sketch:before {
    content: "\e96e"
}

.bxl-skype:before {
    content: "\e96f"
}

.bxl-slack:before {
    content: "\e970"
}

.bxl-slack-old:before {
    content: "\e971"
}

.bxl-snapchat:before {
    content: "\e972"
}

.bxl-soundcloud:before {
    content: "\e973"
}

.bxl-spotify:before {
    content: "\e974"
}

.bxl-spring-boot:before {
    content: "\e975"
}

.bxl-squarespace:before {
    content: "\e976"
}

.bxl-stack-overflow:before {
    content: "\e977"
}

.bxl-steam:before {
    content: "\e978"
}

.bxl-stripe:before {
    content: "\e979"
}

.bxl-tailwind-css:before {
    content: "\e97a"
}

.bxl-telegram:before {
    content: "\e97b"
}

.bxl-tiktok:before {
    content: "\e97c"
}

.bxl-trello:before {
    content: "\e97d"
}

.bxl-trip-advisor:before {
    content: "\e97e"
}

.bxl-tumblr:before {
    content: "\e97f"
}

.bxl-tux:before {
    content: "\e980"
}

.bxl-twitch:before {
    content: "\e981"
}

.bxl-twitter:before {
    content: "\e982"
}

.bxl-unity:before {
    content: "\e983"
}

.bxl-unsplash:before {
    content: "\e984"
}

.bxl-vimeo:before {
    content: "\e985"
}

.bxl-visa:before {
    content: "\e986"
}

.bxl-visual-studio:before {
    content: "\e987"
}

.bxl-vk:before {
    content: "\e988"
}

.bxl-vuejs:before {
    content: "\e989"
}

.bxl-whatsapp:before {
    content: "\e98a"
}

.bxl-whatsapp-square:before {
    content: "\e98b"
}

.bxl-wikipedia:before {
    content: "\e98c"
}

.bxl-windows:before {
    content: "\e98d"
}

.bxl-wix:before {
    content: "\e98e"
}

.bxl-wordpress:before {
    content: "\e98f"
}

.bxl-yahoo:before {
    content: "\e990"
}

.bxl-yelp:before {
    content: "\e991"
}

.bxl-youtube:before {
    content: "\e992"
}

.bxl-zoom:before {
    content: "\e993"
}

.bx-collapse-alt:before {
    content: "\e994"
}

.bx-collapse-horizontal:before {
    content: "\e995"
}

.bx-collapse-vertical:before {
    content: "\e996"
}

.bx-expand-horizontal:before {
    content: "\e997"
}

.bx-expand-vertical:before {
    content: "\e998"
}

.bx-injection:before {
    content: "\e999"
}

.bx-leaf:before {
    content: "\e99a"
}

.bx-math:before {
    content: "\e99b"
}

.bx-party:before {
    content: "\e99c"
}

.bx-abacus:before {
    content: "\e99d"
}

.bx-accessibility:before {
    content: "\e99e"
}

.bx-add-to-queue:before {
    content: "\e99f"
}

.bx-adjust:before {
    content: "\e9a0"
}

.bx-alarm:before {
    content: "\e9a1"
}

.bx-alarm-add:before {
    content: "\e9a2"
}

.bx-alarm-exclamation:before {
    content: "\e9a3"
}

.bx-alarm-off:before {
    content: "\e9a4"
}

.bx-alarm-snooze:before {
    content: "\e9a5"
}

.bx-album:before {
    content: "\e9a6"
}

.bx-align-justify:before {
    content: "\e9a7"
}

.bx-align-left:before {
    content: "\e9a8"
}

.bx-align-middle:before {
    content: "\e9a9"
}

.bx-align-right:before {
    content: "\e9aa"
}

.bx-analyse:before {
    content: "\e9ab"
}

.bx-anchor:before {
    content: "\e9ac"
}

.bx-angry:before {
    content: "\e9ad"
}

.bx-aperture:before {
    content: "\e9ae"
}

.bx-arch:before {
    content: "\e9af"
}

.bx-archive:before {
    content: "\e9b0"
}

.bx-archive-in:before {
    content: "\e9b1"
}

.bx-archive-out:before {
    content: "\e9b2"
}

.bx-area:before {
    content: "\e9b3"
}

.bx-arrow-back:before {
    content: "\e9b4"
}

.bx-arrow-from-bottom:before {
    content: "\e9b5"
}

.bx-arrow-from-left:before {
    content: "\e9b6"
}

.bx-arrow-from-right:before {
    content: "\e9b7"
}

.bx-arrow-from-top:before {
    content: "\e9b8"
}

.bx-arrow-to-bottom:before {
    content: "\e9b9"
}

.bx-arrow-to-left:before {
    content: "\e9ba"
}

.bx-arrow-to-right:before {
    content: "\e9bb"
}

.bx-arrow-to-top:before {
    content: "\e9bc"
}

.bx-at:before {
    content: "\e9bd"
}

.bx-atom:before {
    content: "\e9be"
}

.bx-award:before {
    content: "\e9bf"
}

.bx-badge:before {
    content: "\e9c0"
}

.bx-badge-check:before {
    content: "\e9c1"
}

.bx-ball:before {
    content: "\e9c2"
}

.bx-band-aid:before {
    content: "\e9c3"
}

.bx-bar-chart:before {
    content: "\e9c4"
}

.bx-bar-chart-alt:before {
    content: "\e9c5"
}

.bx-bar-chart-alt-2:before {
    content: "\e9c6"
}

.bx-bar-chart-square:before {
    content: "\e9c7"
}

.bx-barcode:before {
    content: "\e9c8"
}

.bx-barcode-reader:before {
    content: "\e9c9"
}

.bx-baseball:before {
    content: "\e9ca"
}

.bx-basket:before {
    content: "\e9cb"
}

.bx-basketball:before {
    content: "\e9cc"
}

.bx-bath:before {
    content: "\e9cd"
}

.bx-battery:before {
    content: "\e9ce"
}

.bx-bed:before {
    content: "\e9cf"
}

.bx-been-here:before {
    content: "\e9d0"
}

.bx-beer:before {
    content: "\e9d1"
}

.bx-bell:before {
    content: "\e9d2"
}

.bx-bell-minus:before {
    content: "\e9d3"
}

.bx-bell-off:before {
    content: "\e9d4"
}

.bx-bell-plus:before {
    content: "\e9d5"
}

.bx-bible:before {
    content: "\e9d6"
}

.bx-bitcoin:before {
    content: "\e9d7"
}

.bx-blanket:before {
    content: "\e9d8"
}

.bx-block:before {
    content: "\e9d9"
}

.bx-bluetooth:before {
    content: "\e9da"
}

.bx-body:before {
    content: "\e9db"
}

.bx-bold:before {
    content: "\e9dc"
}

.bx-bolt-circle:before {
    content: "\e9dd"
}

.bx-bomb:before {
    content: "\e9de"
}

.bx-bone:before {
    content: "\e9df"
}

.bx-bong:before {
    content: "\e9e0"
}

.bx-book:before {
    content: "\e9e1"
}

.bx-book-add:before {
    content: "\e9e2"
}

.bx-book-alt:before {
    content: "\e9e3"
}

.bx-book-bookmark:before {
    content: "\e9e4"
}

.bx-book-content:before {
    content: "\e9e5"
}

.bx-book-heart:before {
    content: "\e9e6"
}

.bx-bookmark:before {
    content: "\e9e7"
}

.bx-bookmark-alt:before {
    content: "\e9e8"
}

.bx-bookmark-alt-minus:before {
    content: "\e9e9"
}

.bx-bookmark-alt-plus:before {
    content: "\e9ea"
}

.bx-bookmark-heart:before {
    content: "\e9eb"
}

.bx-bookmark-minus:before {
    content: "\e9ec"
}

.bx-bookmark-plus:before {
    content: "\e9ed"
}

.bx-bookmarks:before {
    content: "\e9ee"
}

.bx-book-open:before {
    content: "\e9ef"
}

.bx-book-reader:before {
    content: "\e9f0"
}

.bx-border-all:before {
    content: "\e9f1"
}

.bx-border-bottom:before {
    content: "\e9f2"
}

.bx-border-inner:before {
    content: "\e9f3"
}

.bx-border-left:before {
    content: "\e9f4"
}

.bx-border-none:before {
    content: "\e9f5"
}

.bx-border-outer:before {
    content: "\e9f6"
}

.bx-border-radius:before {
    content: "\e9f7"
}

.bx-border-right:before {
    content: "\e9f8"
}

.bx-border-top:before {
    content: "\e9f9"
}

.bx-bot:before {
    content: "\e9fa"
}

.bx-bowling-ball:before {
    content: "\e9fb"
}

.bx-box:before {
    content: "\e9fc"
}

.bx-bracket:before {
    content: "\e9fd"
}

.bx-braille:before {
    content: "\e9fe"
}

.bx-brain:before {
    content: "\e9ff"
}

.bx-briefcase:before {
    content: "\ea00"
}

.bx-briefcase-alt:before {
    content: "\ea01"
}

.bx-briefcase-alt-2:before {
    content: "\ea02"
}

.bx-brightness:before {
    content: "\ea03"
}

.bx-brightness-half:before {
    content: "\ea04"
}

.bx-broadcast:before {
    content: "\ea05"
}

.bx-brush:before {
    content: "\ea06"
}

.bx-brush-alt:before {
    content: "\ea07"
}

.bx-bug:before {
    content: "\ea08"
}

.bx-bug-alt:before {
    content: "\ea09"
}

.bx-building:before {
    content: "\ea0a"
}

.bx-building-house:before {
    content: "\ea0b"
}

.bx-buildings:before {
    content: "\ea0c"
}

.bx-bulb:before {
    content: "\ea0d"
}

.bx-bullseye:before {
    content: "\ea0e"
}

.bx-buoy:before {
    content: "\ea0f"
}

.bx-bus:before {
    content: "\ea10"
}

.bx-bus-school:before {
    content: "\ea11"
}

.bx-cabinet:before {
    content: "\ea12"
}

.bx-cake:before {
    content: "\ea13"
}

.bx-calculator:before {
    content: "\ea14"
}

.bx-calendar:before {
    content: "\ea15"
}

.bx-calendar-alt:before {
    content: "\ea16"
}

.bx-calendar-check:before {
    content: "\ea17"
}

.bx-calendar-edit:before {
    content: "\ea18"
}

.bx-calendar-event:before {
    content: "\ea19"
}

.bx-calendar-exclamation:before {
    content: "\ea1a"
}

.bx-calendar-heart:before {
    content: "\ea1b"
}

.bx-calendar-minus:before {
    content: "\ea1c"
}

.bx-calendar-plus:before {
    content: "\ea1d"
}

.bx-calendar-star:before {
    content: "\ea1e"
}

.bx-calendar-week:before {
    content: "\ea1f"
}

.bx-calendar-x:before {
    content: "\ea20"
}

.bx-camera:before {
    content: "\ea21"
}

.bx-camera-home:before {
    content: "\ea22"
}

.bx-camera-movie:before {
    content: "\ea23"
}

.bx-camera-off:before {
    content: "\ea24"
}

.bx-capsule:before {
    content: "\ea25"
}

.bx-captions:before {
    content: "\ea26"
}

.bx-car:before {
    content: "\ea27"
}

.bx-card:before {
    content: "\ea28"
}

.bx-caret-down:before {
    content: "\ea29"
}

.bx-caret-down-circle:before {
    content: "\ea2a"
}

.bx-caret-down-square:before {
    content: "\ea2b"
}

.bx-caret-left:before {
    content: "\ea2c"
}

.bx-caret-left-circle:before {
    content: "\ea2d"
}

.bx-caret-left-square:before {
    content: "\ea2e"
}

.bx-caret-right:before {
    content: "\ea2f"
}

.bx-caret-right-circle:before {
    content: "\ea30"
}

.bx-caret-right-square:before {
    content: "\ea31"
}

.bx-caret-up:before {
    content: "\ea32"
}

.bx-caret-up-circle:before {
    content: "\ea33"
}

.bx-caret-up-square:before {
    content: "\ea34"
}

.bx-carousel:before {
    content: "\ea35"
}

.bx-cart:before {
    content: "\ea36"
}

.bx-cart-alt:before {
    content: "\ea37"
}

.bx-cast:before {
    content: "\ea38"
}

.bx-category:before {
    content: "\ea39"
}

.bx-category-alt:before {
    content: "\ea3a"
}

.bx-cctv:before {
    content: "\ea3b"
}

.bx-certification:before {
    content: "\ea3c"
}

.bx-chair:before {
    content: "\ea3d"
}

.bx-chalkboard:before {
    content: "\ea3e"
}

.bx-chart:before {
    content: "\ea3f"
}

.bx-chat:before {
    content: "\ea40"
}

.bx-check:before {
    content: "\ea41"
}

.bx-checkbox:before {
    content: "\ea42"
}

.bx-checkbox-checked:before {
    content: "\ea43"
}

.bx-checkbox-minus:before {
    content: "\ea44"
}

.bx-checkbox-square:before {
    content: "\ea45"
}

.bx-check-circle:before {
    content: "\ea46"
}

.bx-check-double:before {
    content: "\ea47"
}

.bx-check-shield:before {
    content: "\ea48"
}

.bx-check-square:before {
    content: "\ea49"
}

.bx-chevron-down:before {
    content: "\ea4a"
}

.bx-chevron-down-circle:before {
    content: "\ea4b"
}

.bx-chevron-down-square:before {
    content: "\ea4c"
}

.bx-chevron-left:before {
    content: "\ea4d"
}

.bx-chevron-left-circle:before {
    content: "\ea4e"
}

.bx-chevron-left-square:before {
    content: "\ea4f"
}

.bx-chevron-right:before {
    content: "\ea50"
}

.bx-chevron-right-circle:before {
    content: "\ea51"
}

.bx-chevron-right-square:before {
    content: "\ea52"
}

.bx-chevrons-down:before {
    content: "\ea53"
}

.bx-chevrons-left:before {
    content: "\ea54"
}

.bx-chevrons-right:before {
    content: "\ea55"
}

.bx-chevrons-up:before {
    content: "\ea56"
}

.bx-chevron-up:before {
    content: "\ea57"
}

.bx-chevron-up-circle:before {
    content: "\ea58"
}

.bx-chevron-up-square:before {
    content: "\ea59"
}

.bx-chip:before {
    content: "\ea5a"
}

.bx-church:before {
    content: "\ea5b"
}

.bx-circle:before {
    content: "\ea5c"
}

.bx-clinic:before {
    content: "\ea5d"
}

.bx-clipboard:before {
    content: "\ea5e"
}

.bx-closet:before {
    content: "\ea5f"
}

.bx-cloud:before {
    content: "\ea60"
}

.bx-cloud-download:before {
    content: "\ea61"
}

.bx-cloud-drizzle:before {
    content: "\ea62"
}

.bx-cloud-lightning:before {
    content: "\ea63"
}

.bx-cloud-light-rain:before {
    content: "\ea64"
}

.bx-cloud-rain:before {
    content: "\ea65"
}

.bx-cloud-snow:before {
    content: "\ea66"
}

.bx-cloud-upload:before {
    content: "\ea67"
}

.bx-code:before {
    content: "\ea68"
}

.bx-code-alt:before {
    content: "\ea69"
}

.bx-code-block:before {
    content: "\ea6a"
}

.bx-code-curly:before {
    content: "\ea6b"
}

.bx-coffee:before {
    content: "\ea6c"
}

.bx-coffee-togo:before {
    content: "\ea6d"
}

.bx-cog:before {
    content: "\ea6e"
}

.bx-coin:before {
    content: "\ea6f"
}

.bx-coin-stack:before {
    content: "\ea70"
}

.bx-collapse:before {
    content: "\ea71"
}

.bx-collection:before {
    content: "\ea72"
}

.bx-color-fill:before {
    content: "\ea73"
}

.bx-columns:before {
    content: "\ea74"
}

.bx-command:before {
    content: "\ea75"
}

.bx-comment:before {
    content: "\ea76"
}

.bx-comment-add:before {
    content: "\ea77"
}

.bx-comment-check:before {
    content: "\ea78"
}

.bx-comment-detail:before {
    content: "\ea79"
}

.bx-comment-dots:before {
    content: "\ea7a"
}

.bx-comment-edit:before {
    content: "\ea7b"
}

.bx-comment-error:before {
    content: "\ea7c"
}

.bx-comment-minus:before {
    content: "\ea7d"
}

.bx-comment-x:before {
    content: "\ea7e"
}

.bx-compass:before {
    content: "\ea7f"
}

.bx-confused:before {
    content: "\ea80"
}

.bx-conversation:before {
    content: "\ea81"
}

.bx-cookie:before {
    content: "\ea82"
}

.bx-cool:before {
    content: "\ea83"
}

.bx-copy:before {
    content: "\ea84"
}

.bx-copy-alt:before {
    content: "\ea85"
}

.bx-copyright:before {
    content: "\ea86"
}

.bx-credit-card:before {
    content: "\ea87"
}

.bx-credit-card-alt:before {
    content: "\ea88"
}

.bx-credit-card-front:before {
    content: "\ea89"
}

.bx-crop:before {
    content: "\ea8a"
}

.bx-crosshair:before {
    content: "\ea8b"
}

.bx-crown:before {
    content: "\ea8c"
}

.bx-cube:before {
    content: "\ea8d"
}

.bx-cube-alt:before {
    content: "\ea8e"
}

.bx-cuboid:before {
    content: "\ea8f"
}

.bx-current-location:before {
    content: "\ea90"
}

.bx-customize:before {
    content: "\ea91"
}

.bx-cut:before {
    content: "\ea92"
}

.bx-cycling:before {
    content: "\ea93"
}

.bx-cylinder:before {
    content: "\ea94"
}

.bx-data:before {
    content: "\ea95"
}

.bx-desktop:before {
    content: "\ea96"
}

.bx-detail:before {
    content: "\ea97"
}

.bx-devices:before {
    content: "\ea98"
}

.bx-dialpad:before {
    content: "\ea99"
}

.bx-dialpad-alt:before {
    content: "\ea9a"
}

.bx-diamond:before {
    content: "\ea9b"
}

.bx-dice-1:before {
    content: "\ea9c"
}

.bx-dice-2:before {
    content: "\ea9d"
}

.bx-dice-3:before {
    content: "\ea9e"
}

.bx-dice-4:before {
    content: "\ea9f"
}

.bx-dice-5:before {
    content: "\eaa0"
}

.bx-dice-6:before {
    content: "\eaa1"
}

.bx-directions:before {
    content: "\eaa2"
}

.bx-disc:before {
    content: "\eaa3"
}

.bx-dish:before {
    content: "\eaa4"
}

.bx-dislike:before {
    content: "\eaa5"
}

.bx-dizzy:before {
    content: "\eaa6"
}

.bx-dna:before {
    content: "\eaa7"
}

.bx-dock-bottom:before {
    content: "\eaa8"
}

.bx-dock-left:before {
    content: "\eaa9"
}

.bx-dock-right:before {
    content: "\eaaa"
}

.bx-dock-top:before {
    content: "\eaab"
}

.bx-dollar:before {
    content: "\eaac"
}

.bx-dollar-circle:before {
    content: "\eaad"
}

.bx-donate-blood:before {
    content: "\eaae"
}

.bx-donate-heart:before {
    content: "\eaaf"
}

.bx-door-open:before {
    content: "\eab0"
}

.bx-dots-horizontal:before {
    content: "\eab1"
}

.bx-dots-horizontal-rounded:before {
    content: "\eab2"
}

.bx-dots-vertical:before {
    content: "\eab3"
}

.bx-dots-vertical-rounded:before {
    content: "\eab4"
}

.bx-doughnut-chart:before {
    content: "\eab5"
}

.bx-down-arrow:before {
    content: "\eab6"
}

.bx-down-arrow-alt:before {
    content: "\eab7"
}

.bx-down-arrow-circle:before {
    content: "\eab8"
}

.bx-download:before {
    content: "\eab9"
}

.bx-downvote:before {
    content: "\eaba"
}

.bx-drink:before {
    content: "\eabb"
}

.bx-droplet:before {
    content: "\eabc"
}

.bx-dumbbell:before {
    content: "\eabd"
}

.bx-duplicate:before {
    content: "\eabe"
}

.bx-edit:before {
    content: "\eabf"
}

.bx-edit-alt:before {
    content: "\eac0"
}

.bx-envelope:before {
    content: "\eac1"
}

.bx-envelope-open:before {
    content: "\eac2"
}

.bx-equalizer:before {
    content: "\eac3"
}

.bx-eraser:before {
    content: "\eac4"
}

.bx-error:before {
    content: "\eac5"
}

.bx-error-alt:before {
    content: "\eac6"
}

.bx-error-circle:before {
    content: "\eac7"
}

.bx-euro:before {
    content: "\eac8"
}

.bx-exclude:before {
    content: "\eac9"
}

.bx-exit:before {
    content: "\eaca"
}

.bx-exit-fullscreen:before {
    content: "\eacb"
}

.bx-expand:before {
    content: "\eacc"
}

.bx-expand-alt:before {
    content: "\eacd"
}

.bx-export:before {
    content: "\eace"
}

.bx-extension:before {
    content: "\eacf"
}

.bx-face:before {
    content: "\ead0"
}

.bx-fast-forward:before {
    content: "\ead1"
}

.bx-fast-forward-circle:before {
    content: "\ead2"
}

.bx-female:before {
    content: "\ead3"
}

.bx-female-sign:before {
    content: "\ead4"
}

.bx-file:before {
    content: "\ead5"
}

.bx-file-blank:before {
    content: "\ead6"
}

.bx-file-find:before {
    content: "\ead7"
}

.bx-film:before {
    content: "\ead8"
}

.bx-filter:before {
    content: "\ead9"
}

.bx-filter-alt:before {
    content: "\eada"
}

.bx-fingerprint:before {
    content: "\eadb"
}

.bx-first-aid:before {
    content: "\eadc"
}

.bx-first-page:before {
    content: "\eadd"
}

.bx-flag:before {
    content: "\eade"
}

.bx-folder:before {
    content: "\eadf"
}

.bx-folder-minus:before {
    content: "\eae0"
}

.bx-folder-open:before {
    content: "\eae1"
}

.bx-folder-plus:before {
    content: "\eae2"
}

.bx-font:before {
    content: "\eae3"
}

.bx-font-color:before {
    content: "\eae4"
}

.bx-font-family:before {
    content: "\eae5"
}

.bx-font-size:before {
    content: "\eae6"
}

.bx-food-menu:before {
    content: "\eae7"
}

.bx-food-tag:before {
    content: "\eae8"
}

.bx-football:before {
    content: "\eae9"
}

.bx-fridge:before {
    content: "\eaea"
}

.bx-fullscreen:before {
    content: "\eaeb"
}

.bx-game:before {
    content: "\eaec"
}

.bx-gas-pump:before {
    content: "\eaed"
}

.bx-ghost:before {
    content: "\eaee"
}

.bx-gift:before {
    content: "\eaef"
}

.bx-git-branch:before {
    content: "\eaf0"
}

.bx-git-commit:before {
    content: "\eaf1"
}

.bx-git-compare:before {
    content: "\eaf2"
}

.bx-git-merge:before {
    content: "\eaf3"
}

.bx-git-pull-request:before {
    content: "\eaf4"
}

.bx-git-repo-forked:before {
    content: "\eaf5"
}

.bx-glasses:before {
    content: "\eaf6"
}

.bx-glasses-alt:before {
    content: "\eaf7"
}

.bx-globe:before {
    content: "\eaf8"
}

.bx-globe-alt:before {
    content: "\eaf9"
}

.bx-grid:before {
    content: "\eafa"
}

.bx-grid-alt:before {
    content: "\eafb"
}

.bx-grid-horizontal:before {
    content: "\eafc"
}

.bx-grid-small:before {
    content: "\eafd"
}

.bx-grid-vertical:before {
    content: "\eafe"
}

.bx-group:before {
    content: "\eaff"
}

.bx-handicap:before {
    content: "\eb00"
}

.bx-happy:before {
    content: "\eb01"
}

.bx-happy-alt:before {
    content: "\eb02"
}

.bx-happy-beaming:before {
    content: "\eb03"
}

.bx-happy-heart-eyes:before {
    content: "\eb04"
}

.bx-hash:before {
    content: "\eb05"
}

.bx-hdd:before {
    content: "\eb06"
}

.bx-heading:before {
    content: "\eb07"
}

.bx-headphone:before {
    content: "\eb08"
}

.bx-health:before {
    content: "\eb09"
}

.bx-heart:before {
    content: "\eb0a"
}

.bx-heart-circle:before {
    content: "\eb0b"
}

.bx-heart-square:before {
    content: "\eb0c"
}

.bx-help-circle:before {
    content: "\eb0d"
}

.bx-hide:before {
    content: "\eb0e"
}

.bx-highlight:before {
    content: "\eb0f"
}

.bx-history:before {
    content: "\eb10"
}

.bx-hive:before {
    content: "\eb11"
}

.bx-home:before {
    content: "\eb12"
}

.bx-home-alt:before {
    content: "\eb13"
}

.bx-home-circle:before {
    content: "\eb14"
}

.bx-home-heart:before {
    content: "\eb15"
}

.bx-home-smile:before {
    content: "\eb16"
}

.bx-horizontal-center:before {
    content: "\eb17"
}

.bx-hotel:before {
    content: "\eb18"
}

.bx-hourglass:before {
    content: "\eb19"
}

.bx-id-card:before {
    content: "\eb1a"
}

.bx-image:before {
    content: "\eb1b"
}

.bx-image-add:before {
    content: "\eb1c"
}

.bx-image-alt:before {
    content: "\eb1d"
}

.bx-images:before {
    content: "\eb1e"
}

.bx-import:before {
    content: "\eb1f"
}

.bx-infinite:before {
    content: "\eb20"
}

.bx-info-circle:before {
    content: "\eb21"
}

.bx-info-square:before {
    content: "\eb22"
}

.bx-intersect:before {
    content: "\eb23"
}

.bx-italic:before {
    content: "\eb24"
}

.bx-joystick:before {
    content: "\eb25"
}

.bx-joystick-alt:before {
    content: "\eb26"
}

.bx-joystick-button:before {
    content: "\eb27"
}

.bx-key:before {
    content: "\eb28"
}

.bx-label:before {
    content: "\eb29"
}

.bx-landscape:before {
    content: "\eb2a"
}

.bx-laptop:before {
    content: "\eb2b"
}

.bx-last-page:before {
    content: "\eb2c"
}

.bx-laugh:before {
    content: "\eb2d"
}

.bx-layer:before {
    content: "\eb2e"
}

.bx-layer-minus:before {
    content: "\eb2f"
}

.bx-layer-plus:before {
    content: "\eb30"
}

.bx-layout:before {
    content: "\eb31"
}

.bx-left-arrow:before {
    content: "\eb32"
}

.bx-left-arrow-alt:before {
    content: "\eb33"
}

.bx-left-arrow-circle:before {
    content: "\eb34"
}

.bx-left-down-arrow-circle:before {
    content: "\eb35"
}

.bx-left-indent:before {
    content: "\eb36"
}

.bx-left-top-arrow-circle:before {
    content: "\eb37"
}

.bx-library:before {
    content: "\eb38"
}

.bx-like:before {
    content: "\eb39"
}

.bx-line-chart:before {
    content: "\eb3a"
}

.bx-line-chart-down:before {
    content: "\eb3b"
}

.bx-link:before {
    content: "\eb3c"
}

.bx-link-alt:before {
    content: "\eb3d"
}

.bx-link-external:before {
    content: "\eb3e"
}

.bx-lira:before {
    content: "\eb3f"
}

.bx-list-check:before {
    content: "\eb40"
}

.bx-list-minus:before {
    content: "\eb41"
}

.bx-list-ol:before {
    content: "\eb42"
}

.bx-list-plus:before {
    content: "\eb43"
}

.bx-list-ul:before {
    content: "\eb44"
}

.bx-loader:before {
    content: "\eb45"
}

.bx-loader-alt:before {
    content: "\eb46"
}

.bx-loader-circle:before {
    content: "\eb47"
}

.bx-location-plus:before {
    content: "\eb48"
}

.bx-lock:before {
    content: "\eb49"
}

.bx-lock-alt:before {
    content: "\eb4a"
}

.bx-lock-open:before {
    content: "\eb4b"
}

.bx-lock-open-alt:before {
    content: "\eb4c"
}

.bx-log-in:before {
    content: "\eb4d"
}

.bx-log-in-circle:before {
    content: "\eb4e"
}

.bx-log-out:before {
    content: "\eb4f"
}

.bx-log-out-circle:before {
    content: "\eb50"
}

.bx-low-vision:before {
    content: "\eb51"
}

.bx-magnet:before {
    content: "\eb52"
}

.bx-mail-send:before {
    content: "\eb53"
}

.bx-male:before {
    content: "\eb54"
}

.bx-male-sign:before {
    content: "\eb55"
}

.bx-map:before {
    content: "\eb56"
}

.bx-map-alt:before {
    content: "\eb57"
}

.bx-map-pin:before {
    content: "\eb58"
}

.bx-mask:before {
    content: "\eb59"
}

.bx-medal:before {
    content: "\eb5a"
}

.bx-meh:before {
    content: "\eb5b"
}

.bx-meh-alt:before {
    content: "\eb5c"
}

.bx-meh-blank:before {
    content: "\eb5d"
}

.bx-memory-card:before {
    content: "\eb5e"
}

.bx-menu:before {
    content: "\eb5f"
}

.bx-menu-alt-left:before {
    content: "\ef5b"
}

.bx-menu-alt-right:before {
    content: "\eb61"
}

.bx-merge:before {
    content: "\eb62"
}

.bx-message:before {
    content: "\eb63"
}

.bx-message-add:before {
    content: "\eb64"
}

.bx-message-alt:before {
    content: "\eb65"
}

.bx-message-alt-add:before {
    content: "\eb66"
}

.bx-message-alt-check:before {
    content: "\eb67"
}

.bx-message-alt-detail:before {
    content: "\eb68"
}

.bx-message-alt-dots:before {
    content: "\eb69"
}

.bx-message-alt-edit:before {
    content: "\eb6a"
}

.bx-message-alt-error:before {
    content: "\eb6b"
}

.bx-message-alt-minus:before {
    content: "\eb6c"
}

.bx-message-alt-x:before {
    content: "\eb6d"
}

.bx-message-check:before {
    content: "\eb6e"
}

.bx-message-detail:before {
    content: "\eb6f"
}

.bx-message-dots:before {
    content: "\eb70"
}

.bx-message-edit:before {
    content: "\eb71"
}

.bx-message-error:before {
    content: "\eb72"
}

.bx-message-minus:before {
    content: "\eb73"
}

.bx-message-rounded:before {
    content: "\eb74"
}

.bx-message-rounded-add:before {
    content: "\eb75"
}

.bx-message-rounded-check:before {
    content: "\eb76"
}

.bx-message-rounded-detail:before {
    content: "\eb77"
}

.bx-message-rounded-dots:before {
    content: "\eb78"
}

.bx-message-rounded-edit:before {
    content: "\ef5c"
}

.bx-message-rounded-error:before {
    content: "\eb7a"
}

.bx-message-rounded-minus:before {
    content: "\eb7b"
}

.bx-message-rounded-x:before {
    content: "\eb7c"
}

.bx-message-square:before {
    content: "\eb7d"
}

.bx-message-square-add:before {
    content: "\eb7e"
}

.bx-message-square-check:before {
    content: "\eb7f"
}

.bx-message-square-detail:before {
    content: "\eb80"
}

.bx-message-square-dots:before {
    content: "\eb81"
}

.bx-message-square-edit:before {
    content: "\eb82"
}

.bx-message-square-error:before {
    content: "\eb83"
}

.bx-message-square-minus:before {
    content: "\eb84"
}

.bx-message-square-x:before {
    content: "\eb85"
}

.bx-message-x:before {
    content: "\eb86"
}

.bx-meteor:before {
    content: "\eb87"
}

.bx-microchip:before {
    content: "\eb88"
}

.bx-microphone:before {
    content: "\eb89"
}

.bx-microphone-off:before {
    content: "\eb8a"
}

.bx-minus:before {
    content: "\eb8b"
}

.bx-minus-back:before {
    content: "\eb8c"
}

.bx-minus-circle:before {
    content: "\eb8d"
}

.bx-minus-front:before {
    content: "\eb8e"
}

.bx-mobile:before {
    content: "\eb8f"
}

.bx-mobile-alt:before {
    content: "\eb90"
}

.bx-mobile-landscape:before {
    content: "\eb91"
}

.bx-mobile-vibration:before {
    content: "\ef5d"
}

.bx-money:before {
    content: "\eb93"
}

.bx-moon:before {
    content: "\eb94"
}

.bx-mouse:before {
    content: "\eb95"
}

.bx-mouse-alt:before {
    content: "\eb96"
}

.bx-move:before {
    content: "\eb97"
}

.bx-move-horizontal:before {
    content: "\eb98"
}

.bx-move-vertical:before {
    content: "\eb99"
}

.bx-movie:before {
    content: "\eb9a"
}

.bx-movie-play:before {
    content: "\eb9b"
}

.bx-music:before {
    content: "\eb9c"
}

.bx-navigation:before {
    content: "\eb9d"
}

.bx-network-chart:before {
    content: "\eb9e"
}

.bx-news:before {
    content: "\eb9f"
}

.bx-no-entry:before {
    content: "\eba0"
}

.bx-note:before {
    content: "\eba1"
}

.bx-notepad:before {
    content: "\eba2"
}

.bx-notification:before {
    content: "\eba3"
}

.bx-notification-off:before {
    content: "\eba4"
}

.bx-outline:before {
    content: "\eba5"
}

.bx-package:before {
    content: "\eba6"
}

.bx-paint:before {
    content: "\eba7"
}

.bx-paint-roll:before {
    content: "\eba8"
}

.bx-palette:before {
    content: "\eba9"
}

.bx-paperclip:before {
    content: "\ebaa"
}

.bx-paper-plane:before {
    content: "\ef61"
}

.bx-paragraph:before {
    content: "\ebac"
}

.bx-paste:before {
    content: "\ebad"
}

.bx-pause:before {
    content: "\ebae"
}

.bx-pause-circle:before {
    content: "\ebaf"
}

.bx-pen:before {
    content: "\ebb0"
}

.bx-pencil:before {
    content: "\ebb1"
}

.bx-phone:before {
    content: "\ebb2"
}

.bx-phone-call:before {
    content: "\ebb3"
}

.bx-phone-incoming:before {
    content: "\ebb4"
}

.bx-phone-off:before {
    content: "\ebb5"
}

.bx-phone-outgoing:before {
    content: "\ebb6"
}

.bx-photo-album:before {
    content: "\ebb7"
}

.bx-pie-chart:before {
    content: "\ebb8"
}

.bx-pie-chart-alt:before {
    content: "\ebb9"
}

.bx-pie-chart-alt-2:before {
    content: "\ebba"
}

.bx-pin:before {
    content: "\ebbb"
}

.bx-planet:before {
    content: "\ebbc"
}

.bx-play:before {
    content: "\ebbd"
}

.bx-play-circle:before {
    content: "\ebbe"
}

.bx-plug:before {
    content: "\ebbf"
}

.bx-plus:before {
    content: "\ebc0"
}

.bx-plus-circle:before {
    content: "\ebc1"
}

.bx-plus-medical:before {
    content: "\ebc2"
}

.bx-podcast:before {
    content: "\ebc3"
}

.bx-pointer:before {
    content: "\ef5e"
}

.bx-poll:before {
    content: "\ebc5"
}

.bx-polygon:before {
    content: "\ebc6"
}

.bx-pound:before {
    content: "\ebc7"
}

.bx-power-off:before {
    content: "\ebc8"
}

.bx-printer:before {
    content: "\ebc9"
}

.bx-pulse:before {
    content: "\ebca"
}

.bx-purchase-tag:before {
    content: "\ebcb"
}

.bx-purchase-tag-alt:before {
    content: "\ebcc"
}

.bx-pyramid:before {
    content: "\ebcd"
}

.bx-qr:before {
    content: "\ebce"
}

.bx-qr-scan:before {
    content: "\ebcf"
}

.bx-question-mark:before {
    content: "\ebd0"
}

.bx-radar:before {
    content: "\ebd1"
}

.bx-radio:before {
    content: "\ebd2"
}

.bx-radio-circle:before {
    content: "\ebd3"
}

.bx-radio-circle-marked:before {
    content: "\ebd4"
}

.bx-receipt:before {
    content: "\ebd5"
}

.bx-rectangle:before {
    content: "\ebd6"
}

.bx-recycle:before {
    content: "\ebd7"
}

.bx-redo:before {
    content: "\ebd8"
}

.bx-refresh:before {
    content: "\ebd9"
}

.bx-registered:before {
    content: "\ebda"
}

.bx-rename:before {
    content: "\ebdb"
}

.bx-repeat:before {
    content: "\ebdc"
}

.bx-reply:before {
    content: "\ef5f"
}

.bx-reply-all:before {
    content: "\ebde"
}

.bx-repost:before {
    content: "\ebdf"
}

.bx-reset:before {
    content: "\ebe0"
}

.bx-restaurant:before {
    content: "\ebe1"
}

.bx-revision:before {
    content: "\ebe2"
}

.bx-rewind:before {
    content: "\ebe3"
}

.bx-rewind-circle:before {
    content: "\ebe4"
}

.bx-right-arrow:before {
    content: "\ebe5"
}

.bx-right-arrow-alt:before {
    content: "\ebe6"
}

.bx-right-arrow-circle:before {
    content: "\ebe7"
}

.bx-right-down-arrow-circle:before {
    content: "\ebe8"
}

.bx-right-indent:before {
    content: "\ebe9"
}

.bx-right-top-arrow-circle:before {
    content: "\ebea"
}

.bx-rocket:before {
    content: "\ebeb"
}

.bx-rotate-left:before {
    content: "\ebec"
}

.bx-rotate-right:before {
    content: "\ebed"
}

.bx-rss:before {
    content: "\ebee"
}

.bx-ruble:before {
    content: "\ebef"
}

.bx-ruler:before {
    content: "\ebf0"
}

.bx-run:before {
    content: "\ebf1"
}

.bx-rupee:before {
    content: "\ebf2"
}

.bx-sad:before {
    content: "\ebf3"
}

.bx-save:before {
    content: "\ebf4"
}

.bx-scan:before {
    content: "\ebf5"
}

.bx-screenshot:before {
    content: "\ef60"
}

.bx-search:before {
    content: "\ebf7"
}

.bx-search-alt:before {
    content: "\ebf8"
}

.bx-search-alt-2:before {
    content: "\ebf9"
}

.bx-selection:before {
    content: "\ebfa"
}

.bx-select-multiple:before {
    content: "\ebfb"
}

.bx-send:before {
    content: "\ebfc"
}

.bx-server:before {
    content: "\ebfd"
}

.bx-shape-circle:before {
    content: "\ebfe"
}

.bx-shape-polygon:before {
    content: "\ebff"
}

.bx-shape-square:before {
    content: "\ec00"
}

.bx-shape-triangle:before {
    content: "\ec01"
}

.bx-share:before {
    content: "\ec02"
}

.bx-share-alt:before {
    content: "\ec03"
}

.bx-shekel:before {
    content: "\ec04"
}

.bx-shield:before {
    content: "\ec05"
}

.bx-shield-alt:before {
    content: "\ec06"
}

.bx-shield-alt-2:before {
    content: "\ec07"
}

.bx-shield-quarter:before {
    content: "\ec08"
}

.bx-shield-x:before {
    content: "\ec09"
}

.bx-shocked:before {
    content: "\ec0a"
}

.bx-shopping-bag:before {
    content: "\ec0b"
}

.bx-show:before {
    content: "\ec0c"
}

.bx-show-alt:before {
    content: "\ec0d"
}

.bx-shuffle:before {
    content: "\ec0e"
}

.bx-sidebar:before {
    content: "\ec0f"
}

.bx-sitemap:before {
    content: "\ec10"
}

.bx-skip-next:before {
    content: "\ec11"
}

.bx-skip-next-circle:before {
    content: "\ec12"
}

.bx-skip-previous:before {
    content: "\ec13"
}

.bx-skip-previous-circle:before {
    content: "\ec14"
}

.bx-sleepy:before {
    content: "\ec15"
}

.bx-slider:before {
    content: "\ec16"
}

.bx-slider-alt:before {
    content: "\ec17"
}

.bx-slideshow:before {
    content: "\ec18"
}

.bx-smile:before {
    content: "\ec19"
}

.bx-sort:before {
    content: "\ec1a"
}

.bx-sort-alt-2:before {
    content: "\ec1b"
}

.bx-sort-a-z:before {
    content: "\ec1c"
}

.bx-sort-down:before {
    content: "\ec1d"
}

.bx-sort-up:before {
    content: "\ec1e"
}

.bx-sort-z-a:before {
    content: "\ec1f"
}

.bx-spa:before {
    content: "\ec20"
}

.bx-space-bar:before {
    content: "\ec21"
}

.bx-speaker:before {
    content: "\ec22"
}

.bx-spray-can:before {
    content: "\ec23"
}

.bx-spreadsheet:before {
    content: "\ec24"
}

.bx-square:before {
    content: "\ec25"
}

.bx-square-rounded:before {
    content: "\ec26"
}

.bx-star:before {
    content: "\ec27"
}

.bx-station:before {
    content: "\ec28"
}

.bx-stats:before {
    content: "\ec29"
}

.bx-sticker:before {
    content: "\ec2a"
}

.bx-stop:before {
    content: "\ec2b"
}

.bx-stop-circle:before {
    content: "\ec2c"
}

.bx-stopwatch:before {
    content: "\ec2d"
}

.bx-store:before {
    content: "\ec2e"
}

.bx-store-alt:before {
    content: "\ec2f"
}

.bx-street-view:before {
    content: "\ec30"
}

.bx-strikethrough:before {
    content: "\ec31"
}

.bx-subdirectory-left:before {
    content: "\ec32"
}

.bx-subdirectory-right:before {
    content: "\ec33"
}

.bx-sun:before {
    content: "\ec34"
}

.bx-support:before {
    content: "\ec35"
}

.bx-swim:before {
    content: "\ec36"
}

.bx-sync:before {
    content: "\ec37"
}

.bx-tab:before {
    content: "\ec38"
}

.bx-table:before {
    content: "\ec39"
}

.bx-tachometer:before {
    content: "\ec3a"
}

.bx-tag:before {
    content: "\ec3b"
}

.bx-tag-alt:before {
    content: "\ec3c"
}

.bx-target-lock:before {
    content: "\ec3d"
}

.bx-task:before {
    content: "\ec3e"
}

.bx-task-x:before {
    content: "\ec3f"
}

.bx-taxi:before {
    content: "\ec40"
}

.bx-tennis-ball:before {
    content: "\ec41"
}

.bx-terminal:before {
    content: "\ec42"
}

.bx-test-tube:before {
    content: "\ec43"
}

.bx-text:before {
    content: "\ec44"
}

.bx-time:before {
    content: "\ec45"
}

.bx-time-five:before {
    content: "\ec46"
}

.bx-timer:before {
    content: "\ec47"
}

.bx-tired:before {
    content: "\ec48"
}

.bx-toggle-left:before {
    content: "\ec49"
}

.bx-toggle-right:before {
    content: "\ec4a"
}

.bx-tone:before {
    content: "\ec4b"
}

.bx-traffic-cone:before {
    content: "\ec4c"
}

.bx-train:before {
    content: "\ec4d"
}

.bx-transfer:before {
    content: "\ec4e"
}

.bx-transfer-alt:before {
    content: "\ec4f"
}

.bx-trash:before {
    content: "\ec50"
}

.bx-trash-alt:before {
    content: "\ec51"
}

.bx-trending-down:before {
    content: "\ec52"
}

.bx-trending-up:before {
    content: "\ec53"
}

.bx-trim:before {
    content: "\ec54"
}

.bx-trip:before {
    content: "\ec55"
}

.bx-trophy:before {
    content: "\ec56"
}

.bx-tv:before {
    content: "\ec57"
}

.bx-underline:before {
    content: "\ec58"
}

.bx-undo:before {
    content: "\ec59"
}

.bx-unite:before {
    content: "\ec5a"
}

.bx-unlink:before {
    content: "\ec5b"
}

.bx-up-arrow:before {
    content: "\ec5c"
}

.bx-up-arrow-alt:before {
    content: "\ec5d"
}

.bx-up-arrow-circle:before {
    content: "\ec5e"
}

.bx-upload:before {
    content: "\ec5f"
}

.bx-upside-down:before {
    content: "\ec60"
}

.bx-upvote:before {
    content: "\ec61"
}

.bx-usb:before {
    content: "\ec62"
}

.bx-user:before {
    content: "\ec63"
}

.bx-user-check:before {
    content: "\ec64"
}

.bx-user-circle:before {
    content: "\ec65"
}

.bx-user-minus:before {
    content: "\ec66"
}

.bx-user-pin:before {
    content: "\ec67"
}

.bx-user-plus:before {
    content: "\ec68"
}

.bx-user-voice:before {
    content: "\ec69"
}

.bx-user-x:before {
    content: "\ec6a"
}

.bx-vector:before {
    content: "\ec6b"
}

.bx-vertical-center:before {
    content: "\ec6c"
}

.bx-vial:before {
    content: "\ec6d"
}

.bx-video:before {
    content: "\ec6e"
}

.bx-video-off:before {
    content: "\ec6f"
}

.bx-video-plus:before {
    content: "\ec70"
}

.bx-video-recording:before {
    content: "\ec71"
}

.bx-voicemail:before {
    content: "\ec72"
}

.bx-volume:before {
    content: "\ec73"
}

.bx-volume-full:before {
    content: "\ec74"
}

.bx-volume-low:before {
    content: "\ec75"
}

.bx-volume-mute:before {
    content: "\ec76"
}

.bx-walk:before {
    content: "\ec77"
}

.bx-wallet:before {
    content: "\ec78"
}

.bx-wallet-alt:before {
    content: "\ec79"
}

.bx-water:before {
    content: "\ec7a"
}

.bx-webcam:before {
    content: "\ec7b"
}

.bx-wifi:before {
    content: "\ec7c"
}

.bx-wifi-0:before {
    content: "\ec7d"
}

.bx-wifi-1:before {
    content: "\ec7e"
}

.bx-wifi-2:before {
    content: "\ec7f"
}

.bx-wifi-off:before {
    content: "\ec80"
}

.bx-wind:before {
    content: "\ec81"
}

.bx-window:before {
    content: "\ec82"
}

.bx-window-alt:before {
    content: "\ec83"
}

.bx-window-close:before {
    content: "\ec84"
}

.bx-window-open:before {
    content: "\ec85"
}

.bx-windows:before {
    content: "\ec86"
}

.bx-wine:before {
    content: "\ec87"
}

.bx-wink-smile:before {
    content: "\ec88"
}

.bx-wink-tongue:before {
    content: "\ec89"
}

.bx-won:before {
    content: "\ec8a"
}

.bx-world:before {
    content: "\ec8b"
}

.bx-wrench:before {
    content: "\ec8c"
}

.bx-x:before {
    content: "\ec8d"
}

.bx-x-circle:before {
    content: "\ec8e"
}

.bx-yen:before {
    content: "\ec8f"
}

.bx-zoom-in:before {
    content: "\ec90"
}

.bx-zoom-out:before {
    content: "\ec91"
}

.bxs-party:before {
    content: "\ec92"
}

.bxs-hot:before {
    content: "\ec93"
}

.bxs-droplet:before {
    content: "\ec94"
}

.bxs-cat:before {
    content: "\ec95"
}

.bxs-dog:before {
    content: "\ec96"
}

.bxs-injection:before {
    content: "\ec97"
}

.bxs-leaf:before {
    content: "\ec98"
}

.bxs-add-to-queue:before {
    content: "\ec99"
}

.bxs-adjust:before {
    content: "\ec9a"
}

.bxs-adjust-alt:before {
    content: "\ec9b"
}

.bxs-alarm:before {
    content: "\ec9c"
}

.bxs-alarm-add:before {
    content: "\ec9d"
}

.bxs-alarm-exclamation:before {
    content: "\ec9e"
}

.bxs-alarm-off:before {
    content: "\ec9f"
}

.bxs-alarm-snooze:before {
    content: "\eca0"
}

.bxs-album:before {
    content: "\eca1"
}

.bxs-ambulance:before {
    content: "\eca2"
}

.bxs-analyse:before {
    content: "\eca3"
}

.bxs-angry:before {
    content: "\eca4"
}

.bxs-arch:before {
    content: "\eca5"
}

.bxs-archive:before {
    content: "\eca6"
}

.bxs-archive-in:before {
    content: "\eca7"
}

.bxs-archive-out:before {
    content: "\eca8"
}

.bxs-area:before {
    content: "\eca9"
}

.bxs-arrow-from-bottom:before {
    content: "\ecaa"
}

.bxs-arrow-from-left:before {
    content: "\ecab"
}

.bxs-arrow-from-right:before {
    content: "\ecac"
}

.bxs-arrow-from-top:before {
    content: "\ecad"
}

.bxs-arrow-to-bottom:before {
    content: "\ecae"
}

.bxs-arrow-to-left:before {
    content: "\ecaf"
}

.bxs-arrow-to-right:before {
    content: "\ecb0"
}

.bxs-arrow-to-top:before {
    content: "\ecb1"
}

.bxs-award:before {
    content: "\ecb2"
}

.bxs-baby-carriage:before {
    content: "\ecb3"
}

.bxs-backpack:before {
    content: "\ecb4"
}

.bxs-badge:before {
    content: "\ecb5"
}

.bxs-badge-check:before {
    content: "\ecb6"
}

.bxs-badge-dollar:before {
    content: "\ecb7"
}

.bxs-ball:before {
    content: "\ecb8"
}

.bxs-band-aid:before {
    content: "\ecb9"
}

.bxs-bank:before {
    content: "\ecba"
}

.bxs-bar-chart-alt-2:before {
    content: "\ecbb"
}

.bxs-bar-chart-square:before {
    content: "\ecbc"
}

.bxs-barcode:before {
    content: "\ecbd"
}

.bxs-baseball:before {
    content: "\ecbe"
}

.bxs-basket:before {
    content: "\ecbf"
}

.bxs-basketball:before {
    content: "\ecc0"
}

.bxs-bath:before {
    content: "\ecc1"
}

.bxs-battery:before {
    content: "\ecc2"
}

.bxs-battery-charging:before {
    content: "\ecc3"
}

.bxs-battery-full:before {
    content: "\ecc4"
}

.bxs-battery-low:before {
    content: "\ecc5"
}

.bxs-bed:before {
    content: "\ecc6"
}

.bxs-been-here:before {
    content: "\ecc7"
}

.bxs-beer:before {
    content: "\ecc8"
}

.bxs-bell:before {
    content: "\ecc9"
}

.bxs-bell-minus:before {
    content: "\ecca"
}

.bxs-bell-off:before {
    content: "\eccb"
}

.bxs-bell-plus:before {
    content: "\eccc"
}

.bxs-bell-ring:before {
    content: "\eccd"
}

.bxs-bible:before {
    content: "\ecce"
}

.bxs-binoculars:before {
    content: "\eccf"
}

.bxs-blanket:before {
    content: "\ecd0"
}

.bxs-bolt:before {
    content: "\ecd1"
}

.bxs-bolt-circle:before {
    content: "\ecd2"
}

.bxs-bomb:before {
    content: "\ecd3"
}

.bxs-bone:before {
    content: "\ecd4"
}

.bxs-bong:before {
    content: "\ecd5"
}

.bxs-book:before {
    content: "\ecd6"
}

.bxs-book-add:before {
    content: "\ecd7"
}

.bxs-book-alt:before {
    content: "\ecd8"
}

.bxs-book-bookmark:before {
    content: "\ecd9"
}

.bxs-book-content:before {
    content: "\ecda"
}

.bxs-book-heart:before {
    content: "\ecdb"
}

.bxs-bookmark:before {
    content: "\ecdc"
}

.bxs-bookmark-alt:before {
    content: "\ecdd"
}

.bxs-bookmark-alt-minus:before {
    content: "\ecde"
}

.bxs-bookmark-alt-plus:before {
    content: "\ecdf"
}

.bxs-bookmark-heart:before {
    content: "\ece0"
}

.bxs-bookmark-minus:before {
    content: "\ece1"
}

.bxs-bookmark-plus:before {
    content: "\ece2"
}

.bxs-bookmarks:before {
    content: "\ece3"
}

.bxs-bookmark-star:before {
    content: "\ece4"
}

.bxs-book-open:before {
    content: "\ece5"
}

.bxs-book-reader:before {
    content: "\ece6"
}

.bxs-bot:before {
    content: "\ece7"
}

.bxs-bowling-ball:before {
    content: "\ece8"
}

.bxs-box:before {
    content: "\ece9"
}

.bxs-brain:before {
    content: "\ecea"
}

.bxs-briefcase:before {
    content: "\eceb"
}

.bxs-briefcase-alt:before {
    content: "\ecec"
}

.bxs-briefcase-alt-2:before {
    content: "\eced"
}

.bxs-brightness:before {
    content: "\ecee"
}

.bxs-brightness-half:before {
    content: "\ecef"
}

.bxs-brush:before {
    content: "\ecf0"
}

.bxs-brush-alt:before {
    content: "\ecf1"
}

.bxs-bug:before {
    content: "\ecf2"
}

.bxs-bug-alt:before {
    content: "\ecf3"
}

.bxs-building:before {
    content: "\ecf4"
}

.bxs-building-house:before {
    content: "\ecf5"
}

.bxs-buildings:before {
    content: "\ecf6"
}

.bxs-bulb:before {
    content: "\ecf7"
}

.bxs-bullseye:before {
    content: "\ecf8"
}

.bxs-buoy:before {
    content: "\ecf9"
}

.bxs-bus:before {
    content: "\ecfa"
}

.bxs-business:before {
    content: "\ecfb"
}

.bxs-bus-school:before {
    content: "\ecfc"
}

.bxs-cabinet:before {
    content: "\ecfd"
}

.bxs-cake:before {
    content: "\ecfe"
}

.bxs-calculator:before {
    content: "\ecff"
}

.bxs-calendar:before {
    content: "\ed00"
}

.bxs-calendar-alt:before {
    content: "\ed01"
}

.bxs-calendar-check:before {
    content: "\ed02"
}

.bxs-calendar-edit:before {
    content: "\ed03"
}

.bxs-calendar-event:before {
    content: "\ed04"
}

.bxs-calendar-exclamation:before {
    content: "\ed05"
}

.bxs-calendar-heart:before {
    content: "\ed06"
}

.bxs-calendar-minus:before {
    content: "\ed07"
}

.bxs-calendar-plus:before {
    content: "\ed08"
}

.bxs-calendar-star:before {
    content: "\ed09"
}

.bxs-calendar-week:before {
    content: "\ed0a"
}

.bxs-calendar-x:before {
    content: "\ed0b"
}

.bxs-camera:before {
    content: "\ed0c"
}

.bxs-camera-home:before {
    content: "\ed0d"
}

.bxs-camera-movie:before {
    content: "\ed0e"
}

.bxs-camera-off:before {
    content: "\ed0f"
}

.bxs-camera-plus:before {
    content: "\ed10"
}

.bxs-capsule:before {
    content: "\ed11"
}

.bxs-captions:before {
    content: "\ed12"
}

.bxs-car:before {
    content: "\ed13"
}

.bxs-car-battery:before {
    content: "\ed14"
}

.bxs-car-crash:before {
    content: "\ed15"
}

.bxs-card:before {
    content: "\ed16"
}

.bxs-caret-down-circle:before {
    content: "\ed17"
}

.bxs-caret-down-square:before {
    content: "\ed18"
}

.bxs-caret-left-circle:before {
    content: "\ed19"
}

.bxs-caret-left-square:before {
    content: "\ed1a"
}

.bxs-caret-right-circle:before {
    content: "\ed1b"
}

.bxs-caret-right-square:before {
    content: "\ed1c"
}

.bxs-caret-up-circle:before {
    content: "\ed1d"
}

.bxs-caret-up-square:before {
    content: "\ed1e"
}

.bxs-car-garage:before {
    content: "\ed1f"
}

.bxs-car-mechanic:before {
    content: "\ed20"
}

.bxs-carousel:before {
    content: "\ed21"
}

.bxs-cart:before {
    content: "\ed22"
}

.bxs-cart-add:before {
    content: "\ed23"
}

.bxs-cart-alt:before {
    content: "\ed24"
}

.bxs-cart-download:before {
    content: "\ed25"
}

.bxs-car-wash:before {
    content: "\ed26"
}

.bxs-category:before {
    content: "\ed27"
}

.bxs-category-alt:before {
    content: "\ed28"
}

.bxs-cctv:before {
    content: "\ed29"
}

.bxs-certification:before {
    content: "\ed2a"
}

.bxs-chalkboard:before {
    content: "\ed2b"
}

.bxs-chart:before {
    content: "\ed2c"
}

.bxs-chat:before {
    content: "\ed2d"
}

.bxs-checkbox:before {
    content: "\ed2e"
}

.bxs-checkbox-checked:before {
    content: "\ed2f"
}

.bxs-checkbox-minus:before {
    content: "\ed30"
}

.bxs-check-circle:before {
    content: "\ed31"
}

.bxs-check-shield:before {
    content: "\ed32"
}

.bxs-check-square:before {
    content: "\ed33"
}

.bxs-chess:before {
    content: "\ed34"
}

.bxs-chevron-down:before {
    content: "\ed35"
}

.bxs-chevron-down-circle:before {
    content: "\ed36"
}

.bxs-chevron-down-square:before {
    content: "\ed37"
}

.bxs-chevron-left:before {
    content: "\ed38"
}

.bxs-chevron-left-circle:before {
    content: "\ed39"
}

.bxs-chevron-left-square:before {
    content: "\ed3a"
}

.bxs-chevron-right:before {
    content: "\ed3b"
}

.bxs-chevron-right-circle:before {
    content: "\ed3c"
}

.bxs-chevron-right-square:before {
    content: "\ed3d"
}

.bxs-chevrons-down:before {
    content: "\ed3e"
}

.bxs-chevrons-left:before {
    content: "\ed3f"
}

.bxs-chevrons-right:before {
    content: "\ed40"
}

.bxs-chevrons-up:before {
    content: "\ed41"
}

.bxs-chevron-up:before {
    content: "\ed42"
}

.bxs-chevron-up-circle:before {
    content: "\ed43"
}

.bxs-chevron-up-square:before {
    content: "\ed44"
}

.bxs-chip:before {
    content: "\ed45"
}

.bxs-church:before {
    content: "\ed46"
}

.bxs-circle:before {
    content: "\ed47"
}

.bxs-city:before {
    content: "\ed48"
}

.bxs-clinic:before {
    content: "\ed49"
}

.bxs-cloud:before {
    content: "\ed4a"
}

.bxs-cloud-download:before {
    content: "\ed4b"
}

.bxs-cloud-lightning:before {
    content: "\ed4c"
}

.bxs-cloud-rain:before {
    content: "\ed4d"
}

.bxs-cloud-upload:before {
    content: "\ed4e"
}

.bxs-coffee:before {
    content: "\ed4f"
}

.bxs-coffee-alt:before {
    content: "\ed50"
}

.bxs-coffee-togo:before {
    content: "\ed51"
}

.bxs-cog:before {
    content: "\ed52"
}

.bxs-coin:before {
    content: "\ed53"
}

.bxs-coin-stack:before {
    content: "\ed54"
}

.bxs-collection:before {
    content: "\ed55"
}

.bxs-color-fill:before {
    content: "\ed56"
}

.bxs-comment:before {
    content: "\ed57"
}

.bxs-comment-add:before {
    content: "\ed58"
}

.bxs-comment-check:before {
    content: "\ed59"
}

.bxs-comment-detail:before {
    content: "\ed5a"
}

.bxs-comment-dots:before {
    content: "\ed5b"
}

.bxs-comment-edit:before {
    content: "\ed5c"
}

.bxs-comment-error:before {
    content: "\ed5d"
}

.bxs-comment-minus:before {
    content: "\ed5e"
}

.bxs-comment-x:before {
    content: "\ed5f"
}

.bxs-compass:before {
    content: "\ed60"
}

.bxs-component:before {
    content: "\ed61"
}

.bxs-confused:before {
    content: "\ed62"
}

.bxs-contact:before {
    content: "\ed63"
}

.bxs-conversation:before {
    content: "\ed64"
}

.bxs-cookie:before {
    content: "\ed65"
}

.bxs-cool:before {
    content: "\ed66"
}

.bxs-copy:before {
    content: "\ed67"
}

.bxs-copy-alt:before {
    content: "\ed68"
}

.bxs-copyright:before {
    content: "\ed69"
}

.bxs-coupon:before {
    content: "\ed6a"
}

.bxs-credit-card:before {
    content: "\ed6b"
}

.bxs-credit-card-alt:before {
    content: "\ed6c"
}

.bxs-credit-card-front:before {
    content: "\ed6d"
}

.bxs-crop:before {
    content: "\ed6e"
}

.bxs-crown:before {
    content: "\ed6f"
}

.bxs-cube:before {
    content: "\ed70"
}

.bxs-cube-alt:before {
    content: "\ed71"
}

.bxs-cuboid:before {
    content: "\ed72"
}

.bxs-customize:before {
    content: "\ed73"
}

.bxs-cylinder:before {
    content: "\ed74"
}

.bxs-dashboard:before {
    content: "\ed75"
}

.bxs-data:before {
    content: "\ed76"
}

.bxs-detail:before {
    content: "\ed77"
}

.bxs-devices:before {
    content: "\ed78"
}

.bxs-diamond:before {
    content: "\ed79"
}

.bxs-dice-1:before {
    content: "\ed7a"
}

.bxs-dice-2:before {
    content: "\ed7b"
}

.bxs-dice-3:before {
    content: "\ed7c"
}

.bxs-dice-4:before {
    content: "\ed7d"
}

.bxs-dice-5:before {
    content: "\ed7e"
}

.bxs-dice-6:before {
    content: "\ed7f"
}

.bxs-direction-left:before {
    content: "\ed80"
}

.bxs-direction-right:before {
    content: "\ed81"
}

.bxs-directions:before {
    content: "\ed82"
}

.bxs-disc:before {
    content: "\ed83"
}

.bxs-discount:before {
    content: "\ed84"
}

.bxs-dish:before {
    content: "\ed85"
}

.bxs-dislike:before {
    content: "\ed86"
}

.bxs-dizzy:before {
    content: "\ed87"
}

.bxs-dock-bottom:before {
    content: "\ed88"
}

.bxs-dock-left:before {
    content: "\ed89"
}

.bxs-dock-right:before {
    content: "\ed8a"
}

.bxs-dock-top:before {
    content: "\ed8b"
}

.bxs-dollar-circle:before {
    content: "\ed8c"
}

.bxs-donate-blood:before {
    content: "\ed8d"
}

.bxs-donate-heart:before {
    content: "\ed8e"
}

.bxs-door-open:before {
    content: "\ed8f"
}

.bxs-doughnut-chart:before {
    content: "\ed90"
}

.bxs-down-arrow:before {
    content: "\ed91"
}

.bxs-down-arrow-alt:before {
    content: "\ed92"
}

.bxs-down-arrow-circle:before {
    content: "\ed93"
}

.bxs-down-arrow-square:before {
    content: "\ed94"
}

.bxs-download:before {
    content: "\ed95"
}

.bxs-downvote:before {
    content: "\ed96"
}

.bxs-drink:before {
    content: "\ed97"
}

.bxs-droplet-half:before {
    content: "\ed98"
}

.bxs-dryer:before {
    content: "\ed99"
}

.bxs-duplicate:before {
    content: "\ed9a"
}

.bxs-edit:before {
    content: "\ed9b"
}

.bxs-edit-alt:before {
    content: "\ed9c"
}

.bxs-edit-location:before {
    content: "\ed9d"
}

.bxs-eject:before {
    content: "\ed9e"
}

.bxs-envelope:before {
    content: "\ed9f"
}

.bxs-envelope-open:before {
    content: "\eda0"
}

.bxs-eraser:before {
    content: "\eda1"
}

.bxs-error:before {
    content: "\eda2"
}

.bxs-error-alt:before {
    content: "\eda3"
}

.bxs-error-circle:before {
    content: "\eda4"
}

.bxs-ev-station:before {
    content: "\eda5"
}

.bxs-exit:before {
    content: "\eda6"
}

.bxs-extension:before {
    content: "\eda7"
}

.bxs-eyedropper:before {
    content: "\eda8"
}

.bxs-face:before {
    content: "\eda9"
}

.bxs-face-mask:before {
    content: "\edaa"
}

.bxs-factory:before {
    content: "\edab"
}

.bxs-fast-forward-circle:before {
    content: "\edac"
}

.bxs-file:before {
    content: "\edad"
}

.bxs-file-archive:before {
    content: "\edae"
}

.bxs-file-blank:before {
    content: "\edaf"
}

.bxs-file-css:before {
    content: "\edb0"
}

.bxs-file-doc:before {
    content: "\edb1"
}

.bxs-file-export:before {
    content: "\edb2"
}

.bxs-file-find:before {
    content: "\edb3"
}

.bxs-file-gif:before {
    content: "\edb4"
}

.bxs-file-html:before {
    content: "\edb5"
}

.bxs-file-image:before {
    content: "\edb6"
}

.bxs-file-import:before {
    content: "\edb7"
}

.bxs-file-jpg:before {
    content: "\edb8"
}

.bxs-file-js:before {
    content: "\edb9"
}

.bxs-file-json:before {
    content: "\edba"
}

.bxs-file-md:before {
    content: "\edbb"
}

.bxs-file-pdf:before {
    content: "\edbc"
}

.bxs-file-plus:before {
    content: "\edbd"
}

.bxs-file-png:before {
    content: "\edbe"
}

.bxs-file-txt:before {
    content: "\edbf"
}

.bxs-film:before {
    content: "\edc0"
}

.bxs-filter-alt:before {
    content: "\edc1"
}

.bxs-first-aid:before {
    content: "\edc2"
}

.bxs-flag:before {
    content: "\edc3"
}

.bxs-flag-alt:before {
    content: "\edc4"
}

.bxs-flag-checkered:before {
    content: "\edc5"
}

.bxs-flame:before {
    content: "\edc6"
}

.bxs-flask:before {
    content: "\edc7"
}

.bxs-florist:before {
    content: "\edc8"
}

.bxs-folder:before {
    content: "\edc9"
}

.bxs-folder-minus:before {
    content: "\edca"
}

.bxs-folder-open:before {
    content: "\edcb"
}

.bxs-folder-plus:before {
    content: "\edcc"
}

.bxs-food-menu:before {
    content: "\edcd"
}

.bxs-fridge:before {
    content: "\edce"
}

.bxs-game:before {
    content: "\edcf"
}

.bxs-gas-pump:before {
    content: "\edd0"
}

.bxs-ghost:before {
    content: "\edd1"
}

.bxs-gift:before {
    content: "\edd2"
}

.bxs-graduation:before {
    content: "\edd3"
}

.bxs-grid:before {
    content: "\edd4"
}

.bxs-grid-alt:before {
    content: "\edd5"
}

.bxs-group:before {
    content: "\edd6"
}

.bxs-guitar-amp:before {
    content: "\edd7"
}

.bxs-hand:before {
    content: "\edd8"
}

.bxs-hand-down:before {
    content: "\edd9"
}

.bxs-hand-left:before {
    content: "\edda"
}

.bxs-hand-right:before {
    content: "\eddb"
}

.bxs-hand-up:before {
    content: "\eddc"
}

.bxs-happy:before {
    content: "\eddd"
}

.bxs-happy-alt:before {
    content: "\edde"
}

.bxs-happy-beaming:before {
    content: "\eddf"
}

.bxs-happy-heart-eyes:before {
    content: "\ede0"
}

.bxs-hdd:before {
    content: "\ede1"
}

.bxs-heart:before {
    content: "\ede2"
}

.bxs-heart-circle:before {
    content: "\ede3"
}

.bxs-heart-square:before {
    content: "\ede4"
}

.bxs-help-circle:before {
    content: "\ede5"
}

.bxs-hide:before {
    content: "\ede6"
}

.bxs-home:before {
    content: "\ede7"
}

.bxs-home-circle:before {
    content: "\ede8"
}

.bxs-home-heart:before {
    content: "\ede9"
}

.bxs-home-smile:before {
    content: "\edea"
}

.bxs-hotel:before {
    content: "\edeb"
}

.bxs-hourglass:before {
    content: "\edec"
}

.bxs-hourglass-bottom:before {
    content: "\eded"
}

.bxs-hourglass-top:before {
    content: "\edee"
}

.bxs-id-card:before {
    content: "\edef"
}

.bxs-image:before {
    content: "\edf0"
}

.bxs-image-add:before {
    content: "\edf1"
}

.bxs-image-alt:before {
    content: "\edf2"
}

.bxs-inbox:before {
    content: "\edf3"
}

.bxs-info-circle:before {
    content: "\edf4"
}

.bxs-info-square:before {
    content: "\edf5"
}

.bxs-institution:before {
    content: "\edf6"
}

.bxs-joystick:before {
    content: "\edf7"
}

.bxs-joystick-alt:before {
    content: "\edf8"
}

.bxs-joystick-button:before {
    content: "\edf9"
}

.bxs-key:before {
    content: "\edfa"
}

.bxs-keyboard:before {
    content: "\edfb"
}

.bxs-label:before {
    content: "\edfc"
}

.bxs-landmark:before {
    content: "\edfd"
}

.bxs-landscape:before {
    content: "\edfe"
}

.bxs-laugh:before {
    content: "\edff"
}

.bxs-layer:before {
    content: "\ee00"
}

.bxs-layer-minus:before {
    content: "\ee01"
}

.bxs-layer-plus:before {
    content: "\ee02"
}

.bxs-layout:before {
    content: "\ee03"
}

.bxs-left-arrow:before {
    content: "\ee04"
}

.bxs-left-arrow-alt:before {
    content: "\ee05"
}

.bxs-left-arrow-circle:before {
    content: "\ee06"
}

.bxs-left-arrow-square:before {
    content: "\ee07"
}

.bxs-left-down-arrow-circle:before {
    content: "\ee08"
}

.bxs-left-top-arrow-circle:before {
    content: "\ee09"
}

.bxs-like:before {
    content: "\ee0a"
}

.bxs-location-plus:before {
    content: "\ee0b"
}

.bxs-lock:before {
    content: "\ee0c"
}

.bxs-lock-alt:before {
    content: "\ee0d"
}

.bxs-lock-open:before {
    content: "\ee0e"
}

.bxs-lock-open-alt:before {
    content: "\ee0f"
}

.bxs-log-in:before {
    content: "\ee10"
}

.bxs-log-in-circle:before {
    content: "\ee11"
}

.bxs-log-out:before {
    content: "\ee12"
}

.bxs-log-out-circle:before {
    content: "\ee13"
}

.bxs-low-vision:before {
    content: "\ee14"
}

.bxs-magic-wand:before {
    content: "\ee15"
}

.bxs-magnet:before {
    content: "\ee16"
}

.bxs-map:before {
    content: "\ee17"
}

.bxs-map-alt:before {
    content: "\ee18"
}

.bxs-map-pin:before {
    content: "\ee19"
}

.bxs-mask:before {
    content: "\ee1a"
}

.bxs-medal:before {
    content: "\ee1b"
}

.bxs-megaphone:before {
    content: "\ee1c"
}

.bxs-meh:before {
    content: "\ee1d"
}

.bxs-meh-alt:before {
    content: "\ee1e"
}

.bxs-meh-blank:before {
    content: "\ee1f"
}

.bxs-memory-card:before {
    content: "\ee20"
}

.bxs-message:before {
    content: "\ee21"
}

.bxs-message-add:before {
    content: "\ee22"
}

.bxs-message-alt:before {
    content: "\ee23"
}

.bxs-message-alt-add:before {
    content: "\ee24"
}

.bxs-message-alt-check:before {
    content: "\ee25"
}

.bxs-message-alt-detail:before {
    content: "\ee26"
}

.bxs-message-alt-dots:before {
    content: "\ee27"
}

.bxs-message-alt-edit:before {
    content: "\ee28"
}

.bxs-message-alt-error:before {
    content: "\ee29"
}

.bxs-message-alt-minus:before {
    content: "\ee2a"
}

.bxs-message-alt-x:before {
    content: "\ee2b"
}

.bxs-message-check:before {
    content: "\ee2c"
}

.bxs-message-detail:before {
    content: "\ee2d"
}

.bxs-message-dots:before {
    content: "\ee2e"
}

.bxs-message-edit:before {
    content: "\ee2f"
}

.bxs-message-error:before {
    content: "\ee30"
}

.bxs-message-minus:before {
    content: "\ee31"
}

.bxs-message-rounded:before {
    content: "\ee32"
}

.bxs-message-rounded-add:before {
    content: "\ee33"
}

.bxs-message-rounded-check:before {
    content: "\ee34"
}

.bxs-message-rounded-detail:before {
    content: "\ee35"
}

.bxs-message-rounded-dots:before {
    content: "\ee36"
}

.bxs-message-rounded-edit:before {
    content: "\ee37"
}

.bxs-message-rounded-error:before {
    content: "\ee38"
}

.bxs-message-rounded-minus:before {
    content: "\ee39"
}

.bxs-message-rounded-x:before {
    content: "\ee3a"
}

.bxs-message-square:before {
    content: "\ee3b"
}

.bxs-message-square-add:before {
    content: "\ee3c"
}

.bxs-message-square-check:before {
    content: "\ee3d"
}

.bxs-message-square-detail:before {
    content: "\ee3e"
}

.bxs-message-square-dots:before {
    content: "\ee3f"
}

.bxs-message-square-edit:before {
    content: "\ee40"
}

.bxs-message-square-error:before {
    content: "\ee41"
}

.bxs-message-square-minus:before {
    content: "\ee42"
}

.bxs-message-square-x:before {
    content: "\ee43"
}

.bxs-message-x:before {
    content: "\ee44"
}

.bxs-meteor:before {
    content: "\ee45"
}

.bxs-microchip:before {
    content: "\ee46"
}

.bxs-microphone:before {
    content: "\ee47"
}

.bxs-microphone-alt:before {
    content: "\ee48"
}

.bxs-microphone-off:before {
    content: "\ee49"
}

.bxs-minus-circle:before {
    content: "\ee4a"
}

.bxs-minus-square:before {
    content: "\ee4b"
}

.bxs-mobile:before {
    content: "\ee4c"
}

.bxs-mobile-vibration:before {
    content: "\ee4d"
}

.bxs-moon:before {
    content: "\ee4e"
}

.bxs-mouse:before {
    content: "\ee4f"
}

.bxs-mouse-alt:before {
    content: "\ee50"
}

.bxs-movie:before {
    content: "\ee51"
}

.bxs-movie-play:before {
    content: "\ee52"
}

.bxs-music:before {
    content: "\ee53"
}

.bxs-navigation:before {
    content: "\ee54"
}

.bxs-network-chart:before {
    content: "\ee55"
}

.bxs-news:before {
    content: "\ee56"
}

.bxs-no-entry:before {
    content: "\ee57"
}

.bxs-note:before {
    content: "\ee58"
}

.bxs-notepad:before {
    content: "\ee59"
}

.bxs-notification:before {
    content: "\ee5a"
}

.bxs-notification-off:before {
    content: "\ee5b"
}

.bxs-offer:before {
    content: "\ee5c"
}

.bxs-package:before {
    content: "\ee5d"
}

.bxs-paint:before {
    content: "\ee5e"
}

.bxs-paint-roll:before {
    content: "\ee5f"
}

.bxs-palette:before {
    content: "\ee60"
}

.bxs-paper-plane:before {
    content: "\ee61"
}

.bxs-parking:before {
    content: "\ee62"
}

.bxs-paste:before {
    content: "\ee63"
}

.bxs-pen:before {
    content: "\ee64"
}

.bxs-pencil:before {
    content: "\ee65"
}

.bxs-phone:before {
    content: "\ee66"
}

.bxs-phone-call:before {
    content: "\ee67"
}

.bxs-phone-incoming:before {
    content: "\ee68"
}

.bxs-phone-off:before {
    content: "\ee69"
}

.bxs-phone-outgoing:before {
    content: "\ee6a"
}

.bxs-photo-album:before {
    content: "\ee6b"
}

.bxs-piano:before {
    content: "\ee6c"
}

.bxs-pie-chart:before {
    content: "\ee6d"
}

.bxs-pie-chart-alt:before {
    content: "\ee6e"
}

.bxs-pie-chart-alt-2:before {
    content: "\ee6f"
}

.bxs-pin:before {
    content: "\ee70"
}

.bxs-pizza:before {
    content: "\ee71"
}

.bxs-plane:before {
    content: "\ee72"
}

.bxs-plane-alt:before {
    content: "\ee73"
}

.bxs-plane-land:before {
    content: "\ee74"
}

.bxs-planet:before {
    content: "\ee75"
}

.bxs-plane-take-off:before {
    content: "\ee76"
}

.bxs-playlist:before {
    content: "\ee77"
}

.bxs-plug:before {
    content: "\ee78"
}

.bxs-plus-circle:before {
    content: "\ee79"
}

.bxs-plus-square:before {
    content: "\ee7a"
}

.bxs-pointer:before {
    content: "\ee7b"
}

.bxs-polygon:before {
    content: "\ee7c"
}

.bxs-printer:before {
    content: "\ee7d"
}

.bxs-purchase-tag:before {
    content: "\ee7e"
}

.bxs-purchase-tag-alt:before {
    content: "\ee7f"
}

.bxs-pyramid:before {
    content: "\ee80"
}

.bxs-quote-alt-left:before {
    content: "\ee81"
}

.bxs-quote-alt-right:before {
    content: "\ee82"
}

.bxs-quote-left:before {
    content: "\ee83"
}

.bxs-quote-right:before {
    content: "\ee84"
}

.bxs-quote-single-left:before {
    content: "\ee85"
}

.bxs-quote-single-right:before {
    content: "\ee86"
}

.bxs-radiation:before {
    content: "\ee87"
}

.bxs-radio:before {
    content: "\ee88"
}

.bxs-receipt:before {
    content: "\ee89"
}

.bxs-rectangle:before {
    content: "\ee8a"
}

.bxs-registered:before {
    content: "\ee8b"
}

.bxs-rename:before {
    content: "\ee8c"
}

.bxs-report:before {
    content: "\ee8d"
}

.bxs-rewind-circle:before {
    content: "\ee8e"
}

.bxs-right-arrow:before {
    content: "\ee8f"
}

.bxs-right-arrow-alt:before {
    content: "\ee90"
}

.bxs-right-arrow-circle:before {
    content: "\ee91"
}

.bxs-right-arrow-square:before {
    content: "\ee92"
}

.bxs-right-down-arrow-circle:before {
    content: "\ee93"
}

.bxs-right-top-arrow-circle:before {
    content: "\ee94"
}

.bxs-rocket:before {
    content: "\ee95"
}

.bxs-ruler:before {
    content: "\ee96"
}

.bxs-sad:before {
    content: "\ee97"
}

.bxs-save:before {
    content: "\ee98"
}

.bxs-school:before {
    content: "\ee99"
}

.bxs-search:before {
    content: "\ee9a"
}

.bxs-search-alt-2:before {
    content: "\ee9b"
}

.bxs-select-multiple:before {
    content: "\ee9c"
}

.bxs-send:before {
    content: "\ee9d"
}

.bxs-server:before {
    content: "\ee9e"
}

.bxs-shapes:before {
    content: "\ee9f"
}

.bxs-share:before {
    content: "\eea0"
}

.bxs-share-alt:before {
    content: "\eea1"
}

.bxs-shield:before {
    content: "\eea2"
}

.bxs-shield-alt-2:before {
    content: "\eea3"
}

.bxs-shield-x:before {
    content: "\eea4"
}

.bxs-ship:before {
    content: "\eea5"
}

.bxs-shocked:before {
    content: "\eea6"
}

.bxs-shopping-bag:before {
    content: "\eea7"
}

.bxs-shopping-bag-alt:before {
    content: "\eea8"
}

.bxs-shopping-bags:before {
    content: "\eea9"
}

.bxs-show:before {
    content: "\eeaa"
}

.bxs-skip-next-circle:before {
    content: "\eeab"
}

.bxs-skip-previous-circle:before {
    content: "\eeac"
}

.bxs-skull:before {
    content: "\eead"
}

.bxs-sleepy:before {
    content: "\eeae"
}

.bxs-slideshow:before {
    content: "\eeaf"
}

.bxs-smile:before {
    content: "\eeb0"
}

.bxs-sort-alt:before {
    content: "\eeb1"
}

.bxs-spa:before {
    content: "\eeb2"
}

.bxs-speaker:before {
    content: "\eeb3"
}

.bxs-spray-can:before {
    content: "\eeb4"
}

.bxs-spreadsheet:before {
    content: "\eeb5"
}

.bxs-square:before {
    content: "\eeb6"
}

.bxs-square-rounded:before {
    content: "\eeb7"
}

.bxs-star:before {
    content: "\eeb8"
}

.bxs-star-half:before {
    content: "\eeb9"
}

.bxs-sticker:before {
    content: "\eeba"
}

.bxs-stopwatch:before {
    content: "\eebb"
}

.bxs-store:before {
    content: "\eebc"
}

.bxs-store-alt:before {
    content: "\eebd"
}

.bxs-sun:before {
    content: "\eebe"
}

.bxs-tachometer:before {
    content: "\eebf"
}

.bxs-tag:before {
    content: "\eec0"
}

.bxs-tag-alt:before {
    content: "\eec1"
}

.bxs-tag-x:before {
    content: "\eec2"
}

.bxs-taxi:before {
    content: "\eec3"
}

.bxs-tennis-ball:before {
    content: "\eec4"
}

.bxs-terminal:before {
    content: "\eec5"
}

.bxs-thermometer:before {
    content: "\eec6"
}

.bxs-time:before {
    content: "\eec7"
}

.bxs-time-five:before {
    content: "\eec8"
}

.bxs-timer:before {
    content: "\eec9"
}

.bxs-tired:before {
    content: "\eeca"
}

.bxs-toggle-left:before {
    content: "\eecb"
}

.bxs-toggle-right:before {
    content: "\eecc"
}

.bxs-tone:before {
    content: "\eecd"
}

.bxs-torch:before {
    content: "\eece"
}

.bxs-to-top:before {
    content: "\eecf"
}

.bxs-traffic:before {
    content: "\eed0"
}

.bxs-traffic-barrier:before {
    content: "\eed1"
}

.bxs-traffic-cone:before {
    content: "\eed2"
}

.bxs-train:before {
    content: "\eed3"
}

.bxs-trash:before {
    content: "\eed4"
}

.bxs-trash-alt:before {
    content: "\eed5"
}

.bxs-tree:before {
    content: "\eed6"
}

.bxs-trophy:before {
    content: "\eed7"
}

.bxs-truck:before {
    content: "\eed8"
}

.bxs-t-shirt:before {
    content: "\eed9"
}

.bxs-tv:before {
    content: "\eeda"
}

.bxs-up-arrow:before {
    content: "\eedb"
}

.bxs-up-arrow-alt:before {
    content: "\eedc"
}

.bxs-up-arrow-circle:before {
    content: "\eedd"
}

.bxs-up-arrow-square:before {
    content: "\eede"
}

.bxs-upside-down:before {
    content: "\eedf"
}

.bxs-upvote:before {
    content: "\eee0"
}

.bxs-user:before {
    content: "\eee1"
}

.bxs-user-account:before {
    content: "\eee2"
}

.bxs-user-badge:before {
    content: "\eee3"
}

.bxs-user-check:before {
    content: "\eee4"
}

.bxs-user-circle:before {
    content: "\eee5"
}

.bxs-user-detail:before {
    content: "\eee6"
}

.bxs-user-minus:before {
    content: "\eee7"
}

.bxs-user-pin:before {
    content: "\eee8"
}

.bxs-user-plus:before {
    content: "\eee9"
}

.bxs-user-rectangle:before {
    content: "\eeea"
}

.bxs-user-voice:before {
    content: "\eeeb"
}

.bxs-user-x:before {
    content: "\eeec"
}

.bxs-vector:before {
    content: "\eeed"
}

.bxs-vial:before {
    content: "\eeee"
}

.bxs-video:before {
    content: "\eeef"
}

.bxs-video-off:before {
    content: "\eef0"
}

.bxs-video-plus:before {
    content: "\eef1"
}

.bxs-video-recording:before {
    content: "\eef2"
}

.bxs-videos:before {
    content: "\eef3"
}

.bxs-virus:before {
    content: "\eef4"
}

.bxs-virus-block:before {
    content: "\eef5"
}

.bxs-volume:before {
    content: "\eef6"
}

.bxs-volume-full:before {
    content: "\eef7"
}

.bxs-volume-low:before {
    content: "\eef8"
}

.bxs-volume-mute:before {
    content: "\eef9"
}

.bxs-wallet:before {
    content: "\eefa"
}

.bxs-wallet-alt:before {
    content: "\eefb"
}

.bxs-washer:before {
    content: "\eefc"
}

.bxs-watch:before {
    content: "\eefd"
}

.bxs-watch-alt:before {
    content: "\eefe"
}

.bxs-webcam:before {
    content: "\eeff"
}

.bxs-widget:before {
    content: "\ef00"
}

.bxs-window-alt:before {
    content: "\ef01"
}

.bxs-wine:before {
    content: "\ef02"
}

.bxs-wink-smile:before {
    content: "\ef03"
}

.bxs-wink-tongue:before {
    content: "\ef04"
}

.bxs-wrench:before {
    content: "\ef05"
}

.bxs-x-circle:before {
    content: "\ef06"
}

.bxs-x-square:before {
    content: "\ef07"
}

.bxs-yin-yang:before {
    content: "\ef08"
}

.bxs-zap:before {
    content: "\ef09"
}

.bxs-zoom-in:before {
    content: "\ef0a"
}

.bxs-zoom-out:before {
    content: "\ef0b"
}

/*!
 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */

.fa {
    font-family: "Font Awesome 6 Free";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: 900;
    font-weight: var(--fa-style, 900);
}

.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
    font-family: 'Font Awesome 6 Free';
}

.fab,
.fa-brands {
    font-family: 'Font Awesome 6 Brands';
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-2xs {
    font-size: 0.625em;
    line-height: 0.1em;
    vertical-align: 0.225em;
}

.fa-xs {
    font-size: 0.75em;
    line-height: 0.08333em;
    vertical-align: 0.125em;
}

.fa-sm {
    font-size: 0.875em;
    line-height: 0.07143em;
    vertical-align: 0.05357em;
}

.fa-lg {
    font-size: 1.25em;
    line-height: 0.05em;
    vertical-align: -0.075em;
}

.fa-xl {
    font-size: 1.5em;
    line-height: 0.04167em;
    vertical-align: -0.125em;
}

.fa-2xl {
    font-size: 2em;
    line-height: 0.03125em;
    vertical-align: -0.1875em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: calc(2em * -1);
    left: calc(var(--fa-li-width, 2em) * -1);
    position: absolute;
    text-align: center;
    width: 2em;
    width: var(--fa-li-width, 2em);
    line-height: inherit;
}

.fa-border {
    border-color: #eee;
    border-color: var(--fa-border-color, #eee);
    border-radius: 0.1em;
    border-radius: var(--fa-border-radius, 0.1em);
    border-style: solid;
    border-style: var(--fa-border-style, solid);
    border-width: 0.08em;
    border-width: var(--fa-border-width, 0.08em);
    padding: 0.2em 0.25em 0.15em;
    padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
    float: left;
    margin-right: 0.3em;
    margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
    float: right;
    margin-left: 0.3em;
    margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: ease-in-out;
    animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
    animation-name: fa-fade;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: ease-in-out;
    animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
    animation-name: fa-shake;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: linear;
    animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 2s;
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: linear;
    animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
    --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: steps(8);
    animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
    .fa-beat,
    .fa-bounce,
    .fa-fade,
    .fa-beat-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s;
    }
}

@keyframes fa-beat {
    0%,
    90% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.25);
        transform: scale(var(--fa-beat-scale, 1.25));
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1, 1) translateY(0);
    }
    10% {
        transform: scale(1.1, 0.9) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    }
    30% {
        transform: scale(0.9, 1.1) translateY(-0.5em);
        transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    }
    50% {
        transform: scale(1.05, 0.95) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    }
    57% {
        transform: scale(1, 1) translateY(-0.125em);
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
    }
    64% {
        transform: scale(1, 1) translateY(0);
    }
    100% {
        transform: scale(1, 1) translateY(0);
    }
}

@keyframes fa-fade {
    50% {
        opacity: 0.4;
        opacity: var(--fa-fade-opacity, 0.4);
    }
}

@keyframes fa-beat-fade {
    0%,
    100% {
        opacity: 0.4;
        opacity: var(--fa-beat-fade-opacity, 0.4);
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.125);
        transform: scale(var(--fa-beat-fade-scale, 1.125));
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg);
    }
    4% {
        transform: rotate(15deg);
    }
    8%,
    24% {
        transform: rotate(-18deg);
    }
    12%,
    28% {
        transform: rotate(18deg);
    }
    16% {
        transform: rotate(-22deg);
    }
    20% {
        transform: rotate(22deg);
    }
    32% {
        transform: rotate(-12deg);
    }
    36% {
        transform: rotate(12deg);
    }
    40%,
    100% {
        transform: rotate(0deg);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    transform: rotate(90deg);
}

.fa-rotate-180 {
    transform: rotate(180deg);
}

.fa-rotate-270 {
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1, -1);
}

.fa-rotate-by {
    transform: rotate(none);
    transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: auto;
    z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
    color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-0::before {
    content: "\30";
}

.fa-1::before {
    content: "\31";
}

.fa-2::before {
    content: "\32";
}

.fa-3::before {
    content: "\33";
}

.fa-4::before {
    content: "\34";
}

.fa-5::before {
    content: "\35";
}

.fa-6::before {
    content: "\36";
}

.fa-7::before {
    content: "\37";
}

.fa-8::before {
    content: "\38";
}

.fa-9::before {
    content: "\39";
}

.fa-fill-drip::before {
    content: "\f576";
}

.fa-arrows-to-circle::before {
    content: "\e4bd";
}

.fa-circle-chevron-right::before {
    content: "\f138";
}

.fa-chevron-circle-right::before {
    content: "\f138";
}

.fa-at::before {
    content: "\40";
}

.fa-trash-can::before {
    content: "\f2ed";
}

.fa-trash-alt::before {
    content: "\f2ed";
}

.fa-text-height::before {
    content: "\f034";
}

.fa-user-xmark::before {
    content: "\f235";
}

.fa-user-times::before {
    content: "\f235";
}

.fa-stethoscope::before {
    content: "\f0f1";
}

.fa-message::before {
    content: "\f27a";
}

.fa-comment-alt::before {
    content: "\f27a";
}

.fa-info::before {
    content: "\f129";
}

.fa-down-left-and-up-right-to-center::before {
    content: "\f422";
}

.fa-compress-alt::before {
    content: "\f422";
}

.fa-explosion::before {
    content: "\e4e9";
}

.fa-file-lines::before {
    content: "\f15c";
}

.fa-file-alt::before {
    content: "\f15c";
}

.fa-file-text::before {
    content: "\f15c";
}

.fa-wave-square::before {
    content: "\f83e";
}

.fa-ring::before {
    content: "\f70b";
}

.fa-building-un::before {
    content: "\e4d9";
}

.fa-dice-three::before {
    content: "\f527";
}

.fa-calendar-days::before {
    content: "\f073";
}

.fa-calendar-alt::before {
    content: "\f073";
}

.fa-anchor-circle-check::before {
    content: "\e4aa";
}

.fa-building-circle-arrow-right::before {
    content: "\e4d1";
}

.fa-volleyball::before {
    content: "\f45f";
}

.fa-volleyball-ball::before {
    content: "\f45f";
}

.fa-arrows-up-to-line::before {
    content: "\e4c2";
}

.fa-sort-down::before {
    content: "\f0dd";
}

.fa-sort-desc::before {
    content: "\f0dd";
}

.fa-circle-minus::before {
    content: "\f056";
}

.fa-minus-circle::before {
    content: "\f056";
}

.fa-door-open::before {
    content: "\f52b";
}

.fa-right-from-bracket::before {
    content: "\f2f5";
}

.fa-sign-out-alt::before {
    content: "\f2f5";
}

.fa-atom::before {
    content: "\f5d2";
}

.fa-soap::before {
    content: "\e06e";
}

.fa-icons::before {
    content: "\f86d";
}

.fa-heart-music-camera-bolt::before {
    content: "\f86d";
}

.fa-microphone-lines-slash::before {
    content: "\f539";
}

.fa-microphone-alt-slash::before {
    content: "\f539";
}

.fa-bridge-circle-check::before {
    content: "\e4c9";
}

.fa-pump-medical::before {
    content: "\e06a";
}

.fa-fingerprint::before {
    content: "\f577";
}

.fa-hand-point-right::before {
    content: "\f0a4";
}

.fa-magnifying-glass-location::before {
    content: "\f689";
}

.fa-search-location::before {
    content: "\f689";
}

.fa-forward-step::before {
    content: "\f051";
}

.fa-step-forward::before {
    content: "\f051";
}

.fa-face-smile-beam::before {
    content: "\f5b8";
}

.fa-smile-beam::before {
    content: "\f5b8";
}

.fa-flag-checkered::before {
    content: "\f11e";
}

.fa-football::before {
    content: "\f44e";
}

.fa-football-ball::before {
    content: "\f44e";
}

.fa-school-circle-exclamation::before {
    content: "\e56c";
}

.fa-crop::before {
    content: "\f125";
}

.fa-angles-down::before {
    content: "\f103";
}

.fa-angle-double-down::before {
    content: "\f103";
}

.fa-users-rectangle::before {
    content: "\e594";
}

.fa-people-roof::before {
    content: "\e537";
}

.fa-people-line::before {
    content: "\e534";
}

.fa-beer-mug-empty::before {
    content: "\f0fc";
}

.fa-beer::before {
    content: "\f0fc";
}

.fa-diagram-predecessor::before {
    content: "\e477";
}

.fa-arrow-up-long::before {
    content: "\f176";
}

.fa-long-arrow-up::before {
    content: "\f176";
}

.fa-fire-flame-simple::before {
    content: "\f46a";
}

.fa-burn::before {
    content: "\f46a";
}

.fa-person::before {
    content: "\f183";
}

.fa-male::before {
    content: "\f183";
}

.fa-laptop::before {
    content: "\f109";
}

.fa-file-csv::before {
    content: "\f6dd";
}

.fa-menorah::before {
    content: "\f676";
}

.fa-truck-plane::before {
    content: "\e58f";
}

.fa-record-vinyl::before {
    content: "\f8d9";
}

.fa-face-grin-stars::before {
    content: "\f587";
}

.fa-grin-stars::before {
    content: "\f587";
}

.fa-bong::before {
    content: "\f55c";
}

.fa-spaghetti-monster-flying::before {
    content: "\f67b";
}

.fa-pastafarianism::before {
    content: "\f67b";
}

.fa-arrow-down-up-across-line::before {
    content: "\e4af";
}

.fa-spoon::before {
    content: "\f2e5";
}

.fa-utensil-spoon::before {
    content: "\f2e5";
}

.fa-jar-wheat::before {
    content: "\e517";
}

.fa-envelopes-bulk::before {
    content: "\f674";
}

.fa-mail-bulk::before {
    content: "\f674";
}

.fa-file-circle-exclamation::before {
    content: "\e4eb";
}

.fa-circle-h::before {
    content: "\f47e";
}

.fa-hospital-symbol::before {
    content: "\f47e";
}

.fa-pager::before {
    content: "\f815";
}

.fa-address-book::before {
    content: "\f2b9";
}

.fa-contact-book::before {
    content: "\f2b9";
}

.fa-strikethrough::before {
    content: "\f0cc";
}

.fa-k::before {
    content: "\4b";
}

.fa-landmark-flag::before {
    content: "\e51c";
}

.fa-pencil::before {
    content: "\f303";
}

.fa-pencil-alt::before {
    content: "\f303";
}

.fa-backward::before {
    content: "\f04a";
}

.fa-caret-right::before {
    content: "\f0da";
}

.fa-comments::before {
    content: "\f086";
}

.fa-paste::before {
    content: "\f0ea";
}

.fa-file-clipboard::before {
    content: "\f0ea";
}

.fa-code-pull-request::before {
    content: "\e13c";
}

.fa-clipboard-list::before {
    content: "\f46d";
}

.fa-truck-ramp-box::before {
    content: "\f4de";
}

.fa-truck-loading::before {
    content: "\f4de";
}

.fa-user-check::before {
    content: "\f4fc";
}

.fa-vial-virus::before {
    content: "\e597";
}

.fa-sheet-plastic::before {
    content: "\e571";
}

.fa-blog::before {
    content: "\f781";
}

.fa-user-ninja::before {
    content: "\f504";
}

.fa-person-arrow-up-from-line::before {
    content: "\e539";
}

.fa-scroll-torah::before {
    content: "\f6a0";
}

.fa-torah::before {
    content: "\f6a0";
}

.fa-broom-ball::before {
    content: "\f458";
}

.fa-quidditch::before {
    content: "\f458";
}

.fa-quidditch-broom-ball::before {
    content: "\f458";
}

.fa-toggle-off::before {
    content: "\f204";
}

.fa-box-archive::before {
    content: "\f187";
}

.fa-archive::before {
    content: "\f187";
}

.fa-person-drowning::before {
    content: "\e545";
}

.fa-arrow-down-9-1::before {
    content: "\f886";
}

.fa-sort-numeric-desc::before {
    content: "\f886";
}

.fa-sort-numeric-down-alt::before {
    content: "\f886";
}

.fa-face-grin-tongue-squint::before {
    content: "\f58a";
}

.fa-grin-tongue-squint::before {
    content: "\f58a";
}

.fa-spray-can::before {
    content: "\f5bd";
}

.fa-truck-monster::before {
    content: "\f63b";
}

.fa-w::before {
    content: "\57";
}

.fa-earth-africa::before {
    content: "\f57c";
}

.fa-globe-africa::before {
    content: "\f57c";
}

.fa-rainbow::before {
    content: "\f75b";
}

.fa-circle-notch::before {
    content: "\f1ce";
}

.fa-tablet-screen-button::before {
    content: "\f3fa";
}

.fa-tablet-alt::before {
    content: "\f3fa";
}

.fa-paw::before {
    content: "\f1b0";
}

.fa-cloud::before {
    content: "\f0c2";
}

.fa-trowel-bricks::before {
    content: "\e58a";
}

.fa-face-flushed::before {
    content: "\f579";
}

.fa-flushed::before {
    content: "\f579";
}

.fa-hospital-user::before {
    content: "\f80d";
}

.fa-tent-arrow-left-right::before {
    content: "\e57f";
}

.fa-gavel::before {
    content: "\f0e3";
}

.fa-legal::before {
    content: "\f0e3";
}

.fa-binoculars::before {
    content: "\f1e5";
}

.fa-microphone-slash::before {
    content: "\f131";
}

.fa-box-tissue::before {
    content: "\e05b";
}

.fa-motorcycle::before {
    content: "\f21c";
}

.fa-bell-concierge::before {
    content: "\f562";
}

.fa-concierge-bell::before {
    content: "\f562";
}

.fa-pen-ruler::before {
    content: "\f5ae";
}

.fa-pencil-ruler::before {
    content: "\f5ae";
}

.fa-people-arrows::before {
    content: "\e068";
}

.fa-people-arrows-left-right::before {
    content: "\e068";
}

.fa-mars-and-venus-burst::before {
    content: "\e523";
}

.fa-square-caret-right::before {
    content: "\f152";
}

.fa-caret-square-right::before {
    content: "\f152";
}

.fa-scissors::before {
    content: "\f0c4";
}

.fa-cut::before {
    content: "\f0c4";
}

.fa-sun-plant-wilt::before {
    content: "\e57a";
}

.fa-toilets-portable::before {
    content: "\e584";
}

.fa-hockey-puck::before {
    content: "\f453";
}

.fa-table::before {
    content: "\f0ce";
}

.fa-magnifying-glass-arrow-right::before {
    content: "\e521";
}

.fa-tachograph-digital::before {
    content: "\f566";
}

.fa-digital-tachograph::before {
    content: "\f566";
}

.fa-users-slash::before {
    content: "\e073";
}

.fa-clover::before {
    content: "\e139";
}

.fa-reply::before {
    content: "\f3e5";
}

.fa-mail-reply::before {
    content: "\f3e5";
}

.fa-star-and-crescent::before {
    content: "\f699";
}

.fa-house-fire::before {
    content: "\e50c";
}

.fa-square-minus::before {
    content: "\f146";
}

.fa-minus-square::before {
    content: "\f146";
}

.fa-helicopter::before {
    content: "\f533";
}

.fa-compass::before {
    content: "\f14e";
}

.fa-square-caret-down::before {
    content: "\f150";
}

.fa-caret-square-down::before {
    content: "\f150";
}

.fa-file-circle-question::before {
    content: "\e4ef";
}

.fa-laptop-code::before {
    content: "\f5fc";
}

.fa-swatchbook::before {
    content: "\f5c3";
}

.fa-prescription-bottle::before {
    content: "\f485";
}

.fa-bars::before {
    content: "\f0c9";
}

.fa-navicon::before {
    content: "\f0c9";
}

.fa-people-group::before {
    content: "\e533";
}

.fa-hourglass-end::before {
    content: "\f253";
}

.fa-hourglass-3::before {
    content: "\f253";
}

.fa-heart-crack::before {
    content: "\f7a9";
}

.fa-heart-broken::before {
    content: "\f7a9";
}

.fa-square-up-right::before {
    content: "\f360";
}

.fa-external-link-square-alt::before {
    content: "\f360";
}

.fa-face-kiss-beam::before {
    content: "\f597";
}

.fa-kiss-beam::before {
    content: "\f597";
}

.fa-film::before {
    content: "\f008";
}

.fa-ruler-horizontal::before {
    content: "\f547";
}

.fa-people-robbery::before {
    content: "\e536";
}

.fa-lightbulb::before {
    content: "\f0eb";
}

.fa-caret-left::before {
    content: "\f0d9";
}

.fa-circle-exclamation::before {
    content: "\f06a";
}

.fa-exclamation-circle::before {
    content: "\f06a";
}

.fa-school-circle-xmark::before {
    content: "\e56d";
}

.fa-arrow-right-from-bracket::before {
    content: "\f08b";
}

.fa-sign-out::before {
    content: "\f08b";
}

.fa-circle-chevron-down::before {
    content: "\f13a";
}

.fa-chevron-circle-down::before {
    content: "\f13a";
}

.fa-unlock-keyhole::before {
    content: "\f13e";
}

.fa-unlock-alt::before {
    content: "\f13e";
}

.fa-cloud-showers-heavy::before {
    content: "\f740";
}

.fa-headphones-simple::before {
    content: "\f58f";
}

.fa-headphones-alt::before {
    content: "\f58f";
}

.fa-sitemap::before {
    content: "\f0e8";
}

.fa-circle-dollar-to-slot::before {
    content: "\f4b9";
}

.fa-donate::before {
    content: "\f4b9";
}

.fa-memory::before {
    content: "\f538";
}

.fa-road-spikes::before {
    content: "\e568";
}

.fa-fire-burner::before {
    content: "\e4f1";
}

.fa-flag::before {
    content: "\f024";
}

.fa-hanukiah::before {
    content: "\f6e6";
}

.fa-feather::before {
    content: "\f52d";
}

.fa-volume-low::before {
    content: "\f027";
}

.fa-volume-down::before {
    content: "\f027";
}

.fa-comment-slash::before {
    content: "\f4b3";
}

.fa-cloud-sun-rain::before {
    content: "\f743";
}

.fa-compress::before {
    content: "\f066";
}

.fa-wheat-awn::before {
    content: "\e2cd";
}

.fa-wheat-alt::before {
    content: "\e2cd";
}

.fa-ankh::before {
    content: "\f644";
}

.fa-hands-holding-child::before {
    content: "\e4fa";
}

.fa-asterisk::before {
    content: "\2a";
}

.fa-square-check::before {
    content: "\f14a";
}

.fa-check-square::before {
    content: "\f14a";
}

.fa-peseta-sign::before {
    content: "\e221";
}

.fa-heading::before {
    content: "\f1dc";
}

.fa-header::before {
    content: "\f1dc";
}

.fa-ghost::before {
    content: "\f6e2";
}

.fa-list::before {
    content: "\f03a";
}

.fa-list-squares::before {
    content: "\f03a";
}

.fa-square-phone-flip::before {
    content: "\f87b";
}

.fa-phone-square-alt::before {
    content: "\f87b";
}

.fa-cart-plus::before {
    content: "\f217";
}

.fa-gamepad::before {
    content: "\f11b";
}

.fa-circle-dot::before {
    content: "\f192";
}

.fa-dot-circle::before {
    content: "\f192";
}

.fa-face-dizzy::before {
    content: "\f567";
}

.fa-dizzy::before {
    content: "\f567";
}

.fa-egg::before {
    content: "\f7fb";
}

.fa-house-medical-circle-xmark::before {
    content: "\e513";
}

.fa-campground::before {
    content: "\f6bb";
}

.fa-folder-plus::before {
    content: "\f65e";
}

.fa-futbol::before {
    content: "\f1e3";
}

.fa-futbol-ball::before {
    content: "\f1e3";
}

.fa-soccer-ball::before {
    content: "\f1e3";
}

.fa-paintbrush::before {
    content: "\f1fc";
}

.fa-paint-brush::before {
    content: "\f1fc";
}

.fa-lock::before {
    content: "\f023";
}

.fa-gas-pump::before {
    content: "\f52f";
}

.fa-hot-tub-person::before {
    content: "\f593";
}

.fa-hot-tub::before {
    content: "\f593";
}

.fa-map-location::before {
    content: "\f59f";
}

.fa-map-marked::before {
    content: "\f59f";
}

.fa-house-flood-water::before {
    content: "\e50e";
}

.fa-tree::before {
    content: "\f1bb";
}

.fa-bridge-lock::before {
    content: "\e4cc";
}

.fa-sack-dollar::before {
    content: "\f81d";
}

.fa-pen-to-square::before {
    content: "\f044";
}

.fa-edit::before {
    content: "\f044";
}

.fa-car-side::before {
    content: "\f5e4";
}

.fa-share-nodes::before {
    content: "\f1e0";
}

.fa-share-alt::before {
    content: "\f1e0";
}

.fa-heart-circle-minus::before {
    content: "\e4ff";
}

.fa-hourglass-half::before {
    content: "\f252";
}

.fa-hourglass-2::before {
    content: "\f252";
}

.fa-microscope::before {
    content: "\f610";
}

.fa-sink::before {
    content: "\e06d";
}

.fa-bag-shopping::before {
    content: "\f290";
}

.fa-shopping-bag::before {
    content: "\f290";
}

.fa-arrow-down-z-a::before {
    content: "\f881";
}

.fa-sort-alpha-desc::before {
    content: "\f881";
}

.fa-sort-alpha-down-alt::before {
    content: "\f881";
}

.fa-mitten::before {
    content: "\f7b5";
}

.fa-person-rays::before {
    content: "\e54d";
}

.fa-users::before {
    content: "\f0c0";
}

.fa-eye-slash::before {
    content: "\f070";
}

.fa-flask-vial::before {
    content: "\e4f3";
}

.fa-hand::before {
    content: "\f256";
}

.fa-hand-paper::before {
    content: "\f256";
}

.fa-om::before {
    content: "\f679";
}

.fa-worm::before {
    content: "\e599";
}

.fa-house-circle-xmark::before {
    content: "\e50b";
}

.fa-plug::before {
    content: "\f1e6";
}

.fa-chevron-up::before {
    content: "\f077";
}

.fa-hand-spock::before {
    content: "\f259";
}

.fa-stopwatch::before {
    content: "\f2f2";
}

.fa-face-kiss::before {
    content: "\f596";
}

.fa-kiss::before {
    content: "\f596";
}

.fa-bridge-circle-xmark::before {
    content: "\e4cb";
}

.fa-face-grin-tongue::before {
    content: "\f589";
}

.fa-grin-tongue::before {
    content: "\f589";
}

.fa-chess-bishop::before {
    content: "\f43a";
}

.fa-face-grin-wink::before {
    content: "\f58c";
}

.fa-grin-wink::before {
    content: "\f58c";
}

.fa-ear-deaf::before {
    content: "\f2a4";
}

.fa-deaf::before {
    content: "\f2a4";
}

.fa-deafness::before {
    content: "\f2a4";
}

.fa-hard-of-hearing::before {
    content: "\f2a4";
}

.fa-road-circle-check::before {
    content: "\e564";
}

.fa-dice-five::before {
    content: "\f523";
}

.fa-square-rss::before {
    content: "\f143";
}

.fa-rss-square::before {
    content: "\f143";
}

.fa-land-mine-on::before {
    content: "\e51b";
}

.fa-i-cursor::before {
    content: "\f246";
}

.fa-stamp::before {
    content: "\f5bf";
}

.fa-stairs::before {
    content: "\e289";
}

.fa-i::before {
    content: "\49";
}

.fa-hryvnia-sign::before {
    content: "\f6f2";
}

.fa-hryvnia::before {
    content: "\f6f2";
}

.fa-pills::before {
    content: "\f484";
}

.fa-face-grin-wide::before {
    content: "\f581";
}

.fa-grin-alt::before {
    content: "\f581";
}

.fa-tooth::before {
    content: "\f5c9";
}

.fa-v::before {
    content: "\56";
}

.fa-bangladeshi-taka-sign::before {
    content: "\e2e6";
}

.fa-bicycle::before {
    content: "\f206";
}

.fa-staff-snake::before {
    content: "\e579";
}

.fa-rod-asclepius::before {
    content: "\e579";
}

.fa-rod-snake::before {
    content: "\e579";
}

.fa-staff-aesculapius::before {
    content: "\e579";
}

.fa-head-side-cough-slash::before {
    content: "\e062";
}

.fa-truck-medical::before {
    content: "\f0f9";
}

.fa-ambulance::before {
    content: "\f0f9";
}

.fa-wheat-awn-circle-exclamation::before {
    content: "\e598";
}

.fa-snowman::before {
    content: "\f7d0";
}

.fa-mortar-pestle::before {
    content: "\f5a7";
}

.fa-road-barrier::before {
    content: "\e562";
}

.fa-school::before {
    content: "\f549";
}

.fa-igloo::before {
    content: "\f7ae";
}

.fa-joint::before {
    content: "\f595";
}

.fa-angle-right::before {
    content: "\f105";
}

.fa-horse::before {
    content: "\f6f0";
}

.fa-q::before {
    content: "\51";
}

.fa-g::before {
    content: "\47";
}

.fa-notes-medical::before {
    content: "\f481";
}

.fa-temperature-half::before {
    content: "\f2c9";
}

.fa-temperature-2::before {
    content: "\f2c9";
}

.fa-thermometer-2::before {
    content: "\f2c9";
}

.fa-thermometer-half::before {
    content: "\f2c9";
}

.fa-dong-sign::before {
    content: "\e169";
}

.fa-capsules::before {
    content: "\f46b";
}

.fa-poo-storm::before {
    content: "\f75a";
}

.fa-poo-bolt::before {
    content: "\f75a";
}

.fa-face-frown-open::before {
    content: "\f57a";
}

.fa-frown-open::before {
    content: "\f57a";
}

.fa-hand-point-up::before {
    content: "\f0a6";
}

.fa-money-bill::before {
    content: "\f0d6";
}

.fa-bookmark::before {
    content: "\f02e";
}

.fa-align-justify::before {
    content: "\f039";
}

.fa-umbrella-beach::before {
    content: "\f5ca";
}

.fa-helmet-un::before {
    content: "\e503";
}

.fa-bullseye::before {
    content: "\f140";
}

.fa-bacon::before {
    content: "\f7e5";
}

.fa-hand-point-down::before {
    content: "\f0a7";
}

.fa-arrow-up-from-bracket::before {
    content: "\e09a";
}

.fa-folder::before {
    content: "\f07b";
}

.fa-folder-blank::before {
    content: "\f07b";
}

.fa-file-waveform::before {
    content: "\f478";
}

.fa-file-medical-alt::before {
    content: "\f478";
}

.fa-radiation::before {
    content: "\f7b9";
}

.fa-chart-simple::before {
    content: "\e473";
}

.fa-mars-stroke::before {
    content: "\f229";
}

.fa-vial::before {
    content: "\f492";
}

.fa-gauge::before {
    content: "\f624";
}

.fa-dashboard::before {
    content: "\f624";
}

.fa-gauge-med::before {
    content: "\f624";
}

.fa-tachometer-alt-average::before {
    content: "\f624";
}

.fa-wand-magic-sparkles::before {
    content: "\e2ca";
}

.fa-magic-wand-sparkles::before {
    content: "\e2ca";
}

.fa-e::before {
    content: "\45";
}

.fa-pen-clip::before {
    content: "\f305";
}

.fa-pen-alt::before {
    content: "\f305";
}

.fa-bridge-circle-exclamation::before {
    content: "\e4ca";
}

.fa-user::before {
    content: "\f007";
}

.fa-school-circle-check::before {
    content: "\e56b";
}

.fa-dumpster::before {
    content: "\f793";
}

.fa-van-shuttle::before {
    content: "\f5b6";
}

.fa-shuttle-van::before {
    content: "\f5b6";
}

.fa-building-user::before {
    content: "\e4da";
}

.fa-square-caret-left::before {
    content: "\f191";
}

.fa-caret-square-left::before {
    content: "\f191";
}

.fa-highlighter::before {
    content: "\f591";
}

.fa-key::before {
    content: "\f084";
}

.fa-bullhorn::before {
    content: "\f0a1";
}

.fa-globe::before {
    content: "\f0ac";
}

.fa-synagogue::before {
    content: "\f69b";
}

.fa-person-half-dress::before {
    content: "\e548";
}

.fa-road-bridge::before {
    content: "\e563";
}

.fa-location-arrow::before {
    content: "\f124";
}

.fa-c::before {
    content: "\43";
}

.fa-tablet-button::before {
    content: "\f10a";
}

.fa-building-lock::before {
    content: "\e4d6";
}

.fa-pizza-slice::before {
    content: "\f818";
}

.fa-money-bill-wave::before {
    content: "\f53a";
}

.fa-chart-area::before {
    content: "\f1fe";
}

.fa-area-chart::before {
    content: "\f1fe";
}

.fa-house-flag::before {
    content: "\e50d";
}

.fa-person-circle-minus::before {
    content: "\e540";
}

.fa-ban::before {
    content: "\f05e";
}

.fa-cancel::before {
    content: "\f05e";
}

.fa-camera-rotate::before {
    content: "\e0d8";
}

.fa-spray-can-sparkles::before {
    content: "\f5d0";
}

.fa-air-freshener::before {
    content: "\f5d0";
}

.fa-star::before {
    content: "\f005";
}

.fa-repeat::before {
    content: "\f363";
}

.fa-cross::before {
    content: "\f654";
}

.fa-box::before {
    content: "\f466";
}

.fa-venus-mars::before {
    content: "\f228";
}

.fa-arrow-pointer::before {
    content: "\f245";
}

.fa-mouse-pointer::before {
    content: "\f245";
}

.fa-maximize::before {
    content: "\f31e";
}

.fa-expand-arrows-alt::before {
    content: "\f31e";
}

.fa-charging-station::before {
    content: "\f5e7";
}

.fa-shapes::before {
    content: "\f61f";
}

.fa-triangle-circle-square::before {
    content: "\f61f";
}

.fa-shuffle::before {
    content: "\f074";
}

.fa-random::before {
    content: "\f074";
}

.fa-person-running::before {
    content: "\f70c";
}

.fa-running::before {
    content: "\f70c";
}

.fa-mobile-retro::before {
    content: "\e527";
}

.fa-grip-lines-vertical::before {
    content: "\f7a5";
}

.fa-spider::before {
    content: "\f717";
}

.fa-hands-bound::before {
    content: "\e4f9";
}

.fa-file-invoice-dollar::before {
    content: "\f571";
}

.fa-plane-circle-exclamation::before {
    content: "\e556";
}

.fa-x-ray::before {
    content: "\f497";
}

.fa-spell-check::before {
    content: "\f891";
}

.fa-slash::before {
    content: "\f715";
}

.fa-computer-mouse::before {
    content: "\f8cc";
}

.fa-mouse::before {
    content: "\f8cc";
}

.fa-arrow-right-to-bracket::before {
    content: "\f090";
}

.fa-sign-in::before {
    content: "\f090";
}

.fa-shop-slash::before {
    content: "\e070";
}

.fa-store-alt-slash::before {
    content: "\e070";
}

.fa-server::before {
    content: "\f233";
}

.fa-virus-covid-slash::before {
    content: "\e4a9";
}

.fa-shop-lock::before {
    content: "\e4a5";
}

.fa-hourglass-start::before {
    content: "\f251";
}

.fa-hourglass-1::before {
    content: "\f251";
}

.fa-blender-phone::before {
    content: "\f6b6";
}

.fa-building-wheat::before {
    content: "\e4db";
}

.fa-person-breastfeeding::before {
    content: "\e53a";
}

.fa-right-to-bracket::before {
    content: "\f2f6";
}

.fa-sign-in-alt::before {
    content: "\f2f6";
}

.fa-venus::before {
    content: "\f221";
}

.fa-passport::before {
    content: "\f5ab";
}

.fa-heart-pulse::before {
    content: "\f21e";
}

.fa-heartbeat::before {
    content: "\f21e";
}

.fa-people-carry-box::before {
    content: "\f4ce";
}

.fa-people-carry::before {
    content: "\f4ce";
}

.fa-temperature-high::before {
    content: "\f769";
}

.fa-microchip::before {
    content: "\f2db";
}

.fa-crown::before {
    content: "\f521";
}

.fa-weight-hanging::before {
    content: "\f5cd";
}

.fa-xmarks-lines::before {
    content: "\e59a";
}

.fa-file-prescription::before {
    content: "\f572";
}

.fa-weight-scale::before {
    content: "\f496";
}

.fa-weight::before {
    content: "\f496";
}

.fa-user-group::before {
    content: "\f500";
}

.fa-user-friends::before {
    content: "\f500";
}

.fa-arrow-up-a-z::before {
    content: "\f15e";
}

.fa-sort-alpha-up::before {
    content: "\f15e";
}

.fa-chess-knight::before {
    content: "\f441";
}

.fa-face-laugh-squint::before {
    content: "\f59b";
}

.fa-laugh-squint::before {
    content: "\f59b";
}

.fa-wheelchair::before {
    content: "\f193";
}

.fa-circle-arrow-up::before {
    content: "\f0aa";
}

.fa-arrow-circle-up::before {
    content: "\f0aa";
}

.fa-toggle-on::before {
    content: "\f205";
}

.fa-person-walking::before {
    content: "\f554";
}

.fa-walking::before {
    content: "\f554";
}

.fa-l::before {
    content: "\4c";
}

.fa-fire::before {
    content: "\f06d";
}

.fa-bed-pulse::before {
    content: "\f487";
}

.fa-procedures::before {
    content: "\f487";
}

.fa-shuttle-space::before {
    content: "\f197";
}

.fa-space-shuttle::before {
    content: "\f197";
}

.fa-face-laugh::before {
    content: "\f599";
}

.fa-laugh::before {
    content: "\f599";
}

.fa-folder-open::before {
    content: "\f07c";
}

.fa-heart-circle-plus::before {
    content: "\e500";
}

.fa-code-fork::before {
    content: "\e13b";
}

.fa-city::before {
    content: "\f64f";
}

.fa-microphone-lines::before {
    content: "\f3c9";
}

.fa-microphone-alt::before {
    content: "\f3c9";
}

.fa-pepper-hot::before {
    content: "\f816";
}

.fa-unlock::before {
    content: "\f09c";
}

.fa-colon-sign::before {
    content: "\e140";
}

.fa-headset::before {
    content: "\f590";
}

.fa-store-slash::before {
    content: "\e071";
}

.fa-road-circle-xmark::before {
    content: "\e566";
}

.fa-user-minus::before {
    content: "\f503";
}

.fa-mars-stroke-up::before {
    content: "\f22a";
}

.fa-mars-stroke-v::before {
    content: "\f22a";
}

.fa-champagne-glasses::before {
    content: "\f79f";
}

.fa-glass-cheers::before {
    content: "\f79f";
}

.fa-clipboard::before {
    content: "\f328";
}

.fa-house-circle-exclamation::before {
    content: "\e50a";
}

.fa-file-arrow-up::before {
    content: "\f574";
}

.fa-file-upload::before {
    content: "\f574";
}

.fa-wifi::before {
    content: "\f1eb";
}

.fa-wifi-3::before {
    content: "\f1eb";
}

.fa-wifi-strong::before {
    content: "\f1eb";
}

.fa-bath::before {
    content: "\f2cd";
}

.fa-bathtub::before {
    content: "\f2cd";
}

.fa-underline::before {
    content: "\f0cd";
}

.fa-user-pen::before {
    content: "\f4ff";
}

.fa-user-edit::before {
    content: "\f4ff";
}

.fa-signature::before {
    content: "\f5b7";
}

.fa-stroopwafel::before {
    content: "\f551";
}

.fa-bold::before {
    content: "\f032";
}

.fa-anchor-lock::before {
    content: "\e4ad";
}

.fa-building-ngo::before {
    content: "\e4d7";
}

.fa-manat-sign::before {
    content: "\e1d5";
}

.fa-not-equal::before {
    content: "\f53e";
}

.fa-border-top-left::before {
    content: "\f853";
}

.fa-border-style::before {
    content: "\f853";
}

.fa-map-location-dot::before {
    content: "\f5a0";
}

.fa-map-marked-alt::before {
    content: "\f5a0";
}

.fa-jedi::before {
    content: "\f669";
}

.fa-square-poll-vertical::before {
    content: "\f681";
}

.fa-poll::before {
    content: "\f681";
}

.fa-mug-hot::before {
    content: "\f7b6";
}

.fa-car-battery::before {
    content: "\f5df";
}

.fa-battery-car::before {
    content: "\f5df";
}

.fa-gift::before {
    content: "\f06b";
}

.fa-dice-two::before {
    content: "\f528";
}

.fa-chess-queen::before {
    content: "\f445";
}

.fa-glasses::before {
    content: "\f530";
}

.fa-chess-board::before {
    content: "\f43c";
}

.fa-building-circle-check::before {
    content: "\e4d2";
}

.fa-person-chalkboard::before {
    content: "\e53d";
}

.fa-mars-stroke-right::before {
    content: "\f22b";
}

.fa-mars-stroke-h::before {
    content: "\f22b";
}

.fa-hand-back-fist::before {
    content: "\f255";
}

.fa-hand-rock::before {
    content: "\f255";
}

.fa-square-caret-up::before {
    content: "\f151";
}

.fa-caret-square-up::before {
    content: "\f151";
}

.fa-cloud-showers-water::before {
    content: "\e4e4";
}

.fa-chart-bar::before {
    content: "\f080";
}

.fa-bar-chart::before {
    content: "\f080";
}

.fa-hands-bubbles::before {
    content: "\e05e";
}

.fa-hands-wash::before {
    content: "\e05e";
}

.fa-less-than-equal::before {
    content: "\f537";
}

.fa-train::before {
    content: "\f238";
}

.fa-eye-low-vision::before {
    content: "\f2a8";
}

.fa-low-vision::before {
    content: "\f2a8";
}

.fa-crow::before {
    content: "\f520";
}

.fa-sailboat::before {
    content: "\e445";
}

.fa-window-restore::before {
    content: "\f2d2";
}

.fa-square-plus::before {
    content: "\f0fe";
}

.fa-plus-square::before {
    content: "\f0fe";
}

.fa-torii-gate::before {
    content: "\f6a1";
}

.fa-frog::before {
    content: "\f52e";
}

.fa-bucket::before {
    content: "\e4cf";
}

.fa-image::before {
    content: "\f03e";
}

.fa-microphone::before {
    content: "\f130";
}

.fa-cow::before {
    content: "\f6c8";
}

.fa-caret-up::before {
    content: "\f0d8";
}

.fa-screwdriver::before {
    content: "\f54a";
}

.fa-folder-closed::before {
    content: "\e185";
}

.fa-house-tsunami::before {
    content: "\e515";
}

.fa-square-nfi::before {
    content: "\e576";
}

.fa-arrow-up-from-ground-water::before {
    content: "\e4b5";
}

.fa-martini-glass::before {
    content: "\f57b";
}

.fa-glass-martini-alt::before {
    content: "\f57b";
}

.fa-rotate-left::before {
    content: "\f2ea";
}

.fa-rotate-back::before {
    content: "\f2ea";
}

.fa-rotate-backward::before {
    content: "\f2ea";
}

.fa-undo-alt::before {
    content: "\f2ea";
}

.fa-table-columns::before {
    content: "\f0db";
}

.fa-columns::before {
    content: "\f0db";
}

.fa-lemon::before {
    content: "\f094";
}

.fa-head-side-mask::before {
    content: "\e063";
}

.fa-handshake::before {
    content: "\f2b5";
}

.fa-gem::before {
    content: "\f3a5";
}

.fa-dolly::before {
    content: "\f472";
}

.fa-dolly-box::before {
    content: "\f472";
}

.fa-smoking::before {
    content: "\f48d";
}

.fa-minimize::before {
    content: "\f78c";
}

.fa-compress-arrows-alt::before {
    content: "\f78c";
}

.fa-monument::before {
    content: "\f5a6";
}

.fa-snowplow::before {
    content: "\f7d2";
}

.fa-angles-right::before {
    content: "\f101";
}

.fa-angle-double-right::before {
    content: "\f101";
}

.fa-cannabis::before {
    content: "\f55f";
}

.fa-circle-play::before {
    content: "\f144";
}

.fa-play-circle::before {
    content: "\f144";
}

.fa-tablets::before {
    content: "\f490";
}

.fa-ethernet::before {
    content: "\f796";
}

.fa-euro-sign::before {
    content: "\f153";
}

.fa-eur::before {
    content: "\f153";
}

.fa-euro::before {
    content: "\f153";
}

.fa-chair::before {
    content: "\f6c0";
}

.fa-circle-check::before {
    content: "\f058";
}

.fa-check-circle::before {
    content: "\f058";
}

.fa-circle-stop::before {
    content: "\f28d";
}

.fa-stop-circle::before {
    content: "\f28d";
}

.fa-compass-drafting::before {
    content: "\f568";
}

.fa-drafting-compass::before {
    content: "\f568";
}

.fa-plate-wheat::before {
    content: "\e55a";
}

.fa-icicles::before {
    content: "\f7ad";
}

.fa-person-shelter::before {
    content: "\e54f";
}

.fa-neuter::before {
    content: "\f22c";
}

.fa-id-badge::before {
    content: "\f2c1";
}

.fa-marker::before {
    content: "\f5a1";
}

.fa-face-laugh-beam::before {
    content: "\f59a";
}

.fa-laugh-beam::before {
    content: "\f59a";
}

.fa-helicopter-symbol::before {
    content: "\e502";
}

.fa-universal-access::before {
    content: "\f29a";
}

.fa-circle-chevron-up::before {
    content: "\f139";
}

.fa-chevron-circle-up::before {
    content: "\f139";
}

.fa-lari-sign::before {
    content: "\e1c8";
}

.fa-volcano::before {
    content: "\f770";
}

.fa-person-walking-dashed-line-arrow-right::before {
    content: "\e553";
}

.fa-sterling-sign::before {
    content: "\f154";
}

.fa-gbp::before {
    content: "\f154";
}

.fa-pound-sign::before {
    content: "\f154";
}

.fa-viruses::before {
    content: "\e076";
}

.fa-square-person-confined::before {
    content: "\e577";
}

.fa-user-tie::before {
    content: "\f508";
}

.fa-arrow-down-long::before {
    content: "\f175";
}

.fa-long-arrow-down::before {
    content: "\f175";
}

.fa-tent-arrow-down-to-line::before {
    content: "\e57e";
}

.fa-certificate::before {
    content: "\f0a3";
}

.fa-reply-all::before {
    content: "\f122";
}

.fa-mail-reply-all::before {
    content: "\f122";
}

.fa-suitcase::before {
    content: "\f0f2";
}

.fa-person-skating::before {
    content: "\f7c5";
}

.fa-skating::before {
    content: "\f7c5";
}

.fa-filter-circle-dollar::before {
    content: "\f662";
}

.fa-funnel-dollar::before {
    content: "\f662";
}

.fa-camera-retro::before {
    content: "\f083";
}

.fa-circle-arrow-down::before {
    content: "\f0ab";
}

.fa-arrow-circle-down::before {
    content: "\f0ab";
}

.fa-file-import::before {
    content: "\f56f";
}

.fa-arrow-right-to-file::before {
    content: "\f56f";
}

.fa-square-arrow-up-right::before {
    content: "\f14c";
}

.fa-external-link-square::before {
    content: "\f14c";
}

.fa-box-open::before {
    content: "\f49e";
}

.fa-scroll::before {
    content: "\f70e";
}

.fa-spa::before {
    content: "\f5bb";
}

.fa-location-pin-lock::before {
    content: "\e51f";
}

.fa-pause::before {
    content: "\f04c";
}

.fa-hill-avalanche::before {
    content: "\e507";
}

.fa-temperature-empty::before {
    content: "\f2cb";
}

.fa-temperature-0::before {
    content: "\f2cb";
}

.fa-thermometer-0::before {
    content: "\f2cb";
}

.fa-thermometer-empty::before {
    content: "\f2cb";
}

.fa-bomb::before {
    content: "\f1e2";
}

.fa-registered::before {
    content: "\f25d";
}

.fa-address-card::before {
    content: "\f2bb";
}

.fa-contact-card::before {
    content: "\f2bb";
}

.fa-vcard::before {
    content: "\f2bb";
}

.fa-scale-unbalanced-flip::before {
    content: "\f516";
}

.fa-balance-scale-right::before {
    content: "\f516";
}

.fa-subscript::before {
    content: "\f12c";
}

.fa-diamond-turn-right::before {
    content: "\f5eb";
}

.fa-directions::before {
    content: "\f5eb";
}

.fa-burst::before {
    content: "\e4dc";
}

.fa-house-laptop::before {
    content: "\e066";
}

.fa-laptop-house::before {
    content: "\e066";
}

.fa-face-tired::before {
    content: "\f5c8";
}

.fa-tired::before {
    content: "\f5c8";
}

.fa-money-bills::before {
    content: "\e1f3";
}

.fa-smog::before {
    content: "\f75f";
}

.fa-crutch::before {
    content: "\f7f7";
}

.fa-cloud-arrow-up::before {
    content: "\f0ee";
}

.fa-cloud-upload::before {
    content: "\f0ee";
}

.fa-cloud-upload-alt::before {
    content: "\f0ee";
}

.fa-palette::before {
    content: "\f53f";
}

.fa-arrows-turn-right::before {
    content: "\e4c0";
}

.fa-vest::before {
    content: "\e085";
}

.fa-ferry::before {
    content: "\e4ea";
}

.fa-arrows-down-to-people::before {
    content: "\e4b9";
}

.fa-seedling::before {
    content: "\f4d8";
}

.fa-sprout::before {
    content: "\f4d8";
}

.fa-left-right::before {
    content: "\f337";
}

.fa-arrows-alt-h::before {
    content: "\f337";
}

.fa-boxes-packing::before {
    content: "\e4c7";
}

.fa-circle-arrow-left::before {
    content: "\f0a8";
}

.fa-arrow-circle-left::before {
    content: "\f0a8";
}

.fa-group-arrows-rotate::before {
    content: "\e4f6";
}

.fa-bowl-food::before {
    content: "\e4c6";
}

.fa-candy-cane::before {
    content: "\f786";
}

.fa-arrow-down-wide-short::before {
    content: "\f160";
}

.fa-sort-amount-asc::before {
    content: "\f160";
}

.fa-sort-amount-down::before {
    content: "\f160";
}

.fa-cloud-bolt::before {
    content: "\f76c";
}

.fa-thunderstorm::before {
    content: "\f76c";
}

.fa-text-slash::before {
    content: "\f87d";
}

.fa-remove-format::before {
    content: "\f87d";
}

.fa-face-smile-wink::before {
    content: "\f4da";
}

.fa-smile-wink::before {
    content: "\f4da";
}

.fa-file-word::before {
    content: "\f1c2";
}

.fa-file-powerpoint::before {
    content: "\f1c4";
}

.fa-arrows-left-right::before {
    content: "\f07e";
}

.fa-arrows-h::before {
    content: "\f07e";
}

.fa-house-lock::before {
    content: "\e510";
}

.fa-cloud-arrow-down::before {
    content: "\f0ed";
}

.fa-cloud-download::before {
    content: "\f0ed";
}

.fa-cloud-download-alt::before {
    content: "\f0ed";
}

.fa-children::before {
    content: "\e4e1";
}

.fa-chalkboard::before {
    content: "\f51b";
}

.fa-blackboard::before {
    content: "\f51b";
}

.fa-user-large-slash::before {
    content: "\f4fa";
}

.fa-user-alt-slash::before {
    content: "\f4fa";
}

.fa-envelope-open::before {
    content: "\f2b6";
}

.fa-handshake-simple-slash::before {
    content: "\e05f";
}

.fa-handshake-alt-slash::before {
    content: "\e05f";
}

.fa-mattress-pillow::before {
    content: "\e525";
}

.fa-guarani-sign::before {
    content: "\e19a";
}

.fa-arrows-rotate::before {
    content: "\f021";
}

.fa-refresh::before {
    content: "\f021";
}

.fa-sync::before {
    content: "\f021";
}

.fa-fire-extinguisher::before {
    content: "\f134";
}

.fa-cruzeiro-sign::before {
    content: "\e152";
}

.fa-greater-than-equal::before {
    content: "\f532";
}

.fa-shield-halved::before {
    content: "\f3ed";
}

.fa-shield-alt::before {
    content: "\f3ed";
}

.fa-book-atlas::before {
    content: "\f558";
}

.fa-atlas::before {
    content: "\f558";
}

.fa-virus::before {
    content: "\e074";
}

.fa-envelope-circle-check::before {
    content: "\e4e8";
}

.fa-layer-group::before {
    content: "\f5fd";
}

.fa-arrows-to-dot::before {
    content: "\e4be";
}

.fa-archway::before {
    content: "\f557";
}

.fa-heart-circle-check::before {
    content: "\e4fd";
}

.fa-house-chimney-crack::before {
    content: "\f6f1";
}

.fa-house-damage::before {
    content: "\f6f1";
}

.fa-file-zipper::before {
    content: "\f1c6";
}

.fa-file-archive::before {
    content: "\f1c6";
}

.fa-square::before {
    content: "\f0c8";
}

.fa-martini-glass-empty::before {
    content: "\f000";
}

.fa-glass-martini::before {
    content: "\f000";
}

.fa-couch::before {
    content: "\f4b8";
}

.fa-cedi-sign::before {
    content: "\e0df";
}

.fa-italic::before {
    content: "\f033";
}

.fa-church::before {
    content: "\f51d";
}

.fa-comments-dollar::before {
    content: "\f653";
}

.fa-democrat::before {
    content: "\f747";
}

.fa-z::before {
    content: "\5a";
}

.fa-person-skiing::before {
    content: "\f7c9";
}

.fa-skiing::before {
    content: "\f7c9";
}

.fa-road-lock::before {
    content: "\e567";
}

.fa-a::before {
    content: "\41";
}

.fa-temperature-arrow-down::before {
    content: "\e03f";
}

.fa-temperature-down::before {
    content: "\e03f";
}

.fa-feather-pointed::before {
    content: "\f56b";
}

.fa-feather-alt::before {
    content: "\f56b";
}

.fa-p::before {
    content: "\50";
}

.fa-snowflake::before {
    content: "\f2dc";
}

.fa-newspaper::before {
    content: "\f1ea";
}

.fa-rectangle-ad::before {
    content: "\f641";
}

.fa-ad::before {
    content: "\f641";
}

.fa-circle-arrow-right::before {
    content: "\f0a9";
}

.fa-arrow-circle-right::before {
    content: "\f0a9";
}

.fa-filter-circle-xmark::before {
    content: "\e17b";
}

.fa-locust::before {
    content: "\e520";
}

.fa-sort::before {
    content: "\f0dc";
}

.fa-unsorted::before {
    content: "\f0dc";
}

.fa-list-ol::before {
    content: "\f0cb";
}

.fa-list-1-2::before {
    content: "\f0cb";
}

.fa-list-numeric::before {
    content: "\f0cb";
}

.fa-person-dress-burst::before {
    content: "\e544";
}

.fa-money-check-dollar::before {
    content: "\f53d";
}

.fa-money-check-alt::before {
    content: "\f53d";
}

.fa-vector-square::before {
    content: "\f5cb";
}

.fa-bread-slice::before {
    content: "\f7ec";
}

.fa-language::before {
    content: "\f1ab";
}

.fa-face-kiss-wink-heart::before {
    content: "\f598";
}

.fa-kiss-wink-heart::before {
    content: "\f598";
}

.fa-filter::before {
    content: "\f0b0";
}

.fa-question::before {
    content: "\3f";
}

.fa-file-signature::before {
    content: "\f573";
}

.fa-up-down-left-right::before {
    content: "\f0b2";
}

.fa-arrows-alt::before {
    content: "\f0b2";
}

.fa-house-chimney-user::before {
    content: "\e065";
}

.fa-hand-holding-heart::before {
    content: "\f4be";
}

.fa-puzzle-piece::before {
    content: "\f12e";
}

.fa-money-check::before {
    content: "\f53c";
}

.fa-star-half-stroke::before {
    content: "\f5c0";
}

.fa-star-half-alt::before {
    content: "\f5c0";
}

.fa-code::before {
    content: "\f121";
}

.fa-whiskey-glass::before {
    content: "\f7a0";
}

.fa-glass-whiskey::before {
    content: "\f7a0";
}

.fa-building-circle-exclamation::before {
    content: "\e4d3";
}

.fa-magnifying-glass-chart::before {
    content: "\e522";
}

.fa-arrow-up-right-from-square::before {
    content: "\f08e";
}

.fa-external-link::before {
    content: "\f08e";
}

.fa-cubes-stacked::before {
    content: "\e4e6";
}

.fa-won-sign::before {
    content: "\f159";
}

.fa-krw::before {
    content: "\f159";
}

.fa-won::before {
    content: "\f159";
}

.fa-virus-covid::before {
    content: "\e4a8";
}

.fa-austral-sign::before {
    content: "\e0a9";
}

.fa-f::before {
    content: "\46";
}

.fa-leaf::before {
    content: "\f06c";
}

.fa-road::before {
    content: "\f018";
}

.fa-taxi::before {
    content: "\f1ba";
}

.fa-cab::before {
    content: "\f1ba";
}

.fa-person-circle-plus::before {
    content: "\e541";
}

.fa-chart-pie::before {
    content: "\f200";
}

.fa-pie-chart::before {
    content: "\f200";
}

.fa-bolt-lightning::before {
    content: "\e0b7";
}

.fa-sack-xmark::before {
    content: "\e56a";
}

.fa-file-excel::before {
    content: "\f1c3";
}

.fa-file-contract::before {
    content: "\f56c";
}

.fa-fish-fins::before {
    content: "\e4f2";
}

.fa-building-flag::before {
    content: "\e4d5";
}

.fa-face-grin-beam::before {
    content: "\f582";
}

.fa-grin-beam::before {
    content: "\f582";
}

.fa-object-ungroup::before {
    content: "\f248";
}

.fa-poop::before {
    content: "\f619";
}

.fa-location-pin::before {
    content: "\f041";
}

.fa-map-marker::before {
    content: "\f041";
}

.fa-kaaba::before {
    content: "\f66b";
}

.fa-toilet-paper::before {
    content: "\f71e";
}

.fa-helmet-safety::before {
    content: "\f807";
}

.fa-hard-hat::before {
    content: "\f807";
}

.fa-hat-hard::before {
    content: "\f807";
}

.fa-eject::before {
    content: "\f052";
}

.fa-circle-right::before {
    content: "\f35a";
}

.fa-arrow-alt-circle-right::before {
    content: "\f35a";
}

.fa-plane-circle-check::before {
    content: "\e555";
}

.fa-face-rolling-eyes::before {
    content: "\f5a5";
}

.fa-meh-rolling-eyes::before {
    content: "\f5a5";
}

.fa-object-group::before {
    content: "\f247";
}

.fa-chart-line::before {
    content: "\f201";
}

.fa-line-chart::before {
    content: "\f201";
}

.fa-mask-ventilator::before {
    content: "\e524";
}

.fa-arrow-right::before {
    content: "\f061";
}

.fa-signs-post::before {
    content: "\f277";
}

.fa-map-signs::before {
    content: "\f277";
}

.fa-cash-register::before {
    content: "\f788";
}

.fa-person-circle-question::before {
    content: "\e542";
}

.fa-h::before {
    content: "\48";
}

.fa-tarp::before {
    content: "\e57b";
}

.fa-screwdriver-wrench::before {
    content: "\f7d9";
}

.fa-tools::before {
    content: "\f7d9";
}

.fa-arrows-to-eye::before {
    content: "\e4bf";
}

.fa-plug-circle-bolt::before {
    content: "\e55b";
}

.fa-heart::before {
    content: "\f004";
}

.fa-mars-and-venus::before {
    content: "\f224";
}

.fa-house-user::before {
    content: "\e1b0";
}

.fa-home-user::before {
    content: "\e1b0";
}

.fa-dumpster-fire::before {
    content: "\f794";
}

.fa-house-crack::before {
    content: "\e3b1";
}

.fa-martini-glass-citrus::before {
    content: "\f561";
}

.fa-cocktail::before {
    content: "\f561";
}

.fa-face-surprise::before {
    content: "\f5c2";
}

.fa-surprise::before {
    content: "\f5c2";
}

.fa-bottle-water::before {
    content: "\e4c5";
}

.fa-circle-pause::before {
    content: "\f28b";
}

.fa-pause-circle::before {
    content: "\f28b";
}

.fa-toilet-paper-slash::before {
    content: "\e072";
}

.fa-apple-whole::before {
    content: "\f5d1";
}

.fa-apple-alt::before {
    content: "\f5d1";
}

.fa-kitchen-set::before {
    content: "\e51a";
}

.fa-r::before {
    content: "\52";
}

.fa-temperature-quarter::before {
    content: "\f2ca";
}

.fa-temperature-1::before {
    content: "\f2ca";
}

.fa-thermometer-1::before {
    content: "\f2ca";
}

.fa-thermometer-quarter::before {
    content: "\f2ca";
}

.fa-cube::before {
    content: "\f1b2";
}

.fa-bitcoin-sign::before {
    content: "\e0b4";
}

.fa-shield-dog::before {
    content: "\e573";
}

.fa-solar-panel::before {
    content: "\f5ba";
}

.fa-lock-open::before {
    content: "\f3c1";
}

.fa-elevator::before {
    content: "\e16d";
}

.fa-money-bill-transfer::before {
    content: "\e528";
}

.fa-money-bill-trend-up::before {
    content: "\e529";
}

.fa-house-flood-water-circle-arrow-right::before {
    content: "\e50f";
}

.fa-square-poll-horizontal::before {
    content: "\f682";
}

.fa-poll-h::before {
    content: "\f682";
}

.fa-circle::before {
    content: "\f111";
}

.fa-backward-fast::before {
    content: "\f049";
}

.fa-fast-backward::before {
    content: "\f049";
}

.fa-recycle::before {
    content: "\f1b8";
}

.fa-user-astronaut::before {
    content: "\f4fb";
}

.fa-plane-slash::before {
    content: "\e069";
}

.fa-trademark::before {
    content: "\f25c";
}

.fa-basketball::before {
    content: "\f434";
}

.fa-basketball-ball::before {
    content: "\f434";
}

.fa-satellite-dish::before {
    content: "\f7c0";
}

.fa-circle-up::before {
    content: "\f35b";
}

.fa-arrow-alt-circle-up::before {
    content: "\f35b";
}

.fa-mobile-screen-button::before {
    content: "\f3cd";
}

.fa-mobile-alt::before {
    content: "\f3cd";
}

.fa-volume-high::before {
    content: "\f028";
}

.fa-volume-up::before {
    content: "\f028";
}

.fa-users-rays::before {
    content: "\e593";
}

.fa-wallet::before {
    content: "\f555";
}

.fa-clipboard-check::before {
    content: "\f46c";
}

.fa-file-audio::before {
    content: "\f1c7";
}

.fa-burger::before {
    content: "\f805";
}

.fa-hamburger::before {
    content: "\f805";
}

.fa-wrench::before {
    content: "\f0ad";
}

.fa-bugs::before {
    content: "\e4d0";
}

.fa-rupee-sign::before {
    content: "\f156";
}

.fa-rupee::before {
    content: "\f156";
}

.fa-file-image::before {
    content: "\f1c5";
}

.fa-circle-question::before {
    content: "\f059";
}

.fa-question-circle::before {
    content: "\f059";
}

.fa-plane-departure::before {
    content: "\f5b0";
}

.fa-handshake-slash::before {
    content: "\e060";
}

.fa-book-bookmark::before {
    content: "\e0bb";
}

.fa-code-branch::before {
    content: "\f126";
}

.fa-hat-cowboy::before {
    content: "\f8c0";
}

.fa-bridge::before {
    content: "\e4c8";
}

.fa-phone-flip::before {
    content: "\f879";
}

.fa-phone-alt::before {
    content: "\f879";
}

.fa-truck-front::before {
    content: "\e2b7";
}

.fa-cat::before {
    content: "\f6be";
}

.fa-anchor-circle-exclamation::before {
    content: "\e4ab";
}

.fa-truck-field::before {
    content: "\e58d";
}

.fa-route::before {
    content: "\f4d7";
}

.fa-clipboard-question::before {
    content: "\e4e3";
}

.fa-panorama::before {
    content: "\e209";
}

.fa-comment-medical::before {
    content: "\f7f5";
}

.fa-teeth-open::before {
    content: "\f62f";
}

.fa-file-circle-minus::before {
    content: "\e4ed";
}

.fa-tags::before {
    content: "\f02c";
}

.fa-wine-glass::before {
    content: "\f4e3";
}

.fa-forward-fast::before {
    content: "\f050";
}

.fa-fast-forward::before {
    content: "\f050";
}

.fa-face-meh-blank::before {
    content: "\f5a4";
}

.fa-meh-blank::before {
    content: "\f5a4";
}

.fa-square-parking::before {
    content: "\f540";
}

.fa-parking::before {
    content: "\f540";
}

.fa-house-signal::before {
    content: "\e012";
}

.fa-bars-progress::before {
    content: "\f828";
}

.fa-tasks-alt::before {
    content: "\f828";
}

.fa-faucet-drip::before {
    content: "\e006";
}

.fa-cart-flatbed::before {
    content: "\f474";
}

.fa-dolly-flatbed::before {
    content: "\f474";
}

.fa-ban-smoking::before {
    content: "\f54d";
}

.fa-smoking-ban::before {
    content: "\f54d";
}

.fa-terminal::before {
    content: "\f120";
}

.fa-mobile-button::before {
    content: "\f10b";
}

.fa-house-medical-flag::before {
    content: "\e514";
}

.fa-basket-shopping::before {
    content: "\f291";
}

.fa-shopping-basket::before {
    content: "\f291";
}

.fa-tape::before {
    content: "\f4db";
}

.fa-bus-simple::before {
    content: "\f55e";
}

.fa-bus-alt::before {
    content: "\f55e";
}

.fa-eye::before {
    content: "\f06e";
}

.fa-face-sad-cry::before {
    content: "\f5b3";
}

.fa-sad-cry::before {
    content: "\f5b3";
}

.fa-audio-description::before {
    content: "\f29e";
}

.fa-person-military-to-person::before {
    content: "\e54c";
}

.fa-file-shield::before {
    content: "\e4f0";
}

.fa-user-slash::before {
    content: "\f506";
}

.fa-pen::before {
    content: "\f304";
}

.fa-tower-observation::before {
    content: "\e586";
}

.fa-file-code::before {
    content: "\f1c9";
}

.fa-signal::before {
    content: "\f012";
}

.fa-signal-5::before {
    content: "\f012";
}

.fa-signal-perfect::before {
    content: "\f012";
}

.fa-bus::before {
    content: "\f207";
}

.fa-heart-circle-xmark::before {
    content: "\e501";
}

.fa-house-chimney::before {
    content: "\e3af";
}

.fa-home-lg::before {
    content: "\e3af";
}

.fa-window-maximize::before {
    content: "\f2d0";
}

.fa-face-frown::before {
    content: "\f119";
}

.fa-frown::before {
    content: "\f119";
}

.fa-prescription::before {
    content: "\f5b1";
}

.fa-shop::before {
    content: "\f54f";
}

.fa-store-alt::before {
    content: "\f54f";
}

.fa-floppy-disk::before {
    content: "\f0c7";
}

.fa-save::before {
    content: "\f0c7";
}

.fa-vihara::before {
    content: "\f6a7";
}

.fa-scale-unbalanced::before {
    content: "\f515";
}

.fa-balance-scale-left::before {
    content: "\f515";
}

.fa-sort-up::before {
    content: "\f0de";
}

.fa-sort-asc::before {
    content: "\f0de";
}

.fa-comment-dots::before {
    content: "\f4ad";
}

.fa-commenting::before {
    content: "\f4ad";
}

.fa-plant-wilt::before {
    content: "\e5aa";
}

.fa-diamond::before {
    content: "\f219";
}

.fa-face-grin-squint::before {
    content: "\f585";
}

.fa-grin-squint::before {
    content: "\f585";
}

.fa-hand-holding-dollar::before {
    content: "\f4c0";
}

.fa-hand-holding-usd::before {
    content: "\f4c0";
}

.fa-bacterium::before {
    content: "\e05a";
}

.fa-hand-pointer::before {
    content: "\f25a";
}

.fa-drum-steelpan::before {
    content: "\f56a";
}

.fa-hand-scissors::before {
    content: "\f257";
}

.fa-hands-praying::before {
    content: "\f684";
}

.fa-praying-hands::before {
    content: "\f684";
}

.fa-arrow-rotate-right::before {
    content: "\f01e";
}

.fa-arrow-right-rotate::before {
    content: "\f01e";
}

.fa-arrow-rotate-forward::before {
    content: "\f01e";
}

.fa-redo::before {
    content: "\f01e";
}

.fa-biohazard::before {
    content: "\f780";
}

.fa-location-crosshairs::before {
    content: "\f601";
}

.fa-location::before {
    content: "\f601";
}

.fa-mars-double::before {
    content: "\f227";
}

.fa-child-dress::before {
    content: "\e59c";
}

.fa-users-between-lines::before {
    content: "\e591";
}

.fa-lungs-virus::before {
    content: "\e067";
}

.fa-face-grin-tears::before {
    content: "\f588";
}

.fa-grin-tears::before {
    content: "\f588";
}

.fa-phone::before {
    content: "\f095";
}

.fa-calendar-xmark::before {
    content: "\f273";
}

.fa-calendar-times::before {
    content: "\f273";
}

.fa-child-reaching::before {
    content: "\e59d";
}

.fa-head-side-virus::before {
    content: "\e064";
}

.fa-user-gear::before {
    content: "\f4fe";
}

.fa-user-cog::before {
    content: "\f4fe";
}

.fa-arrow-up-1-9::before {
    content: "\f163";
}

.fa-sort-numeric-up::before {
    content: "\f163";
}

.fa-door-closed::before {
    content: "\f52a";
}

.fa-shield-virus::before {
    content: "\e06c";
}

.fa-dice-six::before {
    content: "\f526";
}

.fa-mosquito-net::before {
    content: "\e52c";
}

.fa-bridge-water::before {
    content: "\e4ce";
}

.fa-person-booth::before {
    content: "\f756";
}

.fa-text-width::before {
    content: "\f035";
}

.fa-hat-wizard::before {
    content: "\f6e8";
}

.fa-pen-fancy::before {
    content: "\f5ac";
}

.fa-person-digging::before {
    content: "\f85e";
}

.fa-digging::before {
    content: "\f85e";
}

.fa-trash::before {
    content: "\f1f8";
}

.fa-gauge-simple::before {
    content: "\f629";
}

.fa-gauge-simple-med::before {
    content: "\f629";
}

.fa-tachometer-average::before {
    content: "\f629";
}

.fa-book-medical::before {
    content: "\f7e6";
}

.fa-poo::before {
    content: "\f2fe";
}

.fa-quote-right::before {
    content: "\f10e";
}

.fa-quote-right-alt::before {
    content: "\f10e";
}

.fa-shirt::before {
    content: "\f553";
}

.fa-t-shirt::before {
    content: "\f553";
}

.fa-tshirt::before {
    content: "\f553";
}

.fa-cubes::before {
    content: "\f1b3";
}

.fa-divide::before {
    content: "\f529";
}

.fa-tenge-sign::before {
    content: "\f7d7";
}

.fa-tenge::before {
    content: "\f7d7";
}

.fa-headphones::before {
    content: "\f025";
}

.fa-hands-holding::before {
    content: "\f4c2";
}

.fa-hands-clapping::before {
    content: "\e1a8";
}

.fa-republican::before {
    content: "\f75e";
}

.fa-arrow-left::before {
    content: "\f060";
}

.fa-person-circle-xmark::before {
    content: "\e543";
}

.fa-ruler::before {
    content: "\f545";
}

.fa-align-left::before {
    content: "\f036";
}

.fa-dice-d6::before {
    content: "\f6d1";
}

.fa-restroom::before {
    content: "\f7bd";
}

.fa-j::before {
    content: "\4a";
}

.fa-users-viewfinder::before {
    content: "\e595";
}

.fa-file-video::before {
    content: "\f1c8";
}

.fa-up-right-from-square::before {
    content: "\f35d";
}

.fa-external-link-alt::before {
    content: "\f35d";
}

.fa-table-cells::before {
    content: "\f00a";
}

.fa-th::before {
    content: "\f00a";
}

.fa-file-pdf::before {
    content: "\f1c1";
}

.fa-book-bible::before {
    content: "\f647";
}

.fa-bible::before {
    content: "\f647";
}

.fa-o::before {
    content: "\4f";
}

.fa-suitcase-medical::before {
    content: "\f0fa";
}

.fa-medkit::before {
    content: "\f0fa";
}

.fa-user-secret::before {
    content: "\f21b";
}

.fa-otter::before {
    content: "\f700";
}

.fa-person-dress::before {
    content: "\f182";
}

.fa-female::before {
    content: "\f182";
}

.fa-comment-dollar::before {
    content: "\f651";
}

.fa-business-time::before {
    content: "\f64a";
}

.fa-briefcase-clock::before {
    content: "\f64a";
}

.fa-table-cells-large::before {
    content: "\f009";
}

.fa-th-large::before {
    content: "\f009";
}

.fa-book-tanakh::before {
    content: "\f827";
}

.fa-tanakh::before {
    content: "\f827";
}

.fa-phone-volume::before {
    content: "\f2a0";
}

.fa-volume-control-phone::before {
    content: "\f2a0";
}

.fa-hat-cowboy-side::before {
    content: "\f8c1";
}

.fa-clipboard-user::before {
    content: "\f7f3";
}

.fa-child::before {
    content: "\f1ae";
}

.fa-lira-sign::before {
    content: "\f195";
}

.fa-satellite::before {
    content: "\f7bf";
}

.fa-plane-lock::before {
    content: "\e558";
}

.fa-tag::before {
    content: "\f02b";
}

.fa-comment::before {
    content: "\f075";
}

.fa-cake-candles::before {
    content: "\f1fd";
}

.fa-birthday-cake::before {
    content: "\f1fd";
}

.fa-cake::before {
    content: "\f1fd";
}

.fa-envelope::before {
    content: "\f0e0";
}

.fa-angles-up::before {
    content: "\f102";
}

.fa-angle-double-up::before {
    content: "\f102";
}

.fa-paperclip::before {
    content: "\f0c6";
}

.fa-arrow-right-to-city::before {
    content: "\e4b3";
}

.fa-ribbon::before {
    content: "\f4d6";
}

.fa-lungs::before {
    content: "\f604";
}

.fa-arrow-up-9-1::before {
    content: "\f887";
}

.fa-sort-numeric-up-alt::before {
    content: "\f887";
}

.fa-litecoin-sign::before {
    content: "\e1d3";
}

.fa-border-none::before {
    content: "\f850";
}

.fa-circle-nodes::before {
    content: "\e4e2";
}

.fa-parachute-box::before {
    content: "\f4cd";
}

.fa-indent::before {
    content: "\f03c";
}

.fa-truck-field-un::before {
    content: "\e58e";
}

.fa-hourglass::before {
    content: "\f254";
}

.fa-hourglass-empty::before {
    content: "\f254";
}

.fa-mountain::before {
    content: "\f6fc";
}

.fa-user-doctor::before {
    content: "\f0f0";
}

.fa-user-md::before {
    content: "\f0f0";
}

.fa-circle-info::before {
    content: "\f05a";
}

.fa-info-circle::before {
    content: "\f05a";
}

.fa-cloud-meatball::before {
    content: "\f73b";
}

.fa-camera::before {
    content: "\f030";
}

.fa-camera-alt::before {
    content: "\f030";
}

.fa-square-virus::before {
    content: "\e578";
}

.fa-meteor::before {
    content: "\f753";
}

.fa-car-on::before {
    content: "\e4dd";
}

.fa-sleigh::before {
    content: "\f7cc";
}

.fa-arrow-down-1-9::before {
    content: "\f162";
}

.fa-sort-numeric-asc::before {
    content: "\f162";
}

.fa-sort-numeric-down::before {
    content: "\f162";
}

.fa-hand-holding-droplet::before {
    content: "\f4c1";
}

.fa-hand-holding-water::before {
    content: "\f4c1";
}

.fa-water::before {
    content: "\f773";
}

.fa-calendar-check::before {
    content: "\f274";
}

.fa-braille::before {
    content: "\f2a1";
}

.fa-prescription-bottle-medical::before {
    content: "\f486";
}

.fa-prescription-bottle-alt::before {
    content: "\f486";
}

.fa-landmark::before {
    content: "\f66f";
}

.fa-truck::before {
    content: "\f0d1";
}

.fa-crosshairs::before {
    content: "\f05b";
}

.fa-person-cane::before {
    content: "\e53c";
}

.fa-tent::before {
    content: "\e57d";
}

.fa-vest-patches::before {
    content: "\e086";
}

.fa-check-double::before {
    content: "\f560";
}

.fa-arrow-down-a-z::before {
    content: "\f15d";
}

.fa-sort-alpha-asc::before {
    content: "\f15d";
}

.fa-sort-alpha-down::before {
    content: "\f15d";
}

.fa-money-bill-wheat::before {
    content: "\e52a";
}

.fa-cookie::before {
    content: "\f563";
}

.fa-arrow-rotate-left::before {
    content: "\f0e2";
}

.fa-arrow-left-rotate::before {
    content: "\f0e2";
}

.fa-arrow-rotate-back::before {
    content: "\f0e2";
}

.fa-arrow-rotate-backward::before {
    content: "\f0e2";
}

.fa-undo::before {
    content: "\f0e2";
}

.fa-hard-drive::before {
    content: "\f0a0";
}

.fa-hdd::before {
    content: "\f0a0";
}

.fa-face-grin-squint-tears::before {
    content: "\f586";
}

.fa-grin-squint-tears::before {
    content: "\f586";
}

.fa-dumbbell::before {
    content: "\f44b";
}

.fa-rectangle-list::before {
    content: "\f022";
}

.fa-list-alt::before {
    content: "\f022";
}

.fa-tarp-droplet::before {
    content: "\e57c";
}

.fa-house-medical-circle-check::before {
    content: "\e511";
}

.fa-person-skiing-nordic::before {
    content: "\f7ca";
}

.fa-skiing-nordic::before {
    content: "\f7ca";
}

.fa-calendar-plus::before {
    content: "\f271";
}

.fa-plane-arrival::before {
    content: "\f5af";
}

.fa-circle-left::before {
    content: "\f359";
}

.fa-arrow-alt-circle-left::before {
    content: "\f359";
}

.fa-train-subway::before {
    content: "\f239";
}

.fa-subway::before {
    content: "\f239";
}

.fa-chart-gantt::before {
    content: "\e0e4";
}

.fa-indian-rupee-sign::before {
    content: "\e1bc";
}

.fa-indian-rupee::before {
    content: "\e1bc";
}

.fa-inr::before {
    content: "\e1bc";
}

.fa-crop-simple::before {
    content: "\f565";
}

.fa-crop-alt::before {
    content: "\f565";
}

.fa-money-bill-1::before {
    content: "\f3d1";
}

.fa-money-bill-alt::before {
    content: "\f3d1";
}

.fa-left-long::before {
    content: "\f30a";
}

.fa-long-arrow-alt-left::before {
    content: "\f30a";
}

.fa-dna::before {
    content: "\f471";
}

.fa-virus-slash::before {
    content: "\e075";
}

.fa-minus::before {
    content: "\f068";
}

.fa-subtract::before {
    content: "\f068";
}

.fa-chess::before {
    content: "\f439";
}

.fa-arrow-left-long::before {
    content: "\f177";
}

.fa-long-arrow-left::before {
    content: "\f177";
}

.fa-plug-circle-check::before {
    content: "\e55c";
}

.fa-street-view::before {
    content: "\f21d";
}

.fa-franc-sign::before {
    content: "\e18f";
}

.fa-volume-off::before {
    content: "\f026";
}

.fa-hands-asl-interpreting::before {
    content: "\f2a3";
}

.fa-american-sign-language-interpreting::before {
    content: "\f2a3";
}

.fa-asl-interpreting::before {
    content: "\f2a3";
}

.fa-hands-american-sign-language-interpreting::before {
    content: "\f2a3";
}

.fa-gear::before {
    content: "\f013";
}

.fa-cog::before {
    content: "\f013";
}

.fa-droplet-slash::before {
    content: "\f5c7";
}

.fa-tint-slash::before {
    content: "\f5c7";
}

.fa-mosque::before {
    content: "\f678";
}

.fa-mosquito::before {
    content: "\e52b";
}

.fa-star-of-david::before {
    content: "\f69a";
}

.fa-person-military-rifle::before {
    content: "\e54b";
}

.fa-cart-shopping::before {
    content: "\f07a";
}

.fa-shopping-cart::before {
    content: "\f07a";
}

.fa-vials::before {
    content: "\f493";
}

.fa-plug-circle-plus::before {
    content: "\e55f";
}

.fa-place-of-worship::before {
    content: "\f67f";
}

.fa-grip-vertical::before {
    content: "\f58e";
}

.fa-arrow-turn-up::before {
    content: "\f148";
}

.fa-level-up::before {
    content: "\f148";
}

.fa-u::before {
    content: "\55";
}

.fa-square-root-variable::before {
    content: "\f698";
}

.fa-square-root-alt::before {
    content: "\f698";
}

.fa-clock::before {
    content: "\f017";
}

.fa-clock-four::before {
    content: "\f017";
}

.fa-backward-step::before {
    content: "\f048";
}

.fa-step-backward::before {
    content: "\f048";
}

.fa-pallet::before {
    content: "\f482";
}

.fa-faucet::before {
    content: "\e005";
}

.fa-baseball-bat-ball::before {
    content: "\f432";
}

.fa-s::before {
    content: "\53";
}

.fa-timeline::before {
    content: "\e29c";
}

.fa-keyboard::before {
    content: "\f11c";
}

.fa-caret-down::before {
    content: "\f0d7";
}

.fa-house-chimney-medical::before {
    content: "\f7f2";
}

.fa-clinic-medical::before {
    content: "\f7f2";
}

.fa-temperature-three-quarters::before {
    content: "\f2c8";
}

.fa-temperature-3::before {
    content: "\f2c8";
}

.fa-thermometer-3::before {
    content: "\f2c8";
}

.fa-thermometer-three-quarters::before {
    content: "\f2c8";
}

.fa-mobile-screen::before {
    content: "\f3cf";
}

.fa-mobile-android-alt::before {
    content: "\f3cf";
}

.fa-plane-up::before {
    content: "\e22d";
}

.fa-piggy-bank::before {
    content: "\f4d3";
}

.fa-battery-half::before {
    content: "\f242";
}

.fa-battery-3::before {
    content: "\f242";
}

.fa-mountain-city::before {
    content: "\e52e";
}

.fa-coins::before {
    content: "\f51e";
}

.fa-khanda::before {
    content: "\f66d";
}

.fa-sliders::before {
    content: "\f1de";
}

.fa-sliders-h::before {
    content: "\f1de";
}

.fa-folder-tree::before {
    content: "\f802";
}

.fa-network-wired::before {
    content: "\f6ff";
}

.fa-map-pin::before {
    content: "\f276";
}

.fa-hamsa::before {
    content: "\f665";
}

.fa-cent-sign::before {
    content: "\e3f5";
}

.fa-flask::before {
    content: "\f0c3";
}

.fa-person-pregnant::before {
    content: "\e31e";
}

.fa-wand-sparkles::before {
    content: "\f72b";
}

.fa-ellipsis-vertical::before {
    content: "\f142";
}

.fa-ellipsis-v::before {
    content: "\f142";
}

.fa-ticket::before {
    content: "\f145";
}

.fa-power-off::before {
    content: "\f011";
}

.fa-right-long::before {
    content: "\f30b";
}

.fa-long-arrow-alt-right::before {
    content: "\f30b";
}

.fa-flag-usa::before {
    content: "\f74d";
}

.fa-laptop-file::before {
    content: "\e51d";
}

.fa-tty::before {
    content: "\f1e4";
}

.fa-teletype::before {
    content: "\f1e4";
}

.fa-diagram-next::before {
    content: "\e476";
}

.fa-person-rifle::before {
    content: "\e54e";
}

.fa-house-medical-circle-exclamation::before {
    content: "\e512";
}

.fa-closed-captioning::before {
    content: "\f20a";
}

.fa-person-hiking::before {
    content: "\f6ec";
}

.fa-hiking::before {
    content: "\f6ec";
}

.fa-venus-double::before {
    content: "\f226";
}

.fa-images::before {
    content: "\f302";
}

.fa-calculator::before {
    content: "\f1ec";
}

.fa-people-pulling::before {
    content: "\e535";
}

.fa-n::before {
    content: "\4e";
}

.fa-cable-car::before {
    content: "\f7da";
}

.fa-tram::before {
    content: "\f7da";
}

.fa-cloud-rain::before {
    content: "\f73d";
}

.fa-building-circle-xmark::before {
    content: "\e4d4";
}

.fa-ship::before {
    content: "\f21a";
}

.fa-arrows-down-to-line::before {
    content: "\e4b8";
}

.fa-download::before {
    content: "\f019";
}

.fa-face-grin::before {
    content: "\f580";
}

.fa-grin::before {
    content: "\f580";
}

.fa-delete-left::before {
    content: "\f55a";
}

.fa-backspace::before {
    content: "\f55a";
}

.fa-eye-dropper::before {
    content: "\f1fb";
}

.fa-eye-dropper-empty::before {
    content: "\f1fb";
}

.fa-eyedropper::before {
    content: "\f1fb";
}

.fa-file-circle-check::before {
    content: "\e5a0";
}

.fa-forward::before {
    content: "\f04e";
}

.fa-mobile::before {
    content: "\f3ce";
}

.fa-mobile-android::before {
    content: "\f3ce";
}

.fa-mobile-phone::before {
    content: "\f3ce";
}

.fa-face-meh::before {
    content: "\f11a";
}

.fa-meh::before {
    content: "\f11a";
}

.fa-align-center::before {
    content: "\f037";
}

.fa-book-skull::before {
    content: "\f6b7";
}

.fa-book-dead::before {
    content: "\f6b7";
}

.fa-id-card::before {
    content: "\f2c2";
}

.fa-drivers-license::before {
    content: "\f2c2";
}

.fa-outdent::before {
    content: "\f03b";
}

.fa-dedent::before {
    content: "\f03b";
}

.fa-heart-circle-exclamation::before {
    content: "\e4fe";
}

.fa-house::before {
    content: "\f015";
}

.fa-home::before {
    content: "\f015";
}

.fa-home-alt::before {
    content: "\f015";
}

.fa-home-lg-alt::before {
    content: "\f015";
}

.fa-calendar-week::before {
    content: "\f784";
}

.fa-laptop-medical::before {
    content: "\f812";
}

.fa-b::before {
    content: "\42";
}

.fa-file-medical::before {
    content: "\f477";
}

.fa-dice-one::before {
    content: "\f525";
}

.fa-kiwi-bird::before {
    content: "\f535";
}

.fa-arrow-right-arrow-left::before {
    content: "\f0ec";
}

.fa-exchange::before {
    content: "\f0ec";
}

.fa-rotate-right::before {
    content: "\f2f9";
}

.fa-redo-alt::before {
    content: "\f2f9";
}

.fa-rotate-forward::before {
    content: "\f2f9";
}

.fa-utensils::before {
    content: "\f2e7";
}

.fa-cutlery::before {
    content: "\f2e7";
}

.fa-arrow-up-wide-short::before {
    content: "\f161";
}

.fa-sort-amount-up::before {
    content: "\f161";
}

.fa-mill-sign::before {
    content: "\e1ed";
}

.fa-bowl-rice::before {
    content: "\e2eb";
}

.fa-skull::before {
    content: "\f54c";
}

.fa-tower-broadcast::before {
    content: "\f519";
}

.fa-broadcast-tower::before {
    content: "\f519";
}

.fa-truck-pickup::before {
    content: "\f63c";
}

.fa-up-long::before {
    content: "\f30c";
}

.fa-long-arrow-alt-up::before {
    content: "\f30c";
}

.fa-stop::before {
    content: "\f04d";
}

.fa-code-merge::before {
    content: "\f387";
}

.fa-upload::before {
    content: "\f093";
}

.fa-hurricane::before {
    content: "\f751";
}

.fa-mound::before {
    content: "\e52d";
}

.fa-toilet-portable::before {
    content: "\e583";
}

.fa-compact-disc::before {
    content: "\f51f";
}

.fa-file-arrow-down::before {
    content: "\f56d";
}

.fa-file-download::before {
    content: "\f56d";
}

.fa-caravan::before {
    content: "\f8ff";
}

.fa-shield-cat::before {
    content: "\e572";
}

.fa-bolt::before {
    content: "\f0e7";
}

.fa-zap::before {
    content: "\f0e7";
}

.fa-glass-water::before {
    content: "\e4f4";
}

.fa-oil-well::before {
    content: "\e532";
}

.fa-vault::before {
    content: "\e2c5";
}

.fa-mars::before {
    content: "\f222";
}

.fa-toilet::before {
    content: "\f7d8";
}

.fa-plane-circle-xmark::before {
    content: "\e557";
}

.fa-yen-sign::before {
    content: "\f157";
}

.fa-cny::before {
    content: "\f157";
}

.fa-jpy::before {
    content: "\f157";
}

.fa-rmb::before {
    content: "\f157";
}

.fa-yen::before {
    content: "\f157";
}

.fa-ruble-sign::before {
    content: "\f158";
}

.fa-rouble::before {
    content: "\f158";
}

.fa-rub::before {
    content: "\f158";
}

.fa-ruble::before {
    content: "\f158";
}

.fa-sun::before {
    content: "\f185";
}

.fa-guitar::before {
    content: "\f7a6";
}

.fa-face-laugh-wink::before {
    content: "\f59c";
}

.fa-laugh-wink::before {
    content: "\f59c";
}

.fa-horse-head::before {
    content: "\f7ab";
}

.fa-bore-hole::before {
    content: "\e4c3";
}

.fa-industry::before {
    content: "\f275";
}

.fa-circle-down::before {
    content: "\f358";
}

.fa-arrow-alt-circle-down::before {
    content: "\f358";
}

.fa-arrows-turn-to-dots::before {
    content: "\e4c1";
}

.fa-florin-sign::before {
    content: "\e184";
}

.fa-arrow-down-short-wide::before {
    content: "\f884";
}

.fa-sort-amount-desc::before {
    content: "\f884";
}

.fa-sort-amount-down-alt::before {
    content: "\f884";
}

.fa-less-than::before {
    content: "\3c";
}

.fa-angle-down::before {
    content: "\f107";
}

.fa-car-tunnel::before {
    content: "\e4de";
}

.fa-head-side-cough::before {
    content: "\e061";
}

.fa-grip-lines::before {
    content: "\f7a4";
}

.fa-thumbs-down::before {
    content: "\f165";
}

.fa-user-lock::before {
    content: "\f502";
}

.fa-arrow-right-long::before {
    content: "\f178";
}

.fa-long-arrow-right::before {
    content: "\f178";
}

.fa-anchor-circle-xmark::before {
    content: "\e4ac";
}

.fa-ellipsis::before {
    content: "\f141";
}

.fa-ellipsis-h::before {
    content: "\f141";
}

.fa-chess-pawn::before {
    content: "\f443";
}

.fa-kit-medical::before {
    content: "\f479";
}

.fa-first-aid::before {
    content: "\f479";
}

.fa-person-through-window::before {
    content: "\e5a9";
}

.fa-toolbox::before {
    content: "\f552";
}

.fa-hands-holding-circle::before {
    content: "\e4fb";
}

.fa-bug::before {
    content: "\f188";
}

.fa-credit-card::before {
    content: "\f09d";
}

.fa-credit-card-alt::before {
    content: "\f09d";
}

.fa-car::before {
    content: "\f1b9";
}

.fa-automobile::before {
    content: "\f1b9";
}

.fa-hand-holding-hand::before {
    content: "\e4f7";
}

.fa-book-open-reader::before {
    content: "\f5da";
}

.fa-book-reader::before {
    content: "\f5da";
}

.fa-mountain-sun::before {
    content: "\e52f";
}

.fa-arrows-left-right-to-line::before {
    content: "\e4ba";
}

.fa-dice-d20::before {
    content: "\f6cf";
}

.fa-truck-droplet::before {
    content: "\e58c";
}

.fa-file-circle-xmark::before {
    content: "\e5a1";
}

.fa-temperature-arrow-up::before {
    content: "\e040";
}

.fa-temperature-up::before {
    content: "\e040";
}

.fa-medal::before {
    content: "\f5a2";
}

.fa-bed::before {
    content: "\f236";
}

.fa-square-h::before {
    content: "\f0fd";
}

.fa-h-square::before {
    content: "\f0fd";
}

.fa-podcast::before {
    content: "\f2ce";
}

.fa-temperature-full::before {
    content: "\f2c7";
}

.fa-temperature-4::before {
    content: "\f2c7";
}

.fa-thermometer-4::before {
    content: "\f2c7";
}

.fa-thermometer-full::before {
    content: "\f2c7";
}

.fa-bell::before {
    content: "\f0f3";
}

.fa-superscript::before {
    content: "\f12b";
}

.fa-plug-circle-xmark::before {
    content: "\e560";
}

.fa-star-of-life::before {
    content: "\f621";
}

.fa-phone-slash::before {
    content: "\f3dd";
}

.fa-paint-roller::before {
    content: "\f5aa";
}

.fa-handshake-angle::before {
    content: "\f4c4";
}

.fa-hands-helping::before {
    content: "\f4c4";
}

.fa-location-dot::before {
    content: "\f3c5";
}

.fa-map-marker-alt::before {
    content: "\f3c5";
}

.fa-file::before {
    content: "\f15b";
}

.fa-greater-than::before {
    content: "\3e";
}

.fa-person-swimming::before {
    content: "\f5c4";
}

.fa-swimmer::before {
    content: "\f5c4";
}

.fa-arrow-down::before {
    content: "\f063";
}

.fa-droplet::before {
    content: "\f043";
}

.fa-tint::before {
    content: "\f043";
}

.fa-eraser::before {
    content: "\f12d";
}

.fa-earth-americas::before {
    content: "\f57d";
}

.fa-earth::before {
    content: "\f57d";
}

.fa-earth-america::before {
    content: "\f57d";
}

.fa-globe-americas::before {
    content: "\f57d";
}

.fa-person-burst::before {
    content: "\e53b";
}

.fa-dove::before {
    content: "\f4ba";
}

.fa-battery-empty::before {
    content: "\f244";
}

.fa-battery-0::before {
    content: "\f244";
}

.fa-socks::before {
    content: "\f696";
}

.fa-inbox::before {
    content: "\f01c";
}

.fa-section::before {
    content: "\e447";
}

.fa-gauge-high::before {
    content: "\f625";
}

.fa-tachometer-alt::before {
    content: "\f625";
}

.fa-tachometer-alt-fast::before {
    content: "\f625";
}

.fa-envelope-open-text::before {
    content: "\f658";
}

.fa-hospital::before {
    content: "\f0f8";
}

.fa-hospital-alt::before {
    content: "\f0f8";
}

.fa-hospital-wide::before {
    content: "\f0f8";
}

.fa-wine-bottle::before {
    content: "\f72f";
}

.fa-chess-rook::before {
    content: "\f447";
}

.fa-bars-staggered::before {
    content: "\f550";
}

.fa-reorder::before {
    content: "\f550";
}

.fa-stream::before {
    content: "\f550";
}

.fa-dharmachakra::before {
    content: "\f655";
}

.fa-hotdog::before {
    content: "\f80f";
}

.fa-person-walking-with-cane::before {
    content: "\f29d";
}

.fa-blind::before {
    content: "\f29d";
}

.fa-drum::before {
    content: "\f569";
}

.fa-ice-cream::before {
    content: "\f810";
}

.fa-heart-circle-bolt::before {
    content: "\e4fc";
}

.fa-fax::before {
    content: "\f1ac";
}

.fa-paragraph::before {
    content: "\f1dd";
}

.fa-check-to-slot::before {
    content: "\f772";
}

.fa-vote-yea::before {
    content: "\f772";
}

.fa-star-half::before {
    content: "\f089";
}

.fa-boxes-stacked::before {
    content: "\f468";
}

.fa-boxes::before {
    content: "\f468";
}

.fa-boxes-alt::before {
    content: "\f468";
}

.fa-link::before {
    content: "\f0c1";
}

.fa-chain::before {
    content: "\f0c1";
}

.fa-ear-listen::before {
    content: "\f2a2";
}

.fa-assistive-listening-systems::before {
    content: "\f2a2";
}

.fa-tree-city::before {
    content: "\e587";
}

.fa-play::before {
    content: "\f04b";
}

.fa-font::before {
    content: "\f031";
}

.fa-rupiah-sign::before {
    content: "\e23d";
}

.fa-magnifying-glass::before {
    content: "\f002";
}

.fa-search::before {
    content: "\f002";
}

.fa-table-tennis-paddle-ball::before {
    content: "\f45d";
}

.fa-ping-pong-paddle-ball::before {
    content: "\f45d";
}

.fa-table-tennis::before {
    content: "\f45d";
}

.fa-person-dots-from-line::before {
    content: "\f470";
}

.fa-diagnoses::before {
    content: "\f470";
}

.fa-trash-can-arrow-up::before {
    content: "\f82a";
}

.fa-trash-restore-alt::before {
    content: "\f82a";
}

.fa-naira-sign::before {
    content: "\e1f6";
}

.fa-cart-arrow-down::before {
    content: "\f218";
}

.fa-walkie-talkie::before {
    content: "\f8ef";
}

.fa-file-pen::before {
    content: "\f31c";
}

.fa-file-edit::before {
    content: "\f31c";
}

.fa-receipt::before {
    content: "\f543";
}

.fa-square-pen::before {
    content: "\f14b";
}

.fa-pen-square::before {
    content: "\f14b";
}

.fa-pencil-square::before {
    content: "\f14b";
}

.fa-suitcase-rolling::before {
    content: "\f5c1";
}

.fa-person-circle-exclamation::before {
    content: "\e53f";
}

.fa-chevron-down::before {
    content: "\f078";
}

.fa-battery-full::before {
    content: "\f240";
}

.fa-battery::before {
    content: "\f240";
}

.fa-battery-5::before {
    content: "\f240";
}

.fa-skull-crossbones::before {
    content: "\f714";
}

.fa-code-compare::before {
    content: "\e13a";
}

.fa-list-ul::before {
    content: "\f0ca";
}

.fa-list-dots::before {
    content: "\f0ca";
}

.fa-school-lock::before {
    content: "\e56f";
}

.fa-tower-cell::before {
    content: "\e585";
}

.fa-down-long::before {
    content: "\f309";
}

.fa-long-arrow-alt-down::before {
    content: "\f309";
}

.fa-ranking-star::before {
    content: "\e561";
}

.fa-chess-king::before {
    content: "\f43f";
}

.fa-person-harassing::before {
    content: "\e549";
}

.fa-brazilian-real-sign::before {
    content: "\e46c";
}

.fa-landmark-dome::before {
    content: "\f752";
}

.fa-landmark-alt::before {
    content: "\f752";
}

.fa-arrow-up::before {
    content: "\f062";
}

.fa-tv::before {
    content: "\f26c";
}

.fa-television::before {
    content: "\f26c";
}

.fa-tv-alt::before {
    content: "\f26c";
}

.fa-shrimp::before {
    content: "\e448";
}

.fa-list-check::before {
    content: "\f0ae";
}

.fa-tasks::before {
    content: "\f0ae";
}

.fa-jug-detergent::before {
    content: "\e519";
}

.fa-circle-user::before {
    content: "\f2bd";
}

.fa-user-circle::before {
    content: "\f2bd";
}

.fa-user-shield::before {
    content: "\f505";
}

.fa-wind::before {
    content: "\f72e";
}

.fa-car-burst::before {
    content: "\f5e1";
}

.fa-car-crash::before {
    content: "\f5e1";
}

.fa-y::before {
    content: "\59";
}

.fa-person-snowboarding::before {
    content: "\f7ce";
}

.fa-snowboarding::before {
    content: "\f7ce";
}

.fa-truck-fast::before {
    content: "\f48b";
}

.fa-shipping-fast::before {
    content: "\f48b";
}

.fa-fish::before {
    content: "\f578";
}

.fa-user-graduate::before {
    content: "\f501";
}

.fa-circle-half-stroke::before {
    content: "\f042";
}

.fa-adjust::before {
    content: "\f042";
}

.fa-clapperboard::before {
    content: "\e131";
}

.fa-circle-radiation::before {
    content: "\f7ba";
}

.fa-radiation-alt::before {
    content: "\f7ba";
}

.fa-baseball::before {
    content: "\f433";
}

.fa-baseball-ball::before {
    content: "\f433";
}

.fa-jet-fighter-up::before {
    content: "\e518";
}

.fa-diagram-project::before {
    content: "\f542";
}

.fa-project-diagram::before {
    content: "\f542";
}

.fa-copy::before {
    content: "\f0c5";
}

.fa-volume-xmark::before {
    content: "\f6a9";
}

.fa-volume-mute::before {
    content: "\f6a9";
}

.fa-volume-times::before {
    content: "\f6a9";
}

.fa-hand-sparkles::before {
    content: "\e05d";
}

.fa-grip::before {
    content: "\f58d";
}

.fa-grip-horizontal::before {
    content: "\f58d";
}

.fa-share-from-square::before {
    content: "\f14d";
}

.fa-share-square::before {
    content: "\f14d";
}

.fa-child-combatant::before {
    content: "\e4e0";
}

.fa-child-rifle::before {
    content: "\e4e0";
}

.fa-gun::before {
    content: "\e19b";
}

.fa-square-phone::before {
    content: "\f098";
}

.fa-phone-square::before {
    content: "\f098";
}

.fa-plus::before {
    content: "\2b";
}

.fa-add::before {
    content: "\2b";
}

.fa-expand::before {
    content: "\f065";
}

.fa-computer::before {
    content: "\e4e5";
}

.fa-xmark::before {
    content: "\f00d";
}

.fa-close::before {
    content: "\f00d";
}

.fa-multiply::before {
    content: "\f00d";
}

.fa-remove::before {
    content: "\f00d";
}

.fa-times::before {
    content: "\f00d";
}

.fa-arrows-up-down-left-right::before {
    content: "\f047";
}

.fa-arrows::before {
    content: "\f047";
}

.fa-chalkboard-user::before {
    content: "\f51c";
}

.fa-chalkboard-teacher::before {
    content: "\f51c";
}

.fa-peso-sign::before {
    content: "\e222";
}

.fa-building-shield::before {
    content: "\e4d8";
}

.fa-baby::before {
    content: "\f77c";
}

.fa-users-line::before {
    content: "\e592";
}

.fa-quote-left::before {
    content: "\f10d";
}

.fa-quote-left-alt::before {
    content: "\f10d";
}

.fa-tractor::before {
    content: "\f722";
}

.fa-trash-arrow-up::before {
    content: "\f829";
}

.fa-trash-restore::before {
    content: "\f829";
}

.fa-arrow-down-up-lock::before {
    content: "\e4b0";
}

.fa-lines-leaning::before {
    content: "\e51e";
}

.fa-ruler-combined::before {
    content: "\f546";
}

.fa-copyright::before {
    content: "\f1f9";
}

.fa-equals::before {
    content: "\3d";
}

.fa-blender::before {
    content: "\f517";
}

.fa-teeth::before {
    content: "\f62e";
}

.fa-shekel-sign::before {
    content: "\f20b";
}

.fa-ils::before {
    content: "\f20b";
}

.fa-shekel::before {
    content: "\f20b";
}

.fa-sheqel::before {
    content: "\f20b";
}

.fa-sheqel-sign::before {
    content: "\f20b";
}

.fa-map::before {
    content: "\f279";
}

.fa-rocket::before {
    content: "\f135";
}

.fa-photo-film::before {
    content: "\f87c";
}

.fa-photo-video::before {
    content: "\f87c";
}

.fa-folder-minus::before {
    content: "\f65d";
}

.fa-store::before {
    content: "\f54e";
}

.fa-arrow-trend-up::before {
    content: "\e098";
}

.fa-plug-circle-minus::before {
    content: "\e55e";
}

.fa-sign-hanging::before {
    content: "\f4d9";
}

.fa-sign::before {
    content: "\f4d9";
}

.fa-bezier-curve::before {
    content: "\f55b";
}

.fa-bell-slash::before {
    content: "\f1f6";
}

.fa-tablet::before {
    content: "\f3fb";
}

.fa-tablet-android::before {
    content: "\f3fb";
}

.fa-school-flag::before {
    content: "\e56e";
}

.fa-fill::before {
    content: "\f575";
}

.fa-angle-up::before {
    content: "\f106";
}

.fa-drumstick-bite::before {
    content: "\f6d7";
}

.fa-holly-berry::before {
    content: "\f7aa";
}

.fa-chevron-left::before {
    content: "\f053";
}

.fa-bacteria::before {
    content: "\e059";
}

.fa-hand-lizard::before {
    content: "\f258";
}

.fa-notdef::before {
    content: "\e1fe";
}

.fa-disease::before {
    content: "\f7fa";
}

.fa-briefcase-medical::before {
    content: "\f469";
}

.fa-genderless::before {
    content: "\f22d";
}

.fa-chevron-right::before {
    content: "\f054";
}

.fa-retweet::before {
    content: "\f079";
}

.fa-car-rear::before {
    content: "\f5de";
}

.fa-car-alt::before {
    content: "\f5de";
}

.fa-pump-soap::before {
    content: "\e06b";
}

.fa-video-slash::before {
    content: "\f4e2";
}

.fa-battery-quarter::before {
    content: "\f243";
}

.fa-battery-2::before {
    content: "\f243";
}

.fa-radio::before {
    content: "\f8d7";
}

.fa-baby-carriage::before {
    content: "\f77d";
}

.fa-carriage-baby::before {
    content: "\f77d";
}

.fa-traffic-light::before {
    content: "\f637";
}

.fa-thermometer::before {
    content: "\f491";
}

.fa-vr-cardboard::before {
    content: "\f729";
}

.fa-hand-middle-finger::before {
    content: "\f806";
}

.fa-percent::before {
    content: "\25";
}

.fa-percentage::before {
    content: "\25";
}

.fa-truck-moving::before {
    content: "\f4df";
}

.fa-glass-water-droplet::before {
    content: "\e4f5";
}

.fa-display::before {
    content: "\e163";
}

.fa-face-smile::before {
    content: "\f118";
}

.fa-smile::before {
    content: "\f118";
}

.fa-thumbtack::before {
    content: "\f08d";
}

.fa-thumb-tack::before {
    content: "\f08d";
}

.fa-trophy::before {
    content: "\f091";
}

.fa-person-praying::before {
    content: "\f683";
}

.fa-pray::before {
    content: "\f683";
}

.fa-hammer::before {
    content: "\f6e3";
}

.fa-hand-peace::before {
    content: "\f25b";
}

.fa-rotate::before {
    content: "\f2f1";
}

.fa-sync-alt::before {
    content: "\f2f1";
}

.fa-spinner::before {
    content: "\f110";
}

.fa-robot::before {
    content: "\f544";
}

.fa-peace::before {
    content: "\f67c";
}

.fa-gears::before {
    content: "\f085";
}

.fa-cogs::before {
    content: "\f085";
}

.fa-warehouse::before {
    content: "\f494";
}

.fa-arrow-up-right-dots::before {
    content: "\e4b7";
}

.fa-splotch::before {
    content: "\f5bc";
}

.fa-face-grin-hearts::before {
    content: "\f584";
}

.fa-grin-hearts::before {
    content: "\f584";
}

.fa-dice-four::before {
    content: "\f524";
}

.fa-sim-card::before {
    content: "\f7c4";
}

.fa-transgender::before {
    content: "\f225";
}

.fa-transgender-alt::before {
    content: "\f225";
}

.fa-mercury::before {
    content: "\f223";
}

.fa-arrow-turn-down::before {
    content: "\f149";
}

.fa-level-down::before {
    content: "\f149";
}

.fa-person-falling-burst::before {
    content: "\e547";
}

.fa-award::before {
    content: "\f559";
}

.fa-ticket-simple::before {
    content: "\f3ff";
}

.fa-ticket-alt::before {
    content: "\f3ff";
}

.fa-building::before {
    content: "\f1ad";
}

.fa-angles-left::before {
    content: "\f100";
}

.fa-angle-double-left::before {
    content: "\f100";
}

.fa-qrcode::before {
    content: "\f029";
}

.fa-clock-rotate-left::before {
    content: "\f1da";
}

.fa-history::before {
    content: "\f1da";
}

.fa-face-grin-beam-sweat::before {
    content: "\f583";
}

.fa-grin-beam-sweat::before {
    content: "\f583";
}

.fa-file-export::before {
    content: "\f56e";
}

.fa-arrow-right-from-file::before {
    content: "\f56e";
}

.fa-shield::before {
    content: "\f132";
}

.fa-shield-blank::before {
    content: "\f132";
}

.fa-arrow-up-short-wide::before {
    content: "\f885";
}

.fa-sort-amount-up-alt::before {
    content: "\f885";
}

.fa-house-medical::before {
    content: "\e3b2";
}

.fa-golf-ball-tee::before {
    content: "\f450";
}

.fa-golf-ball::before {
    content: "\f450";
}

.fa-circle-chevron-left::before {
    content: "\f137";
}

.fa-chevron-circle-left::before {
    content: "\f137";
}

.fa-house-chimney-window::before {
    content: "\e00d";
}

.fa-pen-nib::before {
    content: "\f5ad";
}

.fa-tent-arrow-turn-left::before {
    content: "\e580";
}

.fa-tents::before {
    content: "\e582";
}

.fa-wand-magic::before {
    content: "\f0d0";
}

.fa-magic::before {
    content: "\f0d0";
}

.fa-dog::before {
    content: "\f6d3";
}

.fa-carrot::before {
    content: "\f787";
}

.fa-moon::before {
    content: "\f186";
}

.fa-wine-glass-empty::before {
    content: "\f5ce";
}

.fa-wine-glass-alt::before {
    content: "\f5ce";
}

.fa-cheese::before {
    content: "\f7ef";
}

.fa-yin-yang::before {
    content: "\f6ad";
}

.fa-music::before {
    content: "\f001";
}

.fa-code-commit::before {
    content: "\f386";
}

.fa-temperature-low::before {
    content: "\f76b";
}

.fa-person-biking::before {
    content: "\f84a";
}

.fa-biking::before {
    content: "\f84a";
}

.fa-broom::before {
    content: "\f51a";
}

.fa-shield-heart::before {
    content: "\e574";
}

.fa-gopuram::before {
    content: "\f664";
}

.fa-earth-oceania::before {
    content: "\e47b";
}

.fa-globe-oceania::before {
    content: "\e47b";
}

.fa-square-xmark::before {
    content: "\f2d3";
}

.fa-times-square::before {
    content: "\f2d3";
}

.fa-xmark-square::before {
    content: "\f2d3";
}

.fa-hashtag::before {
    content: "\23";
}

.fa-up-right-and-down-left-from-center::before {
    content: "\f424";
}

.fa-expand-alt::before {
    content: "\f424";
}

.fa-oil-can::before {
    content: "\f613";
}

.fa-t::before {
    content: "\54";
}

.fa-hippo::before {
    content: "\f6ed";
}

.fa-chart-column::before {
    content: "\e0e3";
}

.fa-infinity::before {
    content: "\f534";
}

.fa-vial-circle-check::before {
    content: "\e596";
}

.fa-person-arrow-down-to-line::before {
    content: "\e538";
}

.fa-voicemail::before {
    content: "\f897";
}

.fa-fan::before {
    content: "\f863";
}

.fa-person-walking-luggage::before {
    content: "\e554";
}

.fa-up-down::before {
    content: "\f338";
}

.fa-arrows-alt-v::before {
    content: "\f338";
}

.fa-cloud-moon-rain::before {
    content: "\f73c";
}

.fa-calendar::before {
    content: "\f133";
}

.fa-trailer::before {
    content: "\e041";
}

.fa-bahai::before {
    content: "\f666";
}

.fa-haykal::before {
    content: "\f666";
}

.fa-sd-card::before {
    content: "\f7c2";
}

.fa-dragon::before {
    content: "\f6d5";
}

.fa-shoe-prints::before {
    content: "\f54b";
}

.fa-circle-plus::before {
    content: "\f055";
}

.fa-plus-circle::before {
    content: "\f055";
}

.fa-face-grin-tongue-wink::before {
    content: "\f58b";
}

.fa-grin-tongue-wink::before {
    content: "\f58b";
}

.fa-hand-holding::before {
    content: "\f4bd";
}

.fa-plug-circle-exclamation::before {
    content: "\e55d";
}

.fa-link-slash::before {
    content: "\f127";
}

.fa-chain-broken::before {
    content: "\f127";
}

.fa-chain-slash::before {
    content: "\f127";
}

.fa-unlink::before {
    content: "\f127";
}

.fa-clone::before {
    content: "\f24d";
}

.fa-person-walking-arrow-loop-left::before {
    content: "\e551";
}

.fa-arrow-up-z-a::before {
    content: "\f882";
}

.fa-sort-alpha-up-alt::before {
    content: "\f882";
}

.fa-fire-flame-curved::before {
    content: "\f7e4";
}

.fa-fire-alt::before {
    content: "\f7e4";
}

.fa-tornado::before {
    content: "\f76f";
}

.fa-file-circle-plus::before {
    content: "\e494";
}

.fa-book-quran::before {
    content: "\f687";
}

.fa-quran::before {
    content: "\f687";
}

.fa-anchor::before {
    content: "\f13d";
}

.fa-border-all::before {
    content: "\f84c";
}

.fa-face-angry::before {
    content: "\f556";
}

.fa-angry::before {
    content: "\f556";
}

.fa-cookie-bite::before {
    content: "\f564";
}

.fa-arrow-trend-down::before {
    content: "\e097";
}

.fa-rss::before {
    content: "\f09e";
}

.fa-feed::before {
    content: "\f09e";
}

.fa-draw-polygon::before {
    content: "\f5ee";
}

.fa-scale-balanced::before {
    content: "\f24e";
}

.fa-balance-scale::before {
    content: "\f24e";
}

.fa-gauge-simple-high::before {
    content: "\f62a";
}

.fa-tachometer::before {
    content: "\f62a";
}

.fa-tachometer-fast::before {
    content: "\f62a";
}

.fa-shower::before {
    content: "\f2cc";
}

.fa-desktop::before {
    content: "\f390";
}

.fa-desktop-alt::before {
    content: "\f390";
}

.fa-m::before {
    content: "\4d";
}

.fa-table-list::before {
    content: "\f00b";
}

.fa-th-list::before {
    content: "\f00b";
}

.fa-comment-sms::before {
    content: "\f7cd";
}

.fa-sms::before {
    content: "\f7cd";
}

.fa-book::before {
    content: "\f02d";
}

.fa-user-plus::before {
    content: "\f234";
}

.fa-check::before {
    content: "\f00c";
}

.fa-battery-three-quarters::before {
    content: "\f241";
}

.fa-battery-4::before {
    content: "\f241";
}

.fa-house-circle-check::before {
    content: "\e509";
}

.fa-angle-left::before {
    content: "\f104";
}

.fa-diagram-successor::before {
    content: "\e47a";
}

.fa-truck-arrow-right::before {
    content: "\e58b";
}

.fa-arrows-split-up-and-left::before {
    content: "\e4bc";
}

.fa-hand-fist::before {
    content: "\f6de";
}

.fa-fist-raised::before {
    content: "\f6de";
}

.fa-cloud-moon::before {
    content: "\f6c3";
}

.fa-briefcase::before {
    content: "\f0b1";
}

.fa-person-falling::before {
    content: "\e546";
}

.fa-image-portrait::before {
    content: "\f3e0";
}

.fa-portrait::before {
    content: "\f3e0";
}

.fa-user-tag::before {
    content: "\f507";
}

.fa-rug::before {
    content: "\e569";
}

.fa-earth-europe::before {
    content: "\f7a2";
}

.fa-globe-europe::before {
    content: "\f7a2";
}

.fa-cart-flatbed-suitcase::before {
    content: "\f59d";
}

.fa-luggage-cart::before {
    content: "\f59d";
}

.fa-rectangle-xmark::before {
    content: "\f410";
}

.fa-rectangle-times::before {
    content: "\f410";
}

.fa-times-rectangle::before {
    content: "\f410";
}

.fa-window-close::before {
    content: "\f410";
}

.fa-baht-sign::before {
    content: "\e0ac";
}

.fa-book-open::before {
    content: "\f518";
}

.fa-book-journal-whills::before {
    content: "\f66a";
}

.fa-journal-whills::before {
    content: "\f66a";
}

.fa-handcuffs::before {
    content: "\e4f8";
}

.fa-triangle-exclamation::before {
    content: "\f071";
}

.fa-exclamation-triangle::before {
    content: "\f071";
}

.fa-warning::before {
    content: "\f071";
}

.fa-database::before {
    content: "\f1c0";
}

.fa-share::before {
    content: "\f064";
}

.fa-mail-forward::before {
    content: "\f064";
}

.fa-bottle-droplet::before {
    content: "\e4c4";
}

.fa-mask-face::before {
    content: "\e1d7";
}

.fa-hill-rockslide::before {
    content: "\e508";
}

.fa-right-left::before {
    content: "\f362";
}

.fa-exchange-alt::before {
    content: "\f362";
}

.fa-paper-plane::before {
    content: "\f1d8";
}

.fa-road-circle-exclamation::before {
    content: "\e565";
}

.fa-dungeon::before {
    content: "\f6d9";
}

.fa-align-right::before {
    content: "\f038";
}

.fa-money-bill-1-wave::before {
    content: "\f53b";
}

.fa-money-bill-wave-alt::before {
    content: "\f53b";
}

.fa-life-ring::before {
    content: "\f1cd";
}

.fa-hands::before {
    content: "\f2a7";
}

.fa-sign-language::before {
    content: "\f2a7";
}

.fa-signing::before {
    content: "\f2a7";
}

.fa-calendar-day::before {
    content: "\f783";
}

.fa-water-ladder::before {
    content: "\f5c5";
}

.fa-ladder-water::before {
    content: "\f5c5";
}

.fa-swimming-pool::before {
    content: "\f5c5";
}

.fa-arrows-up-down::before {
    content: "\f07d";
}

.fa-arrows-v::before {
    content: "\f07d";
}

.fa-face-grimace::before {
    content: "\f57f";
}

.fa-grimace::before {
    content: "\f57f";
}

.fa-wheelchair-move::before {
    content: "\e2ce";
}

.fa-wheelchair-alt::before {
    content: "\e2ce";
}

.fa-turn-down::before {
    content: "\f3be";
}

.fa-level-down-alt::before {
    content: "\f3be";
}

.fa-person-walking-arrow-right::before {
    content: "\e552";
}

.fa-square-envelope::before {
    content: "\f199";
}

.fa-envelope-square::before {
    content: "\f199";
}

.fa-dice::before {
    content: "\f522";
}

.fa-bowling-ball::before {
    content: "\f436";
}

.fa-brain::before {
    content: "\f5dc";
}

.fa-bandage::before {
    content: "\f462";
}

.fa-band-aid::before {
    content: "\f462";
}

.fa-calendar-minus::before {
    content: "\f272";
}

.fa-circle-xmark::before {
    content: "\f057";
}

.fa-times-circle::before {
    content: "\f057";
}

.fa-xmark-circle::before {
    content: "\f057";
}

.fa-gifts::before {
    content: "\f79c";
}

.fa-hotel::before {
    content: "\f594";
}

.fa-earth-asia::before {
    content: "\f57e";
}

.fa-globe-asia::before {
    content: "\f57e";
}

.fa-id-card-clip::before {
    content: "\f47f";
}

.fa-id-card-alt::before {
    content: "\f47f";
}

.fa-magnifying-glass-plus::before {
    content: "\f00e";
}

.fa-search-plus::before {
    content: "\f00e";
}

.fa-thumbs-up::before {
    content: "\f164";
}

.fa-user-clock::before {
    content: "\f4fd";
}

.fa-hand-dots::before {
    content: "\f461";
}

.fa-allergies::before {
    content: "\f461";
}

.fa-file-invoice::before {
    content: "\f570";
}

.fa-window-minimize::before {
    content: "\f2d1";
}

.fa-mug-saucer::before {
    content: "\f0f4";
}

.fa-coffee::before {
    content: "\f0f4";
}

.fa-brush::before {
    content: "\f55d";
}

.fa-mask::before {
    content: "\f6fa";
}

.fa-magnifying-glass-minus::before {
    content: "\f010";
}

.fa-search-minus::before {
    content: "\f010";
}

.fa-ruler-vertical::before {
    content: "\f548";
}

.fa-user-large::before {
    content: "\f406";
}

.fa-user-alt::before {
    content: "\f406";
}

.fa-train-tram::before {
    content: "\e5b4";
}

.fa-user-nurse::before {
    content: "\f82f";
}

.fa-syringe::before {
    content: "\f48e";
}

.fa-cloud-sun::before {
    content: "\f6c4";
}

.fa-stopwatch-20::before {
    content: "\e06f";
}

.fa-square-full::before {
    content: "\f45c";
}

.fa-magnet::before {
    content: "\f076";
}

.fa-jar::before {
    content: "\e516";
}

.fa-note-sticky::before {
    content: "\f249";
}

.fa-sticky-note::before {
    content: "\f249";
}

.fa-bug-slash::before {
    content: "\e490";
}

.fa-arrow-up-from-water-pump::before {
    content: "\e4b6";
}

.fa-bone::before {
    content: "\f5d7";
}

.fa-user-injured::before {
    content: "\f728";
}

.fa-face-sad-tear::before {
    content: "\f5b4";
}

.fa-sad-tear::before {
    content: "\f5b4";
}

.fa-plane::before {
    content: "\f072";
}

.fa-tent-arrows-down::before {
    content: "\e581";
}

.fa-exclamation::before {
    content: "\21";
}

.fa-arrows-spin::before {
    content: "\e4bb";
}

.fa-print::before {
    content: "\f02f";
}

.fa-turkish-lira-sign::before {
    content: "\e2bb";
}

.fa-try::before {
    content: "\e2bb";
}

.fa-turkish-lira::before {
    content: "\e2bb";
}

.fa-dollar-sign::before {
    content: "\24";
}

.fa-dollar::before {
    content: "\24";
}

.fa-usd::before {
    content: "\24";
}

.fa-x::before {
    content: "\58";
}

.fa-magnifying-glass-dollar::before {
    content: "\f688";
}

.fa-search-dollar::before {
    content: "\f688";
}

.fa-users-gear::before {
    content: "\f509";
}

.fa-users-cog::before {
    content: "\f509";
}

.fa-person-military-pointing::before {
    content: "\e54a";
}

.fa-building-columns::before {
    content: "\f19c";
}

.fa-bank::before {
    content: "\f19c";
}

.fa-institution::before {
    content: "\f19c";
}

.fa-museum::before {
    content: "\f19c";
}

.fa-university::before {
    content: "\f19c";
}

.fa-umbrella::before {
    content: "\f0e9";
}

.fa-trowel::before {
    content: "\e589";
}

.fa-d::before {
    content: "\44";
}

.fa-stapler::before {
    content: "\e5af";
}

.fa-masks-theater::before {
    content: "\f630";
}

.fa-theater-masks::before {
    content: "\f630";
}

.fa-kip-sign::before {
    content: "\e1c4";
}

.fa-hand-point-left::before {
    content: "\f0a5";
}

.fa-handshake-simple::before {
    content: "\f4c6";
}

.fa-handshake-alt::before {
    content: "\f4c6";
}

.fa-jet-fighter::before {
    content: "\f0fb";
}

.fa-fighter-jet::before {
    content: "\f0fb";
}

.fa-square-share-nodes::before {
    content: "\f1e1";
}

.fa-share-alt-square::before {
    content: "\f1e1";
}

.fa-barcode::before {
    content: "\f02a";
}

.fa-plus-minus::before {
    content: "\e43c";
}

.fa-video::before {
    content: "\f03d";
}

.fa-video-camera::before {
    content: "\f03d";
}

.fa-graduation-cap::before {
    content: "\f19d";
}

.fa-mortar-board::before {
    content: "\f19d";
}

.fa-hand-holding-medical::before {
    content: "\e05c";
}

.fa-person-circle-check::before {
    content: "\e53e";
}

.fa-turn-up::before {
    content: "\f3bf";
}

.fa-level-up-alt::before {
    content: "\f3bf";
}

.sr-only,
.fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

:root,
:host {
    --fa-style-family-brands: 'Font Awesome 6 Brands';
    --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../../static/media/fa-brands-400.8d3cabfc66809162fb4d.woff2) format("woff2"), url(../../static/media/fa-brands-400.6205fd00fb1b573e9f0f.ttf) format("truetype");
}

.fab,
.fa-brands {
    font-weight: 400;
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-aws:before {
    content: "\f375";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-cloudflare:before {
    content: "\e07d";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-pixiv:before {
    content: "\e640";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-modx:before {
    content: "\f285";
}

.fa-guilded:before {
    content: "\e07e";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-square-js:before {
    content: "\f3b9";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-unity:before {
    content: "\e049";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-vk:before {
    content: "\f189";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-square-reddit:before {
    content: "\f1a2";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-square-font-awesome:before {
    content: "\e5ad";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-brave:before {
    content: "\e63c";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-square-instagram:before {
    content: "\e055";
}

.fa-instagram-square:before {
    content: "\e055";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-square-hacker-news:before {
    content: "\f3af";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-edge:before {
    content: "\f282";
}

.fa-threads:before {
    content: "\e618";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-square-snapchat:before {
    content: "\f2ad";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-safari:before {
    content: "\f267";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-square-font-awesome-stroke:before {
    content: "\f35c";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-watchman-monitoring:before {
    content: "\e087";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-square-viadeo:before {
    content: "\f2aa";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-centos:before {
    content: "\f789";
}

.fa-adn:before {
    content: "\f170";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-opensuse:before {
    content: "\e62b";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-square-dribbble:before {
    content: "\f397";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-node:before {
    content: "\f419";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-debian:before {
    content: "\e60b";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-instalod:before {
    content: "\e081";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-square-twitter:before {
    content: "\f081";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-golang:before {
    content: "\e40f";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-uncharted:before {
    content: "\e084";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-square-youtube:before {
    content: "\f431";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-rendact:before {
    content: "\f3e4";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-nfc-directional:before {
    content: "\e530";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-meta:before {
    content: "\e49b";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-square-letterboxd:before {
    content: "\e62e";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-hips:before {
    content: "\f452";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-discord:before {
    content: "\f392";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-shoelace:before {
    content: "\e60c";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-unsplash:before {
    content: "\e07c";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-square-steam:before {
    content: "\f1b7";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-square-vimeo:before {
    content: "\f194";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-flag:before {
    content: "\f2b4";
}

.fa-font-awesome-logo-full:before {
    content: "\f2b4";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-apple:before {
    content: "\f179";
}

.fa-hive:before {
    content: "\e07f";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-padlet:before {
    content: "\e4a0";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-square-github:before {
    content: "\f092";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-shopify:before {
    content: "\e057";
}

.fa-neos:before {
    content: "\f612";
}

.fa-square-threads:before {
    content: "\e619";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-angular:before {
    content: "\f420";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envira:before {
    content: "\f299";
}

.fa-google-scholar:before {
    content: "\e63b";
}

.fa-square-gitlab:before {
    content: "\e5ae";
}

.fa-gitlab-square:before {
    content: "\e5ae";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-square-odnoklassniki:before {
    content: "\f264";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-sith:before {
    content: "\f512";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-hashnode:before {
    content: "\e499";
}

.fa-react:before {
    content: "\f41b";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-gg:before {
    content: "\f260";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-square-pinterest:before {
    content: "\f0d3";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-xing:before {
    content: "\f168";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-less:before {
    content: "\f41d";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-signal-messenger:before {
    content: "\e663";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-dailymotion:before {
    content: "\e052";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-nfc-symbol:before {
    content: "\e531";
}

.fa-mintbit:before {
    content: "\e62f";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-brave-reverse:before {
    content: "\e63d";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-square-google-plus:before {
    content: "\f0d4";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-square-xing:before {
    content: "\f169";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-fly:before {
    content: "\f417";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-viber:before {
    content: "\f409";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-letterboxd:before {
    content: "\e62d";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-audible:before {
    content: "\f373";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-bilibili:before {
    content: "\e3d9";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-x-twitter:before {
    content: "\e61b";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-42-group:before {
    content: "\e080";
}

.fa-innosoft:before {
    content: "\e080";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-square-pied-piper:before {
    content: "\e01e";
}

.fa-pied-piper-square:before {
    content: "\e01e";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-tiktok:before {
    content: "\e07b";
}

.fa-square-facebook:before {
    content: "\f082";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-mixer:before {
    content: "\e056";
}

.fa-square-lastfm:before {
    content: "\f203";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-figma:before {
    content: "\f799";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-cmplid:before {
    content: "\e360";
}

.fa-upwork:before {
    content: "\e641";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-deezer:before {
    content: "\e077";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-docker:before {
    content: "\f395";
}

.fa-screenpal:before {
    content: "\e570";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-microblog:before {
    content: "\e01a";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-wirsindhandwerk:before {
    content: "\e2d0";
}

.fa-wsh:before {
    content: "\e2d0";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-octopus-deploy:before {
    content: "\e082";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-apper:before {
    content: "\f371";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ab";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-rust:before {
    content: "\e07a";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-square-behance:before {
    content: "\f1b5";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-webflow:before {
    content: "\e65c";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-space-awesome:before {
    content: "\e5ac";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-square-git:before {
    content: "\f1d2";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-square-tumblr:before {
    content: "\f174";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-trello:before {
    content: "\f181";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-perbyte:before {
    content: "\e083";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-android:before {
    content: "\f17b";
}

.fa-bots:before {
    content: "\e340";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-ideal:before {
    content: "\e013";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-uber:before {
    content: "\f402";
}

.fa-github:before {
    content: "\f09b";
}

.fa-php:before {
    content: "\f457";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-firefox-browser:before {
    content: "\e007";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-stubber:before {
    content: "\e5c7";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f2c6";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-odysee:before {
    content: "\e5c6";
}

.fa-square-whatsapp:before {
    content: "\f40c";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-edge-legacy:before {
    content: "\e078";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f198";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-usb:before {
    content: "\f287";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-square-x-twitter:before {
    content: "\e61a";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f23a";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-sitrox:before {
    content: "\e44a";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-strava:before {
    content: "\f428";
}

.fa-ember:before {
    content: "\f423";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-wodu:before {
    content: "\e088";
}

.fa-google-pay:before {
    content: "\e079";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-zhihu:before {
    content: "\f63f";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-pix:before {
    content: "\e43a";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

:root,
:host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../../static/media/fa-regular-400.e931bc0d14f5bbb1da22.woff2) format("woff2"), url(../../static/media/fa-regular-400.adc51aab4d771ab65f81.ttf) format("truetype");
}

.far,
.fa-regular {
    font-weight: 400;
}

:root,
:host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../../static/media/fa-solid-900.fb8184add5a3101ad0a3.woff2) format("woff2"), url(../../static/media/fa-solid-900.45a265d0f07b31cde85f.ttf) format("truetype");
}

.fas,
.fa-solid {
    font-weight: 900;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: block;
    font-weight: 400;
    src: url(../../static/media/fa-brands-400.8d3cabfc66809162fb4d.woff2) format("woff2"), url(../../static/media/fa-brands-400.6205fd00fb1b573e9f0f.ttf) format("truetype");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: block;
    font-weight: 900;
    src: url(../../static/media/fa-solid-900.fb8184add5a3101ad0a3.woff2) format("woff2"), url(../../static/media/fa-solid-900.45a265d0f07b31cde85f.ttf) format("truetype");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: block;
    font-weight: 400;
    src: url(../../static/media/fa-regular-400.e931bc0d14f5bbb1da22.woff2) format("woff2"), url(../../static/media/fa-regular-400.adc51aab4d771ab65f81.ttf) format("truetype");
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url(../../static/media/fa-solid-900.fb8184add5a3101ad0a3.woff2) format("woff2"), url(../../static/media/fa-solid-900.45a265d0f07b31cde85f.ttf) format("truetype");
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url(../../static/media/fa-brands-400.8d3cabfc66809162fb4d.woff2) format("woff2"), url(../../static/media/fa-brands-400.6205fd00fb1b573e9f0f.ttf) format("truetype");
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url(../../static/media/fa-regular-400.e931bc0d14f5bbb1da22.woff2) format("woff2"), url(../../static/media/fa-regular-400.adc51aab4d771ab65f81.ttf) format("truetype");
    unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url(../../static/media/fa-v4compatibility.b3049b13a93f07e026fc.woff2) format("woff2"), url(../../static/media/fa-v4compatibility.2eb7b3ef25042305f3ff.ttf) format("truetype");
    unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}

/*# sourceMappingURL=main.235ef3a6.css.map*/